/*******************************************************************************
 *                                                                             *
 *                          WILLIAMS SCREEN STYLES  - Menu                     *
 *                                                                             *
 *******************************************************************************/

/* Styles for dropdown menu ------------------------------ */
#williamsHeader div.navLinks {
	position:relative;
	margin:0 auto;
	padding: 0 0 0 0.6em;
	text-align:left;
	top:80px;
	height:24px;
	z-index:999;
	/*background-color:#306;*/
	background:inherit;
	color:#fff;
	}


#williamsHeader #williamsNav {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	background-color:#306;
	color:#fff;
	/*background-color:#fff;  for ie 7 */
	}

	
 #williamsNav a { color:#fff;	background-color:#306;}

 ul#williamsNav, #williamsNav ul {
	margin: 0;
	padding: 0;
	list-style: none; 
	color:#fff;
	background-color:#306;
	
	}
	
		

#williamsNav li { /* first row */
	float: left;
	position: relative;
	margin:0;
	padding:0;
	z-index:999;
	color:#fff;
	background:inherit;
	}
	
#williamsNav li ul { /* first drop */
	position: absolute;
	left:-1px;
	display:none;
	width:150px;
	z-index:999;

		}
		



#williamsNav li ul li ul { /* sub drops */
	position: absolute;
	left:149px;
	top:2px;
	display:none;
	width:150px;
	border-top:1px solid #a59ab0;
	z-index:999;
	}

#williamsNav li ul li {
	float:none; 
	background-color:#fff;
color:#000;
	}
	
#williamsNav a.nolink { cursor:default}	


#williamsNav li a {
	display:block;
	padding:5px 10px 4px 7px; /* 6px was causing errors in Mac FF */
	margin:0;
	text-decoration: none;
	border-bottom: 0px solid #a59ab0; /* IE6 Bug */
	background:inherit;
		color:#fff;
	}
#williamsNav li ul li a {
	border-right: 1px solid #a59ab0; /* IE6 Bug */
	border-top: 0;
	border-left: 0;
	color:#306;
	background:#fff;
	}
	
	
	
#williamsNav li a:hover {
	background-color:#306; 
	color:#e1d8eb;
	}
	

#williamsNav li ul li a:visited,#williamsNav li ul li a:link{
    background-color:#fff; 
	color:#306;
}
	
#williamsNav li ul li a:hover {
    background-color:#f4eff8; 
	color:#56148d;
	}

	
/* Holly Hack. IE Requirement \*/
* html ul#williamsNav li ul li { float: left; height: 1%; margin:0;padding:0; }
* html ul#williamsNav li ul li a { height: 1%; width:134px; /* 150-16 */ }

/* End */

/* Skye Hack. IE 7 only Requirement code */
/* +html*/


#williamsNav li:hover, #williamsNav li.over {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#306; 
	color:#fff;
	}
	




/* mozilla and compliant browsers - only display the first child ul 
	within the li you're hovering over, not all of them. */
#williamsNav li:hover > ul { 
	display: block; 
	border-left:1px solid #a59ab0;
/*	border-right:1px solid #a59ab0; /* Skye edited - I liked the look of only 1px border width */
	border-bottom:1px solid #a59ab0;
	}
	
	

/* ie - doesn't recognize li > ul ... */
#williamsNav li.over ul { 
	display: block;
    border-left:1px solid #a59ab0;
		/*border-right:1px solid #fff; *//* Skye edited - I liked the look of only 1px border width */
	border-bottom:1px solid #a59ab0;
	}
/* ...so we have to hide deeper child ul's or they all appear on hover */
#williamsNav li.over ul li ul { 
	display: none;
	}
#williamsNav li.over ul li.subover ul { 
	display: block;
	}

/* mozilla */
#williamsNav li:hover > ul > li {
	border-left:0;
	border-right:0;
	}
/* ie  >:(  */
#williamsNav li.over ul li {
	border-left:0;
	border-right:0;
	}

#williamsNav li:hover a, #williamsNav li.over a {
	padding:5px 9px 6px 6px;
	border-bottom: none;
	}

	
		
 /*
 Skye commented out - wasn't working with Firefox. Replaced with class below this.
 #williamsNav a.sub {
	background-image:url(williams-sub.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
	background-color:none;
	}*/
	
 #williamsNav .sub {
	background-image:url(../images/williams-sub.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
	background-color:#fff;
	color:#000;
	}