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

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{ margin:0; float:left; background-image: url("/IWIimages/background-navigation-arrow.png"); background-repeat: no-repeat; background-position: right center; padding-right: 30px; font-family: Gotham, Georgia, Arial, Helvetica; font-size: 15px; color: #fff; font-weight: normal; line-height: 70px;  }

/* Just sub menu links */
#subMenusContainer a, #nav li li a{ display: block; text-align:left; line-height:22px; font-size: 13px; color: #fff; background-color: #7CB0B0; padding: 2px 10px; font-weight: bold; font-family: Gotham, Georgia, Arial, Helvetica; border-bottom: 2px solid #679192; border-left: 1px solid #679192; border-right: 1px solid #679192;}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus { color: #ff9872; }

/* sub menu links on hover or focus */
#subMenusContainer a:hover, #subMenusContainer a:focus {  }

/* 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{ color: #ff9872;}

/* ----[ 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:0 2px;
	margin:0 0 0 -2px;
	width: 230px;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol { /*border around submenu goes here*/ left:0; }

/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { padding: 0; margin: 0; list-style: none; line-height: 1em; }
 #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; }
#nav li.sep { background-image: url("/IWIimages/background-navigation-separator.png"); background-repeat: no-repeat; background-position: left top; width: 2px; height: 70px; margin: 0px 13px;}
#subMenusContainer li{ list-style: none; }

/* main menu ul or ol elment */
#nav{ list-style:none; margin:0 0 0 0; z-index:5; text-align: right; display:block; }
#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }

