/* CSS Document */

/* Nav Menu Styles */
/* -----------------------------------------------------------
	
	ALA's SLIDING DOORS TABS - http://www.alistapart.com/articles/slidingdoors2/ 
	
	-------------------------------------------------------------------- */

#nav, #nav ul {
	float: left;
	width: 100%;
	list-style:none;
	background:#fff url(images/nav/bg_nav.gif);
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;}

#nav li {
	float:left;
	background: url(images/nav/tab-left-2a.gif) no-repeat left bottom;
	margin:0 1px 0; /* margin here adds space between each tab */
	padding:0 0 0 8px; /* have to have left padding for background to work right */
	width: auto;}
	

/* ------------------------------------------------------------------
	Sliding Doors Mac Hack IE5/Mac
	IE5/Mac messes up when an auto-width block-level element is inside a floated element
	So, the auto-width block-level element must be Floated for IE5/Mac
	and then the Float Removed for everybody else.
	In this case the #nav a and the #nav span both need the fix.
	Does not work for IE5.0/Mac only IE5.1/Mac. IE5.0 will not render correctly.
	http://www.alistapart.com/articles/slidingdoors/ 
	-8.27.cwc 
------------------------------------------------------------------ */

#nav a {
	float:left;
	display:block;
	color:#025;
	width:auto;
	/*width: .1em; REMOVING FOR IE5 TEST
	padding: 3px 16px 3px 2px; */
	padding: 0px 16px 0px 2px; 
	text-decoration:none;
	white-space:nowrap;
}
/* to fix the clickable region in IE6-  set width in # nav a above and reset width with child selector below - 8.25/cwc */
#nav > li a {width:auto;}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#nav a {float:none;}
/* End IE5-Mac hack */


/* -------------------------------------------------------------------	
	DIV around the <a> and the sub-menu list allows background 
	to remain on while sub-menu is displayed. 
	Background styles had to be switched to #nav DIV instead of <A> /cwc
-------------------------------------------------------------------- */

#nav div { 
	float:left; /* float is to fix bug in IE5/Mac - see below */
	display:block;
	width:auto; 
	background: url(images/nav/tab-right-2b.gif) no-repeat right bottom;
	padding:0; 
	margin:0;}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#nav div {float:none;}
/* End IE5-Mac hack */


/* adjust padding and background for tabs without sub-menus */
#nav div.noMenu a { padding: 3px 8px 3px 0px;}
#nav div.noMenu {display:block; background: url(images/nav/tab-right-2b.gif) no-repeat right bottom;}


/* HOVER effects */
/* Main tabs using suckerfish script */

#nav li:hover, #nav li.sfhover{ background-position:0% 49%;}
#nav div:hover, #nav div.sfhover {background-position:100% 49%;}
#nav a:hover {	color:#EF1510;}
#nav li ul a:hover {
	color:#009;
	background:#D0E5F7;}

/* end Nav styles */

/* begin Subnav styles */
.subnavCol { width:20%;}
.subnav {
	font-size:.9em; 
	margin: 4px 0px 4px 4px;
	padding: 10px 8px 4px 10px;
	background:url(images/page_gfx/bg_subnav.jpg) no-repeat;}	

.subnav a:link,
.subnav a:visited {  color: #1E426A;
	text-decoration:none;}
.subnav a:hover,
.subnav a:active { color: #DD1515;}	

/* end subnav styles */