/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/
#navmain{ width:960px; float:left; height:27px; background-image:url(../images/nav_bg.jpg); background-repeat:repeat-x; background-position:top left;}
#nav li li{	float:left; }
#nav li li a{position:relative;	float:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; font-weight:normal; color:#FFFFFF; text-transform:uppercase; border-bottom:1px solid #000000;}

ul, li, a, span, ol{margin:0; padding:0;}
/* all menu links */
#nav a, #subMenusContainer a{text-decoration:none; display:block;  padding:6px 9px 5px 10px; display:block;font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; font-weight:normal; color:#FFFFFF; text-transform:uppercase;}/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{	margin:0; float:left; background-image:url(../images/line.gif); background-repeat:no-repeat; background-position:right;}
/* sub menu links on hover or focus */

#nav li a:hover,
#nav li a:focus{
background-image:url(../images/grey_rollover.jpg); background-repeat:repeat-x; background-position:top left;
}
#nav li a.current{
background:url(../images/home-active.gif); background-repeat:no-repeat; background-position:top left;color:#FFF;}
/* Just sub menu links */
#subMenusContainer li a, #nav li li a{
	text-align:left;
	background-color:#333538;
	clear:both;
	height:27px;
	display:block;
	border-style:solid;
	border-color:#2d2f32;
	border-width:1px;
	width:203px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
} 
#subMenusContainer li a:hover, #nav li li a:hover{
background-color:#636568;
}
/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
/*	background-color:#0000CC ;*/
}

/* ----[ 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;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {/*border around submenu goes here*/	/*border:1px solid #c9d2e1;*/	left:-478px;margin:0; padding:0;	list-style:none;}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {padding: 0;	margin: 0; list-style: 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;}

#subMenusContainer li{list-style: none;display:block;overflow:hidden;}

/* main menu ul or ol elment */
#nav{list-style:none; margin:0 0 0 0; text-align: left;	display:block;	width: 100%; height:27px; background:none;}

.nav ul li a.kc { background-color:#FF0000; display:block;}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:auto;	overflow:visible; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/


/*#nav li ul {  second-level lists 
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers
	margin-top:2.2em;
}
*/
/* third-and-above-level lists 
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }*/

 /* lists nested under hovered list items 
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}*/

/* extra positioning rules for limited noscript keyboard accessibility 
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; font-weight:normal; color:#FFFFFF;}
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }
#nav li li:hover a.current { background:url(../images/home-active.gif); background-repeat:no-repeat; background-position:top left; }*/