/* CSS Document for header and main navigation - 100% of width */

#skippagenav
{
	position: absolute;
	top: -200px;
	left: -200px;
	background: red;
	z-index: 3;
}

/*
------------------------------------------------------------------------
Header elements
------------------------------------------------------------------------
*/

#header {
	width: 780px;
	margin: 0;
	padding: 0;
	height: 84px;
}

img.header {float: left;}
/*
------------------------------------------------------------------------
main navigation area
------------------------------------------------------------------------
*/

#subnavbar {/* necessary to extend bar 100% */
	background-image: url(../images/images/topnav_bg.jpg);
	background-repeat: repeat-x;
	height: 46px; 
	margin: 0;
	padding: 0;
}



#subnav {/* sets navigation box width and styles, with right border */
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-position: outside; 
	width: 780px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	z-index: 1000;
	height: 46px;
}

/*
------------------------------------------------------------------------
link styles
------------------------------------------------------------------------
*/

#subnav a em {font-style: normal; text-decoration: underline;} /*underlines letter for keyboard access*/
#subnav a  {
	display: block;
	color: #000099;
	text-decoration: none;
	font-weight:bold;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 6px;
	width: auto;
	z-index: 1000;
	height: 25px;
}
#subnav a:link, #subnav a:visited, #subnav a:active {color: #000099; z-index: 1000}
#subnav a:hover, #subnav a:focus {color: #FFFFFF; background-color: #000099; z-index: 1000}


/*necessary to delete extra empty line in IE under pop-out window links */
#subnav ul   {padding: 0; margin: 0; line-height: normal; z-index: 1000; list-style: none; width: 780px}

/*styles for parent links - sets width of each box*/
#subnav li    { text-align: left; z-index: 1000; width: 140px; float: left }
#subnav li.left {float: left; padding: 0; margin: 0; width: 232px; height:46px; z-index: 1000; background-image: url(../images/images/topnav_farleft.jpg)}
#subnav li.about {float: left; padding: 0; margin: 0; width: 80px; z-index: 1000;}
#subnav li.events {float: left; padding: 0; margin: 0; width: 63px; z-index: 1000;}
#subnav li.basketball {float: left;padding: 0; margin: 0; width: 80px; z-index: 1000;}
#subnav li.volleyball {float: left;	padding: 0; margin: 0;	width: 75px; z-index: 1000;}
#subnav li.lodging {float: left; padding: 0; margin: 0; width: 90px; z-index: 1000;}
#subnav li.directions {float: left; padding: 0; margin: 0; width: 75px; z-index: 1000;}
#subnav li.contact {float: left; padding: 0; margin: 0; width: 85px; z-index: 1000;}

#subnav li.about a:hover, #subnav li.lodging a:focus {height: 15px}
#subnav li.lodging a:hover, #subnav li.lodging a:focus {height: 15px}
#subnav li.directions a:hover, #subnav li.directions a:focus {height: 15px}
#subnav li.contact a:hover, #subnav li.contact a:focus {height: 15px}

/*
------------------------------------------------------------------------
drop down menus
------------------------------------------------------------------------
*/

#subnav li ul {
position: absolute;
left: -999em;
width: 148px;
font-weight: normal;
margin-top: -11px;
background-color: #FFCC00;
border-top: 1px solid #000099;
border-left: 1px solid #000099;
border-right: 1px solid #000099;
z-index: 1000;
}



#subnav li ul a:link, #subnav li ul a:visited, #subnav li ul a:active {height: auto; width: 142px; color: #000099; background-color: #FFCC00; z-index: 1000;}
#subnav li ul a:hover, #subnav li ul a:focus {height: auto; width: 142px; color: #FFFFFF; background-color: #000099;  z-index: 1000;}

#subnav li ul li   { z-index: 1000; width: 148px; border-bottom: 1px solid #000099}
#subnav li ul li a:hover   { z-index: 1000; border-style: none }
#subnav li:hover ul, #subnav li.sfhover ul     { z-index: 1000; left: auto }


/*
------------------------------------------------------------------------
secondary fly-out menus
------------------------------------------------------------------------
*/
#subnav li ul ul { margin: -19px 0 0 148px; position: absolute; z-index: 1000; }
#subnav li ul ul.two_lines { margin: -31px 0 0 148px; position: absolute; z-index: 1000 }
#subnav li ul ul.left_popout { margin: -31px 0 0 -141px; position: absolute; z-index: 1000 }
#subnav li:hover ul ul, #subnav li.sfhover ul ul { z-index: 1000; left: -999em }
#subnav li:hover ul, #subnav li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul { z-index: 1000; left: auto }

/*
------------------------------------------------------------------------
extra positioning rules for limited noscript keyboard accessibility
------------------------------------------------------------------------
*/
#subnav li a:focus + ul   { margin-left: 0; z-index: 1000 }
#subnav li li a:focus + ul  { margin-left: 200px; z-index: 1000 }
#subnav li li a:focus     { color: #FFFFFF; background-color: #000099; margin-left: 1000em; z-index: 1000 }
#subnav li li li a:focus     { color: #FFFFFF; background-color: #000099; margin-left: 200px; z-index: 1000 }
#subnav li:hover a:focus, #subnav li.sfhover a.sffocus     { color: #FFFFFF; background-color: #000099; margin-left: 0; z-index: 1000 }
#subnav li li:hover a:focus + ul, #subnav li li.sfhover a.sffocus + ul     { color: #FFFFFF; background-color: #000099; margin-left: 10em; z-index: 1000 }