/* main positioning */
#menuContainer {
	display:block;
	position:relative;
	padding:0;
	width:100%;
	height:31px;
	top:0;
	left:0;
	margin:0;
	overflow:hidden
}
#nav {position:relative;width:100%;left:0px;top:0px}
/* all menu links */
#nav a{
	text-decoration:none;
	display:block;
	padding:8px 5px 10px 8px;
	background-color:transparent;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold
}
#subMenusContainer a {
	text-decoration:none;
	display:block;
	padding:12px 8px;
	background-color:#C82226;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{margin:0;float:left}
/* Just sub menu links */
#subMenusContainer a, #nav li li a{text-align:left;color:#FFFFFF;font-weight:normal}
/* All menu links on hover or focus */
#nav a:hover, #nav a:focus{background-color:#EA1C25;color:#FFFFFF}
/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#subMenusContainer a.subMenuParentBtnFocused{background-color:#EA1C25;color:#FFFFFF;font-weight:normal}
#nav a.mainMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{background-color:#C82226;color:#FFFFFF;font-weight:bold}
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{display:none;position:absolute;overflow:hidden;padding:0;margin:0}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {padding:0;margin:0;list-style:none;line-height:1em}
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li {display:block;list-style:none;position:relative;float:left}
#subMenusContainer li{list-style:none;margin:0px;padding:0px;width:175px;font-size:1pt;}
#subMenusContainer{display:block;position:absolute;top:0;left:0;width:175px;height:0;overflow:visible;z-index:1000000000;;font-size:1pt;}
/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{float:none}
#nav li li a{position:relative;float:none}
#nav li ul { /* second-level lists */
	position:absolute;
	width:175px;
	margin-left:-1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}
/* lists nested under hovered list items */
#nav li:hover ul{margin-left:0}
#nav li li:hover ul {margin-left:10em;margin-top:-2.5em}
/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {margin-left:0;margin-top:2.2em; }
#nav li li a:focus + ul {left:0;margin-left:1010em;margin-top:-2.2em}
#nav li li a:focus {left:0;margin-left:1000em;width:10em;margin-top:0}
#nav li:hover a:focus{margin-left:0}
#nav li li:hover a:focus + ul {margin-left:10em}