/* handle menu and header */

#header-logo { z-index: 500; position: absolute; top: 16px; left: 212px; }

div#nav {
	height: 157px;
	background: url(../images/header-bg.gif) no-repeat;
	font-size: 1.2em;
	}
 	div#nav li a#academics {
		background: url(../images/menu_academics.gif) no-repeat bottom center;
		width: 132px;
	}
	div#nav li a#arts {
		background: url(../images/menu_arts.gif) no-repeat bottom center;
		width: 85px;
	}
	div#nav li a#athletics {
		background: url(../images/menu_athletics.gif) no-repeat bottom center;
		width: 116px;
	}
	div#nav li a#about {
		background: url(../images/menu_about.gif) no-repeat bottom center;
		width: 95px;
	}
	div#nav li a#admissions {
		background: url(../images/menu_admissions.gif) no-repeat bottom center;
		width: 110px;
	}
	div#nav li a#contact {
		background: url(../images/menu_contact.gif) no-repeat bottom center;
		width: 119px;
		margin-right: 17px;
	}
	div#nav li a#academics:hover, div#nav li a#academics:active,
	div#nav li a#arts:hover, div#nav li a#arts:active,
	div#nav li a#athletics:hover, div#nav li a#athletics:active,
	div#nav li a#about:hover, div#nav li a#about:active,
	div#nav li a#admissions:hover, div#nav li a#admissions:active,
	div#nav li a#contact:hover, div#nav li a#contact:active {
		background-position: top center;
	}
	div#nav li a#academics,
	div#nav li a#arts,
	div#nav li a#athletics,
	div#nav li a#contact,
	div#nav li a#admissions,
	div#nav li a#about {
		text-indent: -9999px;
		height: 32px;
	}
	div#nav li {
		float: left;
	}
	div#nav ul {
		list-style-type: none;
	    position: relative;
	    z-index: 500;
	}
	div#nav ul#leftnav {
		padding-top: 123px;
		margin-left: 18px;
	}
	div#nav ul#rightnav {
		float: right;
	}
	div#nav a:hover, div#nav a.submenu:hover {
		background-color: #eaeaea;
		color: #333;
	}
	div#nav a.submenu {
		background: url(../images/arrow.gif) right no-repeat;
		background-color: #B40838;
	}
	div#nav li a { display: block; color: #fff; background-color: #B40838; }
	div#nav li:hover { position: relative; }
	div#nav ul ul {
		visibility: hidden; 
		position: absolute;
		border: 2px solid #d0b156;
	}
	div#nav ul ul li { float: none; }
	div#nav ul ul li a { width: 12em; display: inline-block; padding: 5px; }
	div#nav ul li:hover > ul { visibility: visible; }
	div#nav #leftnav li ul ul {
		left: 12em;
	    margin: 0 0 0 10px;
	    top: 0;
	}
	div#nav #rightnav li ul ul {
		right: 12em;
		margin: 0 10px 0 0;
		top: 0;
	}