/* 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 {
	max-width: 1024px;
	min-width: 780px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/header_bg.jpg);
	border-bottom: 1px solid #FFFFFF;
	height:77px;
}

#header-print {/* header displays only when page printed */
	display: none;
}

#header-textbox {/* text with header area - contact us, site map, etc... */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	float: right;
	margin: 0 5px 0 0;
	padding: 0px;
	height:77px;
	z-index:2;
	text-align:right;
	position:absolute; 
	width: 248px;
}

#seal {
width: 248px;
float:right;
}

#header-textbox a {text-decoration: none; color: #660066;}
#header-textbox a:hover {text-decoration: underline; color: #990000;}




img.header {float: left;}
img.seal {float: right;}

/*
------------------------------------------------------------------------
purple main navigation area
------------------------------------------------------------------------
*/

#subnavbar {/* necessary to extend purple bar 100% */
	background: #660066; 
	height: 31px; 
	border-bottom: 1px solid #FFFFFF; 
	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: 100%;
	float: left;
	background: #660066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	z-index: 1000;
}

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

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

/*styles for parent links - sets width of each box*/
#subnav li    { text-align: left; z-index: 1000; width: 140px; float: left }
#subnav li.about {float: left; padding: 0; width: 55px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.faculty {float: left; padding: 0; width: 60px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.litigation {float: left;padding: 0; width: 89px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.current {float: left;	padding: 0;	width: 72px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.archive {float: left;	padding: 0;	width: 75px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.newsletter {float: left; padding: 0; width: 65px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.links {float: left; padding: 0; width: 64px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.media {float: left; padding: 0; width: 55px;border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.hotline {float: left; padding: 0; width: 105px;border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.ecourt {float: left; padding: 0; width: 70px;border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.freefair {float: left; padding: 0; width: 80px;border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.library {float: right; padding: 0 0 0 0; text-align:left; width: 140px;border-right: none; z-index: 1000;}

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

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



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

#subnav li ul li   { z-index: 1000; width: 148px; border-bottom: 1px solid #FFFFFF}
#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 }

/*
------------------------------------------------------------------------
drop down menu for about
------------------------------------------------------------------------
*/

#subnav li.about ul {
position: absolute;
left: -999em;
width: 118px;
font-weight: normal;
background-color: #660066;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
z-index: 1000;
}



#subnav li.about ul a:link, #subnav li.about ul a:visited, #subnav li.about ul a:active {height: auto; width: 110px; color: #FFFFFF; background-color: #660066; z-index: 1000;}
#subnav li.about ul a:hover, #subnav li.about ul a:focus {height: auto; width: 110px; color: #660066; background-color: #E6D9E6;  z-index: 1000;}
#subnav li.about ul li   { z-index: 1000; width: 118px; border-bottom: 1px solid #FFFFFF}

/*
------------------------------------------------------------------------
drop down menu for current
------------------------------------------------------------------------
*/

#subnav li.current ul {
position: absolute;
left: -999em;
width: 188px;
font-weight: normal;
background-color: #660066;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
z-index: 1000;
}



#subnav li.current ul a:link, #subnav li.current ul a:visited, #subnav li.current ul a:active {height: auto; width: 180px; color: #FFFFFF; background-color: #660066; z-index: 1000;}
#subnav li.current ul a:hover, #subnav li.current ul a:focus {height: auto; width: 180px; color: #660066; background-color: #E6D9E6;  z-index: 1000;}
#subnav li.current ul li   { z-index: 1000; width: 188px; border-bottom: 1px solid #FFFFFF}


/*
------------------------------------------------------------------------
drop down menu for archive
------------------------------------------------------------------------
*/

#subnav li.archive ul {
position: absolute;
left: -999em;
width: 178px;
font-weight: normal;
background-color: #660066;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
z-index: 1000;
}



#subnav li.archive ul a:link, #subnav li.archive ul a:visited, #subnav li.archive ul a:active {height: auto; width: 170px; color: #FFFFFF; background-color: #660066; z-index: 1000;}
#subnav li.archive ul a:hover, #subnav li.archive ul a:focus {height: auto; width: 170px; color: #660066; background-color: #E6D9E6;  z-index: 1000;}
#subnav li.archive ul li   { z-index: 1000; width: 178px; border-bottom: 1px solid #FFFFFF}


/*
------------------------------------------------------------------------
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: #660066; background-color: #E6D9E6; margin-left: 1000em; z-index: 1000 }
#subnav li li li a:focus     { color: #660066; background-color: #E6D9E6; margin-left: 200px; z-index: 1000 }
#subnav li:hover a:focus, #subnav li.sfhover a.sffocus     { color: #660066; background-color: #E6D9E6; margin-left: 0; z-index: 1000 }
#subnav li li:hover a:focus + ul, #subnav li li.sfhover a.sffocus + ul     { color: #660066; background-color: #E6D9E6; margin-left: 10em; z-index: 1000 }