
/*http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/*/

#menu ul{font: bold 12px/21px Arial, Helvetica, sans-serif; color:#fff; text-align:left}
#menu li{font: bold 12px/21px Arial, Helvetica, sans-serif; color:#fff; text-align:left}
#menu {
	list-style:none;
	margin: 10px auto 20px auto; 
	height:42px;
	padding:0px;
	z-index:1000;
	position:relative;
	float:left; width:950px;
	background: url(../images/bg_main_nav.jpg) no-repeat;}



#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 5px 10px 5px ;
	margin-right:10px;
	margin-top:7px;
	border:none;
	background:none;
}

#menu li a {
	color:#fff;
	display:block;
	outline:0;
	text-decoration:none;
}


#menu li:hover a {
	color:#c6e2f0; 
}
#menu li .drop, #menu li .drop.last { background: url(../images/bg_main_divider.jpg) no-repeat left center; margin: 0; padding: 0 12px;line-height: 12px; } /* menu, line 41 - replace */


/*#menu li a.drop:hover{ background:url(../images/bg_dropdown_carat.jpg) no-repeat left 22px; }*/


#menu li .drop.first { padding-right: 12px; line-height: 12px; }/* menu line 50 */

#menu li ul li {margin: 0;}

.dropdown{ 
width: 194px; 
padding:10px 0;
margin:4px 0 0 -16px; 
float:left; 
position:absolute; left:-999em; /* Hides the drop down */ 
text-align:left; 
border-top:none; 
background: /*#c6e2f0; */#74b2e4;
-moz-border-radius:  0px 0px 0px 5px; -webkit-border-radius:  0px 0px 5px 5px; border-radius:  0px 0px 5px 5px;  }

.dropdown.first {margin:4px 0 0 10px; }


#menu li:hover .dropdown
 { left: 17px; top:27px; background: url(../images/bg_dropdown_carat.png) no-repeat; border:none;

}

#menu p, #menu h3 #menu h2{color:#fff;
}

#menu li:hover div a {
	color:#fff;
}
#menu li:hover div a:hover {
	color:#fff; background:#006cb2;  padding: 5px;margin: 0; line-height: 20px;
}



#menu li.first {
	color:#fff; background:#74b2e4; padding:0; /*text-indent: 5px;*/ margin: -15 0 0 0;line-height: 20px;
}



#menu li ul {
	list-style:none;
	padding:0;
	margin:5px 0;
}
#menu li ul li {
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;/*text-indent: 5px;*/  padding:0 0 0 5px;margin: 5px 0; line-height: 20px;

}

#menu li ul li.first{border-top:none;}

#menu li ul li.last {border-bottom: 1px solid #b1d7fb;} 

#menu li ul li:hover {
	background:#006cb2;
}

#menu ul.members {margin: 0 5px 5px 0px;}


/*** NEW STYLES ADDED ON 10/15/2012 ***/
#menu > li {max-width: 120px; margin: 0; height: 41px; vertical-align: middle; display: table; margin: 0; padding: 0;}
#menu li ul li, #menu li {padding: 0;}
#menu li:first-child .drop {background: none; margin: 0; } 
#menu li a {max-width: 200px; display: table-cell; vertical-align: middle;}
	#menu li:hover .first + .dropdown {left: 0;}
#menu li:hover div a {background: transparent; color: #fff; display: block; width: auto;} 
#menu li ul li a {border-bottom: none; border-top: 1px solid #b1d7fb; padding: 5px;}
	#menu li ul li:first-child a {border: none;}

#menu > li > a {max-width: 120px;} 
