/* Psi Chi, University of Oregon Chapter Stylesheet  - Navigation */





	
/* GLOBAL ------------------------------------------------------------------- */

body.banner {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 76%;
	color: #333333;
	background-image: url(../_images/nav_marble_green.png);
	background-repeat: repeat;
/*	background-color: #FFFFFF;	*/
	margin: 0px 0px 0px 0px;
	}
	
P, TABLE, TD, TH, TR ,OL, UL, LI, DIV {
	font-size: 1em;
	}



/* PAGE WRAPPERS AND CONTAINERS -------------------------------- */

/* This div allows the page to be centered in the browser  */
#outsidewrapper {
	display: block;
	border-bottom: 1px #786800 solid;
	margin: 0px auto 0px auto;
	padding: 0px 20px 0px 20px;
	}

/* This div holds the logo, and top navigation menu  */
#pageheader {
	display: block;
	width: 942px;
	height: 152px;
/*	clear: both;	*/
	text-align: center;
	overflow: auto;
	background-image: url(../_images/bg_banner.png);
	background-repeat: no-repeat;
	background-position: 50% 34px;
	margin: 0px auto 0px auto;
	padding: 0px;
	z-index: 4;
	}



/* NAVIGATION */

/* TOP NAVIGATION BAR ----------------------------------------------- */

/* navbar container */

#navcontainer {
	display: block;
	float: center;
	width: 942px;
	height: 34px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	z-index: 7;
	}
	
/*the following styles not related to button effect*/
#navcontainer {zoom: 1;} /*has Layout hack for IE*/
.clearfix:after { /*equivalent hack for Firefox/Mozilla*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* main nav */

#mainnav, #mainnav ul {
	display: block;
	float: left;
	width: 942px;
	height: 34px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	background-image: url(../_images/navbar_backdrop.png); 
	background-repeat: no-repeat;
	z-index: 7;
	}

/* navbar spacer line */

#mainnav li#spacerline {
	display: block;
	float: left;
	width: 2px;
	height: 34px;
	background-image: url(../_images/navbar_divider.png);
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 7;
	}
	
/* left edge of navigation bar */

#mainnav li#leftside {
	display: block;
	float: left;
	width: 17px;
	height: 34px;
	color: #000000;
	background-image: url(../_images/navbar_left.png); 
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	z-index: 7;
	}
	
/* right edge of navigation bar */

#mainnav li#rightside {
	display: block;
	float: right;
	width: 17px;
	height: 34px;
	background-image: url(../_images/navbar_right.png); 
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	z-index: 7;
	}
	
/* navbar top level style */

#mainnav a.toplevel {
	display: block;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;	
	width: 128px;
	letter-spacing: 1px;
	text-decoration: none;
	background-image: url(../_images/navbar_frame_off.png); 
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 9px 0px;
	z-index: 7;
	}

#mainnav a:hover.toplevel {
	display: block;
	width: 128px;
	color: #9C9247;
	text-align: center;
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 9px 0px;
	z-index: 7;
	}
		
/* depress effect on click */

#mainnav a:active.toplevel, #mainnav a:focus.toplevel {   
	display: block;
	color: #9C9247;
	width: 128px;
	text-align: center;
	letter-spacing: normal;
	background-image: url(../_images/navbar_frame_on.png); 
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 9px 0px;
	z-index: 7;
}


#mainnav a:hover {
	text-decoration: underline;
	z-index: 7;
	}

#mainnav li {
	float: left;
	list-style-type: none;
	list-style-image: none;
	background-image: none;
	z-index: 7;
	}

/* 2nd level navigation background container ----------------------- */

#mainnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 145px;
	overflow: visible;
	margin: 0px 0px 0px 21px;
	padding: 0px 0px 0px 0px;
	background-color: #003311;
	border-bottom: 1px #3c3400 solid;
	border-right: 1px #3c3400 solid;
	z-index: 7;
	}

/* 2nd level navigation inside container ------------------------------- */

#mainnav li li {
	width: 145px;
	target: contents;
	padding: 0px 0px 0px 0px;
	margin-top: -2px;
	z-index: 7;
	}

/* 2nd level navigation link and box color ----------------------------- */

#mainnav li ul a {
	display: block;
	font-size: 1em;
	line-height: 1.1em;
	color: #ffffff;
	text-decoration: none;
	background: #006633;
	target: contents;
	margin: 0px 0px 0px 0px;
	padding: 5px 8px 5px 8px;
	border: 1px #786800 solid;
	z-index: 8;
	}

#mainnav li ul a.pdf:link, #mainnav li ul a.pdf:visited {
	background-image: url(../_images/bullet_pdf1.png);
	background-repeat: no-repeat;
	background-position: 8px 50%;
	target: contents;
	margin: 0px 0px 0px 0px;
	padding: 5px 8px 5px 30px;
	border: 1px #786800 solid;
	z-index: 8;
	}

/* 2nd level navigation hover color ------------------------------------ */

#mainnav li ul a:hover {
	color: #9C9247;
	text-decoration: underline;
	z-index: 8;
	}

/* 3rd level navigation box ---------------------------------------------- */

#mainnav li ul ul {
	margin: -24px 0px 0px 144px;
	z-index: 8;
	}

/* HOVER Styles for IE script ------------------------------------------------ */

#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li.sfhover ul ul, #mainnav li.sfhover ul ul ul {
	left: -999em;
	}

#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul, #mainnav li li li.sfhover ul {
	left: auto;
	}

#mainnav li:hover, #mainnav li.sfhover {
	background: none;
	}
	
/* This code prevents the menu appearing below links in the content */
/* It's a weird Firefox OSX bug */

#mainnav li:hover, #mainnav li.sfhover {
	z-index: 7;
	}