ul#mainmenu {
	position:relative; z-index:10; /* Safari: fix to dropdown on top */
	margin:0;
	padding:0;
	font-size:12pt;
	}
	
ul#mainmenu ul {
	margin:0;
	padding:0;
	background:#2d5897; /* to fix IE6 Bug */
	}
	
ul#mainmenu:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}

ul#mainmenu li {
	position:relative;
	list-style:none;
	float:left; /* causes problems in NS6 */
	display:inline; /* IE double margin bug fix */
	}

ul#mainmenu li li,
ul#mainmenu li ul {
	width:190px; /* width of sub menu items */
	}

ul#mainmenu li a,
ul#mainmenu li li a { /* menu item styles - all */
	display:block;
	float:left; /* remove for fixed width main menu items */
	padding:5px 8px;
	border:1px solid #2d5897;
	text-decoration:none;
	color:white;
	font-weight:normal;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#mainmenu li { float: left; height: 1%; }
* html ul#mainmenu li a { height: 1%; }
/* End */

ul#mainmenu ul {
	position:absolute;
	top:30px; /* remove for fixed width main menu items (1 less than it needs to be to fix IE Win 5/6/7 & NS7 */
	left:0px;
	display:none;
	}

ul#mainmenu ul ul {
	left:190px; /* set to width of sub menu items */
	top:0;
	}

ul#mainmenu li ul li a { /* sub menu styles */
	width:172px;
	padding:2px 8px;
	border-bottom:1px solid #3060a0;
	font-size:0.9em;
	font-weight:normal;
	}

ul#mainmenu li:hover ul ul,
ul#mainmenu li:hover ul ul ul,
ul#mainmenu li.over ul ul,
ul#mainmenu li.over ul ul ul { display: none; } /* hide sub menus initially */

ul#mainmenu li:hover ul,
ul#mainmenu li li:hover ul,
ul#mainmenu li li li:hover ul,
ul#mainmenu li.over ul,
ul#mainmenu li li.over ul,
ul#mainmenu li li li.over ul { display: block; } /* the magic */

ul#mainmenu li.menuparent:hover,
ul#mainmenu li.over { background-color: #2d5897 !important; }

ul#mainmenu li a:hover { 	color: #a0a0a0; }