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

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{ margin:0; width: 195px;  line-height: 20px; float: left;}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{ text-align:left; padding: 8px 10px; font-weight: bold; font-family: Lucida Sans, Lucida Console, Arial, Helvetica; }

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

/* 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]*/
.mainMenuParentBtnFocused{ }

/* ----[ 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: -3px 0 0 -6px;
	width: 140px;
	top: 0px;
}

.smOW ul { 	background-image: url("/iwiImages/navFlower2.png"); background-repeat: no-repeat; background-position: right top; background-color: #8493bc; border-top: 2px solid #E7E7E7; border-right: 2px solid #E7E7E7; border-bottom: 2px solid #E7E7E7; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;}

/* 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;}
 #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; width: 225px; float: left; }
#subMenusContainer li{ list-style: none; }
#nav li.sep { background-image: url("/iwiImages/navSepLink.png"); background-repeat: no-repeat; background-position: center top; height: 2px; line-height: 2px;}

/* main menu ul or ol elment */
#nav{ list-style:none; margin:0 0 0 0; z-index:5; text-align: left; font-family: "Lucida Sans", "Lucida Console"; font-size: 17px;  display:block; width: 225px; }
#subMenusContainer{	display:block; 	position:absolute;	top:0px ;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }

#nav { position: relative;}
body, #subMenusContainer, #subMenusContainer li , #subMenusContainer li a , #subMenusContainer .smOW { zoom: 1;}