/* all menu links */
#nav a, #subMenusContainer a{ text-decoration:none; display:block; padding:10px 20px; }

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/

#nav a { float: left; line-height: 37px; padding: 0px 22px; padding-top: 2px; font-family: Arial, Helvetica; font-size: 18px; color: #fff;}
/* Just sub menu links */
#subMenusContainer a, #nav li li a{ text-align:left; padding: 5px 10px; color: #4c79ad; font-size: 16px; line-height: 18px; background-image: url("./../images/dropdownImages/dropdownLine.png"); background-repeat: no-repeat; background-position: bottom center;}
#nav li li:last-child a { background-image: none;}
#subMenusContainer li:last-child a { background-image: none;}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus { color:#FFF; }
#nav a:hover, #nav a:focus { height: 37px; border-top: 2px solid #000; border-left: 2px solid #000; border-right: 2px solid #000; padding: 0px 20px; background-color: #01295c; text-decoration: none; }
/* sub menu links on hover or focus */
#subMenusContainer a:hover, #subMenusContainer a:focus {color: white; }

/* Parent Sub Menu Links ---[javascript users only]*/
.subParentBtn {}
.subMenuParentBtn{ }

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ }

/* Parent Main Menu Links ---[javascript users only]*/
.mainParentBtn {}
.mainMenuParentBtn{	}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
#nav .mainMenuParentBtnFocused{  height: 37px; border-top: 2px solid #000; border-left: 2px solid #000; border-right: 2px solid #000; padding: 0px 20px; background-color: #01295c; text-decoration: none;  }

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ display:none;  
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0px 0px 0px 0px;
	margin:0 0 0 0px;
	width: 223px; }

/* All submenu OLs and ULs */

#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol { /*border around submenu goes here*/ border:0px none; left:0; }
#subMenusContainer ul { 	background-image: url("./../images/dropdownImages/dropdownM.png"); background-repeat: no-repeat; background-position: top left; background-color: #00070f; border-left: 2px solid #000; border-bottom: 2px solid #000; border-right: 2px solid #000; width: 209px !important; padding-left: 10px;}
/* All ULs and OLs */
 #nav ul, #nav ol { display: none; }
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { /*great place to use a background image as a divider*/ display:block; list-style:none; position:relative; float:left; }
#subMenusContainer li{ list-style: none; background-image: url("./../images/dropdownImages/dropdownDot.png"); background-repeat: no-repeat; background-position: left center; }

/* main menu ul or ol elment */
#nav{ list-style:none; margin:0 0 0 0; z-index:5; text-align: right; display:block; height: 39px; }
#nav li.sep {  background-image: url("./../images/sImages/sepLink.png"); background-repeat: no-repeat; background-position: top center; width: 2px; height: 39px;}
#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }