/* CSS Document */

body { 
margin:0; 
padding:0; 
position:absolute; 
height:100%; 
width:100%; 
background-image: url(woodbackground.gif);
background-repeat: repeat-x;
background-color: white;
} 

div.full {
	position:absolute;
	top:239px;
	left:173px;
	width:900px;
	height:100%;
	background-color: white;
	padding: 0px;
} 

div.normal {
	position:absolute;
	top:246px;
	left:235px;
	width:800px;
	height:auto;
	background-color:white;
	padding: 0px;
} 

/*fonts*/
body { font: 10pt/16pt arial;}

p {
	font: 10pt/16pt arial;
	font-weight: normal;
}
h1 {
	font: 18pt/22pt arial;
	letter-spacing: 1px;
	color:#993300;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}
h2 {font: 16pt/20pt arial;color:#993300;}
h3 {font: 12pt/16pt arial; color: #23164e; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }
h4 {font: 10pt/14pt arial; color: #23164e; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;  }

a:link {color:#23164e;}
a:visited {color:#23164e;}
a:hover, a:active {color:#FFCB1C;}

.footer { font-size: x-small; color: #000000;}
a.footer:link { font-weight: bold; color: #000000; text-decoration:  none; }
a.footer:hover, a.footer:active { color:#993300; text-decoration: none; }
a.footer:visted {color:#000000; text-decoration: none;}

.credits { position: absolute; bottom: 10px; right: 10px; color: #000000;}

a.banner img {
	text-align: center;
	border: none;}


/* top nav */



a.top:link {

	font-weight: strong;

	text-decoration: none;

	color: #000000

	}



a.top:visited {

	font-weight: normal;

	text-decoration: none;

	color: #000000

	}



a.top:hover, a.nav:active {

	color: #FFCB1C;

	} 



.top {

	font-size: 14px;

	font-weight:normal;

	letter-spacing: 2px;

	text-transform: uppercase;

}



/* common styling */
.menu {
	font-family: arial, sans-serif; 
	width: 900px; 
	height:20px; 
	text-transform: uppercase; 
	font-size:14px;
	}
	
.menu ul li a, .menu ul li a:visited {
	display:block;
	width: 145px;
	text-decoration:none;
	color:#000;  
	text-align: center; 
	color:#000; 
	background:#fff;  
	font-size:12px; 
	overflow: hidden;
	letter-spacing: 1px;
	
	}

a.hide {
	border: none;
}

.menu ul {padding:0; margin:0; list-style:none; background: #fff;}
.menu ul li {float:left; position:relative; background: #fff}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color: #FFCB1C; background:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0;}
.menu ul li:hover ul li a.hide {background:#fff; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#fff; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display: block; background:#fff; font-size: 10px; color: #000; 	border: thin solid  #900; }
.menu ul li:hover ul li a:hover {background: #fff; color:#FFCB1C;}


/* side nav fonts */

a.side:link {
	font-weight: strong;
	text-decoration: none;
	color: #993300
	}

a.side:visited {
	font-weight: normal;
	text-decoration: none;
	color: #993300
	}

a.side:hover, a.side:active {
	color: #FFCB1C;
	} 

.side {
	font-size: 12px;
	font-weight:normal;
	letter-spacing: 1px;
}

/*Postioning*/

#topnav {
left: 15%;
background-color:#FFFFFF;
width: 900px;
position:absolute;
top: 180px;
height: 50px;
padding: 10px;
text-align: left;
z-index: 9999;
}

#sidenav {
background-color:#FFFFFF;
width: 150px;
position:absolute;
padding: 10px;
left: 0%;
text-align: Left;
}

#footer {
font:small Arial;
position: relative;
background-image: url(bottomborder.gif);
height: 48px;
padding-left: 0;
text-align:center;
}

#credits {
	font:x-small Arial;
	position: relative;
	background-color: #993300;
	height: 50px;
	width: 790px;
	padding: 5px;
}

#bannerimg {
	left: 15%;
	width: 865px;
	position:absolute;
	text-align: center;
}





/* Content */
#Content-Index {
	margin-left: 10px;
	text-align: left;
}

#Content {
	margin-left: 175px;
}

#teachersimg {
 float: right;
 padding: 10px;
}