body, html
	{
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:.8em;
		line-height:1.9em;
		background:#fff url(../images/bg.jpg) repeat-x 100% 100%;
		padding:0; 
		margin:0;
		color:#555;
	}
	
a, a img 
	{
		border:none;
		outline:none;
		color:#d9932d;
	}
h1 a img 
	{
		float:left;
		position:relative;
		left:2px;
	}
p	
	{
		margin:1em .5em;
	}
#container 
	{
		margin:0 auto;
		width:620px; 	
	}
#header
	{
		width:607px;
		height:105px;
	}
img.headercs
	{
		float:left;
		margin:4px 0 0 6px;
	}
#quote
	{
		width:250px;
		height:52px;
		text-indent:-100000px;
		background:url(../images/quote.jpg) no-repeat;
		float:right;
		margin:8px 10px 0 0;
	}
#leftnav
	{
		clear:both;
		float:left;
		list-style:none;
		padding:0;
		margin:0 0 0 17px;
		position:relative;
		z-index:10;
		right:11px;
		position:relative;
	}
ul#leftnav li a:hover img 
	{
		position: absolute;
		top: 10px; 
		left: 186px; 
		height: 220px; 
		width: 399px;
	}

#midheader
	{
		background: url(../images/midheader.jpg) repeat-x;
		width:498px;
		height:73px;
		float:right;
		margin:-1px 2px 0 0;
	}
#content
	{
		float:right;
		margin:0 15px 0 -12px;
		padding:8px 1px 8px 11px;
		width:416px; //previously 416px;
		
	}
#content.sb-inner { background-color:#fff; }
#content .sb-border { background-color:#888; }

br.clearer
	{
		clear:both;
	}
p.tag 
	{
		font-weight:bold;
		color:black;
		width:410px;
	}
p.tag span, p.officehours
	{
		font-style:italic;
	}
h2
	{
		color:#671717;
		font-size:100%;
	}
h3
	{
		font-size:100%;
	}
p.footer
	{
		margin-left:230px;
	}
img.non
	{
		position:absolute;
		left:-1px;
		top:-2px;
	}
#sublist
	{
		width:173px;
		height:203px;
		background: url(../images/sublistbg.gif);
		float:left;
		margin:0 0 0 6px;
		
	}
#sublist ul
	{
		list-style:none;
		padding:4px;
		color:white;
		margin:0
	}
#sublist ul li a
	{
		color:white;
	}
ul#leftnav li a
	{
		display:block;
		width:172px;
		height:32px;
		text-indent:-100000px;
	}
ul#leftnav li#home a
	{
		background:url(../images/lefthome.jpg);
	}
ul#leftnav li#grade a
	{
		background:url(../images/leftgrade.jpg);		
	}
ul#leftnav li#middle a
	{
		background:url(../images/leftmiddle.jpg);		
	}
ul#leftnav li#high a
	{
		background:url(../images/lefthigh.jpg);		
	}
ul#leftnav li#arts a
	{
		background:url(../images/leftarts.jpg);		
	}
ul#leftnav li#athletics a
	{
		background:url(../images/leftathletics.jpg);		
	}
ul#leftnav li#parents a
	{
		background:url(../images/leftparents.jpg);		
	}
ul#leftnav li#building a
	{
		background:url(../images/leftbuilding.jpg);		
	}
ul#leftnav li#home a:hover
	{
		background:url(../images/homehover.jpg);
	}
ul#leftnav li#grade a:hover
	{
		background:url(../images/gradehover.jpg);		
	}
ul#leftnav li#middle a:hover
	{
		background:url(../images/middlehover.jpg);		
	}
ul#leftnav li#high a:hover
	{
		background:url(../images/highhover.jpg);		
	}
ul#leftnav li#arts a:hover
	{
		background:url(../images/artshover.jpg);		
	}
ul#leftnav li#athletics a:hover
	{
		background:url(../images/athleticshover.jpg);		
	}
ul#leftnav li#parents a:hover
	{
		background:url(../images/parentshover.jpg);		
	}
ul#leftnav li#building a:hover
	{
		background:url(../images/buildinghover.jpg);		
	}

ul#leftnav li#home.current a,
ul#leftnav li#home.current a:hover 
	{
		background:url(../images/currenthome.jpg);
	}
ul#leftnav li#grade.current a,
ul#leftnav li#grade.current a:hover
	{
		background:url(../images/currentgrade.jpg);		
	}
ul#leftnav li#middle.current a,
ul#leftnav li#middle.current a:hover
	{
		background:url(../images/currentmiddle.jpg);		
	}
ul#leftnav li#high.current a,
ul#leftnav li#high.current a:hover
	{
		background:url(../images/currenthigh.jpg);		
	}
ul#leftnav li#arts.current a,
ul#leftnav li#arts.current a:hover
	{
		background:url(../images/currentarts.jpg);		
	}
ul#leftnav li#athletics.current a,
ul#leftnav li#athletics.current a:hover
	{
		background:url(../images/currentathletics.jpg);		
	}
ul#leftnav li#parents.current a,
ul#leftnav li#parents.current a:hover
	{
		background:url(../images/currentparents.jpg);		
	}
ul#leftnav li#building.current a,
ul#leftnav li#building.current a:hover
	{
		background:url(../images/currentbuilding.jpg);		
	}
img.left
	{
		float:left;
		margin:1em;
		border:4px solid #c7c7c7
	}
img.right
	{
		float:right;
		margin:1em;
		border:4px solid #c7c7c7
	}