/* ==================================
EOU CSS Document
8-05-05 
=======================================*/


/* ===================================
Body Area
====================================*/

body {
	margin: 0;
	padding: 0;
	color: black; 
	font: 85%/140% verdana, helvetica, sans-serif;
	background-image:  url(../graphics/adm_background.gif);
	}
	
a:link {
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	}
a:hover {
	background: #BACACA;
	} 
	
/* ===================================
Container
====================================*/

#container {
	margin: 0 5%;
	background-image:  url(../graphics/backg_05a.gif);
	background-color:#FFFFFF;
	background-repeat: repeat-y;
	border-left: 1px solid #996666;
	border-right: 1px solid #996666;

	}
	
/* ===================================
Banner
====================================*/

#banner {
	background:   #003366 url(../graphics/trees_walkway.jpg) no-repeat right top;
	border-top: 1px solid #996666;
	border-bottom: 1px solid #006699;
	}
#banner h1 {
	margin: 0 0;
	padding: 0 0;
	background: transparent url(../graphics/title_eou_top.gif) no-repeat left top;
	width: 408px;
	height: 47px;
; clip:  rect(   )
	}

#banner h1 span {
	display: none;
}
	
/* ===================================
Navigation
====================================*/

#sitenav {
	float: left; 
	width: 175px; 
	margin-top: 2em;
	font-size: 11px; 
	background-color:#006699;
   }
   
#sitenav a {
	display: block; 
	padding: 4px 8px; 
	margin: 0;
	height: 23px;
	text-decoration: none; 
	font-weight:bold;
	color:#FFF;
	text-align: right;
	border-top: 1px solid gray;
   }
#sitenav a:hover {
	background-color:#CCCCCC;
	border-left: 3px solid #003366;
	color:#003333;
	}
	
#sitenav p {
	margin-top: 0;
	}
/* ===================================
Navigation Tabs Top
====================================*/
	
#nav {
	margin: 0; 
	padding: 0;
	}

#nav li {
	list-style: none; 
	float:right; 
	margin-left: 1px; 
	padding-left: 16px; 
	margin: 0;
  	font-size: 10px; 
	line-height: 20px; 
	white-space: nowrap;
  	background: #BBB url(../graphics/tabs2-big.gif) no-repeat;}
	
#nav a {
	display: block; 
	float: left; 
	padding: 0 16px 0 0;
	font-weight:bold;
	text-decoration: none; 
	background: #DDD url(../graphics/tabs2-big.gif) no-repeat 100% 100%;
	color:#fff; 
	width: .1em;}
  
  html>body #nav a {width: auto;} /*fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float: none;}            /* End IE5-Mac hack */

#nav a:hover {
	background-color: #333; 
	color:#DEDCAD;
	}
	
/* ===================================
Content
====================================*/

#content {
	padding-top: 1em;
	margin: 0 2em 0 189px;
	background:   url(../graphics/tab-curve_2.gif) no-repeat left top;
	z-index: 6;
	}
#content h1,h2,h3,h4,h5 {
	margin: 15px 0 0 0;
	padding: 8px 0px 5px 15px;
	line-height: 140%;
	}
#content p {
	margin: 0;
	padding: 5px 0px 5px 15px;
	font-family: verdana, helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	}
	
/* ============================
Pullquote for Photos
=============================*/
.photo {
	float: right; 
	font: Arial, Helvetica, Verdana, sans-serif;
	padding: 8px 8px 8px 8px; 
	margin: 10px 7px;
	font: .8em/1.3 Verdana, arial, helvetica, sans-serif;
	}

	
/* ===================================
Footer
====================================*/

#footer {
	clear: both;
	background-color:#B3B9B0;
	padding: 1em;
	text-align: right;
	border-top: 1px solid #006699;
	}
#footer p {
	font: 11px/1.3em verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}