ul#mainmenu {
	list-style: none;
	margin: 0;
	float: left;
	width: 960px;
	background: url(../img/nav-bg.png) bottom left repeat-x;
	position: absolute;
	bottom: 0px;
	height: 42px;
	z-index: 100;
}

	ul#mainmenu li {
		float: left;
		margin: 0;
		position: relative; /*--Declare X and Y axis base for sub navigation--*/
		margin-right: 10px;
	}
		
		ul#mainmenu li.first {
			margin-left: 10px;
		}
		
		ul#mainmenu li.subhover a {
			color: #30b0d1;
		}
		
		ul#mainmenu li a {
			color: #b3e7f0;
			display: block;
			text-decoration: none;
			float: left;
			height: 27px;
			font-weight: bold;
			padding: 15px 10px 0px 10px;
			font-size: 93%;
		}
		
		ul#mainmenu li.subhover a {
			color: #FFF;
		}
		
		ul#mainmenu li.current a {
			background: #FFF;
			color: #00adce;
		}
		
		ul#mainmenu li span { /*--Drop down trigger styles--*/
			width: 17px;
			height: 42px;
			float: left;
			background: url(../img/subnav_btn.png) no-repeat center top;
		}
		
ul#mainmenu li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/

ul#mainmenu li ul.subnav {
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; 
	top: 42px;
	background: #333;
	display: none;
	float: left;
	width: 210px;
	z-index: 999;
}

ul#mainmenu li ul.subnav li {
	clear: both;
	margin: 0;
}

ul#mainmenu li ul.subnav li a {
	padding: 0;
	margin: 0;
	height: 20px;
	font-size: 85%;
	font-weight: normal;
	padding: 9px 0px 0px 10px;
	width: 200px;
	color: #FFF;
}

	ul#mainmenu li ul.subnav li a.current {
		color: #00adce;
	}

ul#mainmenu li ul.subnav li a:hover {
	background: #222;
}

/*
html ul#mainmenu li ul.subnav li a {
	float: left;
	width: 170px;
	background: #333;
}
html ul#mainmenu li ul.subnav li a:hover {
	background: #222;
}
*/