.navigation { background-image: url("./../iwiImages/backgroundNavigation.png"); background-repeat: no-repeat; background-position: left top; width: 206px; height: 320px; padding: 90px 0px 0px 60px;}
#nav a { width: 155px;}
/* all menu links */
#nav a, #subMenusContainer a{ text-decoration:none; display:block; padding:3px 6px;  text-align: left; font-size: 12px; line-height: 15px; font-family: "Trojan Pro", Georgia, Arial, Helvetica; font-weight: normal; color: #000;}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{ margin:0;  }

/* Just sub menu links */
#subMenusContainer ul li:first-child a { border-top: 1px solid #000;}
#subMenusContainer a, #nav li li a{ text-align:left; background-color: #723d35; color: #fff; font-family: Arial, Helvetica; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; font-size: 11px;  padding: 10px 14px;}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus { color: #fff; background-color: #723d35;}

/* 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{ background-color: #723d35; color: #fff; }

/* ----[ 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*/
		width: 160px;
	}
	  

/* 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; width: 167px;  }
#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; }