/* 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: 760px;
	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: 6px;
	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; 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.about {float: left; padding: 0;	margin: 0; width: 55px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.prospective {float: left; padding: 0; margin: 0; width: 86px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.current {float: left;padding: 0; margin: 0; width: 69px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.academics {float: left;	padding: 0; margin: 0;	width: 75px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.faculty {float: left; padding: 0; margin: 0; width: 60px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.alumni {float: left; padding: 0; margin: 0; width: 70px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.library {float: left; padding: 0; margin: 0; width: 58px;border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.clinics {float: left; padding: 0; margin: 0; width: 73px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.career {float: left; padding: 0; margin: 0; width: 66px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.news {float: left; padding: 0; margin: 0; width: 62px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#subnav li.development {float: left; padding: 0; margin: 0; width: 94px; border-right: 1px solid #FFFFFF; z-index: 1000;}/*no right border - #nav does this*/

/*
------------------------------------------------------------------------
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: 142px; color: #FFFFFF; background-color: #660066; z-index: 1000;}
#subnav li ul a:hover, #subnav li ul a:focus {height: auto; width: 142px; 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: 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.about ul a:link, #subnav li.about ul a:visited, #subnav li.about ul a:active {height: auto; width: 172px; color: #FFFFFF; background-color: #660066; z-index: 1000;}
#subnav li.about ul a:hover, #subnav li.about ul a:focus {height: auto; width: 172px; color: #660066; background-color: #E6D9E6;  z-index: 1000;}
#subnav li.about ul li   { z-index: 1000; width: 178px; border-bottom: 1px solid #FFFFFF}

/*
------------------------------------------------------------------------
drop down menu for prospective
------------------------------------------------------------------------
*/

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

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

#subnav li.current 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.current ul a:link, #subnav li.current ul a:visited, #subnav li.current ul a:active {height: auto; width: 172px; color: #FFFFFF; background-color: #660066; z-index: 1000;}
#subnav li.current ul a:hover, #subnav li.current ul a:focus {height: auto; width: 172px; color: #660066; background-color: #E6D9E6;  z-index: 1000;}
#subnav li.current ul li   { z-index: 1000; width: 178px; border-bottom: 1px solid #FFFFFF}

/*
------------------------------------------------------------------------
drop down menu for academics
------------------------------------------------------------------------
*/

#subnav li.academics 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.academics ul a:link, #subnav li.academics ul a:visited, #subnav li.academics ul a:active {height: auto; width: 182px; color: #FFFFFF; background-color: #660066; z-index: 1000;}
#subnav li.academics ul a:hover, #subnav li.academics ul a:focus {height: auto; width: 182px; color: #660066; background-color: #E6D9E6;  z-index: 1000;}
#subnav li.academics ul li   { z-index: 1000; width: 188px; border-bottom: 1px solid #FFFFFF}

/*
------------------------------------------------------------------------
drop down menu for library
------------------------------------------------------------------------
*/

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

/*
------------------------------------------------------------------------
drop down menu for clinic
------------------------------------------------------------------------
*/

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

/*
------------------------------------------------------------------------
drop down menu for career services
------------------------------------------------------------------------
*/

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

/*
------------------------------------------------------------------------
drop down menu for news
------------------------------------------------------------------------
*/

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

#subnav li.news ul a:link, #subnav li.news ul a:visited, #subnav li.news ul a:active {height: auto; width: 129px; color: #FFFFFF; background-color: #660066; z-index: 1000;}
#subnav li.news ul a:hover, #subnav li.news ul a:focus {height: auto; width: 129px; color: #660066; background-color: #E6D9E6;  z-index: 1000;}
#subnav li.news ul li   { z-index: 1000; width: 135px; 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 }

/*
------------------------------------------------------------------------
secondary fly-out menu for prospective students
------------------------------------------------------------------------
*/
#subnav li.prospective ul ul { margin: -19px 0 0 168px; position: absolute; z-index: 1000; }
#subnav li.prospective ul ul.two_lines      { margin: -31px 0 0 168px; position: absolute; z-index: 1000 }

/*
------------------------------------------------------------------------
secondary fly-out menu for current students
------------------------------------------------------------------------
*/
#subnav li.current ul ul     { margin: -19px 0 0 178px; position: absolute; z-index: 1000; }
#subnav li.current ul ul.two_lines      { margin: -31px 0 0 178px; position: absolute; z-index: 1000 }

/*
------------------------------------------------------------------------
secondary fly-out menu for academics students
------------------------------------------------------------------------
*/
#subnav li.academics ul ul     { margin: -19px 0 0 188px; position: absolute; z-index: 1000; }
#subnav li.academics ul ul.two_lines      { margin: -31px 0 0 188px; position: absolute; z-index: 1000 }


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