
.nav {border:0px solid #aa2222; height:28px; background:#0959a7; color:#fff; z-index:1000;}
.menu a {float:left; color:#fff; text-decoration:none; height:31px; padding-left:5px; padding-right:5px; padding-top:15px; border:0px solid #220000;} /* width of selection on rollover */

.menu a:hover {color:#fff;}
.menu {list-style:none; font:13px Arial,Verdana; text-align:center; margin:0 auto; border: 0px solid #ff0000;} /* width of entire menu */
.menu li {position:relative; float:left; border: 0px solid #ff0000;} /* spacing between links along top of menu - Update Nov 2011: removed z-index:1000; becuase it conflicted with tinybox */
.menu ul {display:none; position:absolute; font:normal 13px Arial,Verdana; top:46px; left:-40px; background:#aaa; display:none; list-style:none;}

/* we can use this one to force alignment of drop down furthe left for menu on right hand side of page (So no horizontal scrollbar appears */
.menuRight ul {display:none; position:absolute; font:normal 13px Arial,Verdana; top:28px; left:-120px; background:#aaa; display:none; list-style:none;}

.menu ul li {float:none; border-top:1px solid #ccc; width:220px;} /* background container size in down box */
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:22px; padding-top:5px;}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#999; color:#fff}
.menu ul ul {left:150px; top:0} /* how far to space over sub menu */
.menu li.submenu {font-weight:bold}
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a {color:#fff; background:#999;}
li.menuhover span, li.menuhover li.menuhover span {color:#fff; background:#999}
#info {width:180px; } /* background:#eee size of popMenu for info pane */
#info li {width:160px; border-top:none; padding:8px 10px; color:#666; text-align:left} /* how wide the text is in info popMenu */

.menu span {float:left; color:#eee; text-decoration:none; width:120px; height:28px; padding-top:8px;}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px}
