/* @override 
	http://www.jacobspillow.org/css/header-debug.css
*/

#header { position: relative; padding: 6px 15px 4px 15px; height: 100px; overflow: visible;}

#jacobs-pillow-logo { float: left; }

h1#jpd-logo a {
	display: block;
	width: 136px;
	height: 98px;
	background-image: url(../gfx/logo-jacobs-pillow.gif);
}

h1#jpd-logo span {
	display: none;
}

ul#uppernav, ul#topnav 	{ list-style-type: none; margin: 0; }
ul#uppernav { position: absolute; top: 6px; left: 844px; width: 700px;}
ul#topnav 	{ 
	position: absolute; top: 66px; left: 235px; 
	overflow: visible; width: 737px; 
	z-index: 9000;
}

#header-buttons { position: absolute; top: 32px; left: 715px; width: 250px;}
#header-buttons img {
	border: 0;
}
#header-buttons #button-join-today { margin-left: 18px; }

ul#uppernav li, ul#topnav li { display: block; position: relative; float: left; }
a.rollover {
    height: 17px;
    display: block;
    text-decoration: none;
    width: 100%;
    vertical-align: bottom;
    background-repeat: no-repeat;
}
ul#uppernav a.rollover { height: 10px; }

ul#topnav ul { position: absolute; left: -9px ; }

#topnav a:hover.rollover { background-position: left -17px; }
#uppernav a:hover.rollover { background-position: left -10px; }

#uppernav a.rollover span, #topnav a.rollover span { display: none; }

#topnav a.rollover.festival {
	background-image: url(../gfx/frame/nav/festival.gif);
	width: 130px;
}
#topnav a.rollover.landmark {
	background-image: url(../gfx/frame/nav/landmark.gif);
	width: 144px;
}
#topnav a.rollover.visit {
	background-image: url(../gfx/frame/nav/visit.gif);
	width: 107px;
}
#topnav a.rollover.archives {
	background-image: url(../gfx/frame/nav/archives.gif);
	width: 183px;
}
#topnav a.rollover.education {
	background-image: url(../gfx/frame/nav/education.gif);
	width: 111px;
}
#topnav a.rollover.about {
	background-image: url(../gfx/frame/nav/about.gif);
	width: 54px;
}

#uppernav a.rollover.members {
	background-image: url(../gfx/frame/nav/members.gif);
	width: 70px;
	display: none;
}
#uppernav a.rollover.professionals {
	background-image: url(../gfx/frame/nav/professionals.gif);
	width: 100px;
	display: none;
}
#uppernav a.rollover.students {
	background-image: url(../gfx/frame/nav/students.gif);
	width: 71px;
	display: none;
}
#uppernav a.rollover.interns {
	background-image: url(../gfx/frame/nav/interns.gif);
	width: 61px;
	display: none;
}
#uppernav a.rollover.press {
	background-image: url(../gfx/frame/nav/press.gif);
	width: 50px;
}
#uppernav a.rollover.contact {
	background-image: url(../gfx/frame/nav/contact.gif);
	width: 65px;
}

ul#topnav ul {
	margin: 0;
	border: 1px solid #C3C0A4;
	width: 168px;
	display: none;
	position: absolute;
}

ul#topnav li:hover ul, ul#topnav li.over ul { display: block; }

ul#topnav ul li a {
	display: block;
	overflow: hidden;
	background-color: #E5EDE0;
	padding: 5px 9px 4px 9px;
	width: 150px;
	line-height: 1.1em;
	border-bottom: 1px solid white;
}

ul#topnav ul li a:hover,
ul#topnav ul li.level2 a:hover,
ul#topnav ul li.emphasis a:hover { 
	background-color: #ffffff; 
	text-decoration: none;
}

ul#topnav ul li.emphasis a {
	background-color: #F2F1DD;
}


ul#topnav ul li.level2 a {
	font-size: 12px;
	text-transform: none;
	color: #496674;
	background-color: #D6E2CE;
}


ul#topnav ul li.level2 a:before {
	content: "» ";
	color: #7898A7;
}

ul#topnav li#about ul {
	left: -100px;
}