body {
	background: #ba4407;
	margin: 0;
	padding: 0;
	font: 1em/1.5em  Georgia, "Times New Roman", Times, serif;	
	color: #603913;
	}

#wrapper {
	width: 90%;
	max-width: 1100px;
	min-width: 825px;
	margin: 0 auto;
	background: url(../images/bkg.gif) repeat-y 90.1%;
	position:relative;
	padding-bottom: 1em;
	}

#wrapper:after { content: ""; display: block; height: 0; clear: both; }

#head {
	background: #ba4407 url(../images/oakland-logo.jpg) no-repeat;
	height: 125px;
	width: 90%;
	}
.head  {position: absolute; top: 0; left:0; width: 543px; height: 113px;}	
	
#add {
	float: right;
	margin-top: 2em;
	color: #fffbf3;
	text-align:right;
	font:.8em/1.5em Verdana, Arial, Helvetica, sans-serif	}
	
#add a {color: #fffbf3}

#navcontainer {
	background: #603913;
	padding: 0;
    height: 23px;
	padding-top:10px;
	width:90%;
	
}

#nav {
   	background: url(../images/nav.gif) no-repeat;
	width: 706px;
	height: 23px;
	padding: 0;
	padding-right: 1em;
    position: relative;
	margin: 0;
	float: right;
	}

  #nav li {
  position: absolute; 
  top: 0; 
  margin: 0; 
  padding: 0; 
  list-style: none; 
  }
  
  #nav li, #nav a { 
  height: 23px; 
  display: block; 
  text-decoration: none; 
  text-indent: -9999px;
  outline: none;
  }
  
  
#about {left: 0; width: 57px;}
#admission  {left: 57px; width: 123px;}
#academics {left: 180px; width: 117px;}
#summer {left: 297px; width: 172px;}
#support {left: 469px; width: 174px;}
#home  {left: 643px; width: 62px;}


#about a:hover {background: transparent url(../images/nav.gif) 0 -30px no-repeat;}
#admission a:hover {background: transparent url(../images/nav.gif) -57px -30px no-repeat;}
#academics a:hover {background: transparent url(../images/nav.gif) -180px -30px no-repeat;}
#summer a:hover {background: transparent url(../images/nav.gif) -297px -30px no-repeat;}
#support a:hover {background: transparent url(../images/nav.gif) -469px -30px no-repeat;}
#home a:hover {background: transparent url(../images/nav.gif) -643px -30px no-repeat;}

/* select nav */
body.about #about {background: transparent url(../images/nav.gif) 0 -30px no-repeat;}
body.admission #admission {background: transparent url(../images/nav.gif) -57px -30px no-repeat;}
body.academics #academics {background: transparent url(../images/nav.gif) -180px -30px no-repeat;}
body.summer #summer {background: transparent url(../images/nav.gif) -297px -30px no-repeat;}
body.support #support  {background: transparent url(../images/nav.gif) -469px -30px no-repeat;}
body.home #home {background: transparent url(../images/nav.gif) -643px -30px no-repeat;}

/* 	The Submenu Layers */
#subabout, #subacademics {
	position: absolute;
	visibility: hidden;
	z-index: 3;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

 .subnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	border-left: 1px solid #603913;
	border-right: 1px solid #603913;
}
.subnav ul li { margin: 0; padding: 0;}

#subabout.subnav ul li a {width: 8em;}
#subacademics.subnav ul li a {width: 20em;}

.subnav ul li a
{
display: block;
color: #603913;
padding: 0 .8em;
text-decoration: none;
background-color: #fffbf3;
border-bottom: 1px solid #603913;
}

.subnav ul li a:hover {
	color: #FFF;
	background-color: #603913;
}
	
#left {
	float:left;
	width: 40%;
	margin-left: 2em;
	margin-top: 0;
	padding-top: 0px;
	}

.imgcol {width: 45%; float: left; margin-left:2em; margin-top: 0em;}
.imgcol img {width: 100%; border: solid 25px #fffbf3}

.col1 {clear:both; margin-left: 2em; margin-right: 15%;}

.imgR {float: right; margin: 0 0 1em 1.5em}



/*Footer*/

#footer {
	clear: both;
	font:11px/normal Verdana, Arial, Helvetica, sans-serif;	
	margin: 25px 0;
	text-align:center;
	padding: .5em 0;
	white-space:nowrap;
	width: 90%;
	max-width: 1100px;
	}
	
#footer li {
display: inline;
padding: 0 .8em;
color: #fffbf3;
border-left: solid 1px #fffbf3;
}
#footer a {color: #fffbf3;}
#footer li:first-child {border-left: none}


/* Links */

a:link, a:visited {color: #ba4407;}

/* Typography */

h1 {
	font: normal 3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #527D2E;
	margin-left: .8em;
	margin-right: 15%;
}

h2 {
	font: normal 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ba4407;
	
}

#left p:first-child {margin-top: 0}