/* 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(http://moritzlaw.osu.edu/menu/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: 840px;
	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.issues {float: left; padding: 0; width: 70px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.hotworks {float: left; padding: 0; width: 80px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.editors {float: left;padding: 0; width: 105px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.symposium {float: left;	padding: 0;	width: 85px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.subscriptions {float: left; padding: 0; width: 95px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.submissions {float: left; padding: 0; width: 90px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.news {float: left; padding: 0; width: 50px;border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.links {float: left; padding: 0; width: 65px;border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.users {float: left; padding: 0; width: 85px;border-right: 1px solid #FFFFFF; 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 }

/* subscriptions drop down menu */

#subnav li.subscriptions ul {
position: absolute;
left: -999em;
width: 160px;
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.subscriptions ul a:link, #subnav li.subscriptions ul a:visited, #subnav li.subscriptions ul a:active {height: auto; width: 152px; color: #FFFFFF; background-color: #660066; z-index: 1000;}
#subnav li.subscriptions ul a:hover, #subnav li.subscriptions ul a:focus {height: auto; width: 152px; color: #660066; background-color: #E6D9E6;  z-index: 1000;}

#subnav li.subscriptions ul li   { z-index: 1000; width: 160px; border-bottom: 1px solid #FFFFFF}
#subnav li.subscriptions ul li a:hover   { z-index: 1000; border-style: none }

/* sympsoia drop down menu */

#subnav li.symposium ul {
position: absolute;
left: -999em;
width: 130px;
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.symposium ul a:link, #subnav li.symposium ul a:visited, #subnav li.symposium ul a:active {height: auto; width: 122px; color: #FFFFFF; background-color: #660066; z-index: 1000;}
#subnav li.symposium ul a:hover, #subnav li.symposium ul a:focus {height: auto; width: 122px; color: #660066; background-color: #E6D9E6;  z-index: 1000;}

#subnav li.symposium ul li   { z-index: 1000; width: 130px; border-bottom: 1px solid #FFFFFF}
#subnav li.symposium ul li a:hover   { z-index: 1000; border-style: none }




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