/* final_drop.css by Stu Nicholls at CSS Play (www.cssplay.co.uk) */
/* modified by ABT 5-23-06 */
/* common styling */

.menu {
	width: 100%; 
	position: relative;
	font-size: 80%;
}

.menu ul#main-nav {

}

.menu ul#main-nav li {
	float: left;
	position: relative;
}

.menu ul#main-nav li a, .menu ul li a:visited {
	/* taken out not to affect the menu in screen.css */
}

* html .menu ul#main-nav li a, .menu ul li a:visited {

}

.menu ul#main-nav li ul {
	display: none;
}

table {
	margin: -1px; 
	border-collapse: collapse;
	font-size: 1em;
}

/* specific to non IE browsers */
.menu ul#main-nav li:hover a { }

			.menu ul#main-nav li#bhome:hover > a { background: transparent url(/images/b_home_over.png) no-repeat 0 0; }
			.menu ul#main-nav li#bsmmpa:hover > a { background: transparent url(/images/b_smmpa_over.png) no-repeat 0 0; }
			.menu ul#main-nav li#bmembers:hover > a { background: transparent url(/images/b_members_over.png) no-repeat 0 0; }
			.menu ul#main-nav li#bcommunications:hover > a { background: transparent url(/images/b_communications_over.png) no-repeat 0 0; }
			.menu ul#main-nav li#bgeneration:hover > a { background: transparent url(/images/b_generation_over.png) no-repeat 0 0; }
			.menu ul#main-nav li#btransmission:hover > a { background: transparent url(/images/b_transmission_over.png) no-repeat 0 0; }
			.menu ul#main-nav li#bfinancials:hover > a { background: transparent url(/images/b_financials_over.png) no-repeat 0 0; }
			.menu ul#main-nav li#benvironment:hover > a { background: transparent url(/images/b_environment_over.png) no-repeat 0 0; }
			

.menu ul#main-nav li:hover > ul {
	clear: both;
	display: block; 
	position: absolute; 
	top: 26px;
	left: 0; 
	width: 96px;
	z-index: 300; /* pull drop down menu on top */
}

.menu ul#main-nav li:hover ul li a {
	display: block;
	height: auto; 
	line-height: 1em;
	padding: 8px;
	width: 80px;
	text-align: center;
	text-transform: lowercase;
	border-top: 0;
}

.menu ul#main-nav li#benergy-efficiency:hover ul li a {
	width: 75px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.menu ul#main-nav li:hover ul li a:link, .menu ul#main-nav li:hover ul li a:visited { 
	text-decoration: none;
	background-image: url(/images/bg_sub-nav.png) !important;
	background-repeat: no-repeat !important;
	background-position: bottom center !important;
	color: #fff;
}

.menu ul#main-nav li:hover ul li a:hover, .menu ul#main-nav li:hover ul li a:active {
	text-decoration: none;
	background-image: url(/images/bg_sub-nav_over.png) !important;
	background-repeat: no-repeat !important;
	background-position: bottom center !important;
	color: #fff;
}

	.menu ul#main-nav li ul li ul { display: none; }
	.menu ul#main-nav li:hover ul li:hover ul { display: block; position: absolute; top: -1px; left: 95px; border-top: 1px solid #bcbcbc; }