/* For all browsers
=================================================================== */

/* common styling
------------------------------------------------------------------ */
.menu {
	font-family: arial, sans-serif; 
	width:180px;  /* sets the width of the menu area */
	height:auto; /* alows menu to streach with content */
	position: absolute; 
	margin-left:30px;  /* controls horizontal placement */
	font-size:12px; 
	background-color:#5E96C5;
	border-top:1px solid #94B6D2;
	border-bottom:1px solid #94B6D2;

}
.menu ul li a, .menu ul li a:visited { 
	padding:10px 6px;  /* sets vetical and horizontal space around link names  */
	display:block; 
	text-decoration:none; 
	color:#FFFFFF;
	font-weight:bold; 
	width:168px; /* sets the width of the button */
	height:auto; 
	text-align:left; 
	background-color:#5E96C5; 
	line-height:14px; 
	font-size:12px;
}
/* ------------------------------------------------------------------------------ */

/* the styles below should not be edited
--------------------------------------------------------------------------------- */
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; margin-right:0px; position:relative;}
.menu ul li ul {display: none;}
/* ------------------------------------------------------------------------------ */

/* specific to non IE browsers 
----------------------------------------------------------------------------------*/
/* below contorls level one hover colors */
.menu ul li:hover a {color:#fff; background-color:#223647; }
/* below controls level 2 fly out placement & top, left, right borders*/
.menu ul li:hover ul {display:block; position:absolute; top:0; left:108px; width: auto; border-top:1px solid black; border-right:1px solid black; border-left:2px solid black;}
/* below controls level 2 fly out colors & bottom borders*/
.menu ul li:hover ul li a {display:block; background-color:#223647; color:#FFF; width:100px; border-bottom:1px solid black;}
 /* below controls fly out hover colors */
.menu ul li:hover ul li a:hover {background-color:#223647; color:#fff;}
/* ------------------------------------------------------------------------------ */

/* nav button divider */
/* The hr is wrapped in a div to give control of margins */
.nav-line { height:1px; width:180px; background-color:#94B6D2; margin:0; padding:0;}
.nav-line hr{ display:none;}
/* On page state */
.menu ul li.onState a {color:#fff; background-color:#223647; }