body
{
	margin:0;padding:0; width:100%;
	color:#6b4d47;
	background: #b88479 url("../images/bg.gif") repeat-x;
	text-align: center;
	font:13px "Trebuchet Ms";
	height: 100%;
}

#containerHeader	{ margin: 0 auto; width: 900px; text-align:center; background-color: #6b4d47; border-bottom: 5px solid #b83047;}
#header				{ z-index: 100; width: 900px; position: relative; top: 0px;
						background-color: #FFF; height: 160px; text-align: center; border-top: 15px solid #6b4d47;  }

#containerBody		{ margin: 0 auto; width: 900px; text-align:center;}
#pageBody			{ z-index:  90; width: 900px; position:relative;   
         				background-color:#FFF; text-align: center;}
#content		{ padding:10px; }

#banner			{ position: absolute; top: 50px; left: 165px; background: url(../images/banner.png); height:84px; width: 205px; z-index: 125; }
#mainImg		{ position: absolute; top: 0px; left: 370px; height:160px; width: 342px; z-index: 125; background: url(../images/mainImg1.jpg);}

#footer 		{ width: 900px; background-color: #CCC; padding: 10px 0px 10px 0px; text-align: left; font-size:10px; border-top: 5px solid #b88479;}
#footer p		{padding-left: 10px;}

#goodSearch		{width: 900px; background-color: #CCC; padding: 0px 0px 0px 0px; text-align: center; background-color: #b88479;}

#logo			{ position: absolute; top: 40px; left: 15px; background-color:#FFF; }
#logo a img		{ border: 0px; }

#separator		{ position: relative; width: 100%; height: 5px; background-color:#b83047; line-height: 5px;}
/* Top Nav*/
#mainNav 		{ position: absolute; top: 0px; left: 10px; background-color: #FFF; text-align: left;	}
#mainNav ul, #mainNav ul li 
				{ list-style: none; margin: 0; padding: 0;}

#mainNav ul 	{ text-align: left; }
#mainNav ul li 	{ display: inline; border-right: 1px solid #CCC; padding: 0px 4px 0px 4px; line-height: 25px;}
#mainNav ul li.last
				{ display: inline; border-right: 0px;}
#mainNav ul li a 
				{ color: #6b4d47; text-decoration: none; }
#mainNav ul li a:hover 
				{ color: #b83047; text-decoration: none; }

a:hover		{color: #6b4d47;}
a			{color: #b83047;}

/*  Site Nav */
#siteNav		{ position: absolute; background-color: #C96; text-align: right; right:0px;	
				  width: 188px; height: 160px; z-index: 100; padding: 0px;}
#siteNav ul, #siteNav ul li 
				{ list-style: none; margin: 0; padding: 0; }
#siteNav ul 	{ text-align: left; }
#siteNav ul li	{ height: 22px; width: 188px; padding: 0px ;}

#siteNav ul li a 
				{ color: #06C; text-decoration: none; padding-left:10px;
				  height: 22px; width: 188px; margin: 2px 0px 2px 0px; 
				 background: url("../images/GradinActive.gif") no-repeat; line-height: 22px;}
#siteNav ul li a:hover 
				{ color: #69C; text-decoration: none; padding-left:10px;
				 height: 22px; width: 188px; margin: 2px 0px 2px 0px; 
				 background: url("../images/GradActive.gif") no-repeat; line-height: 22px; }

div#navigation	{
					position: absolute; background-color: #b88479; text-align: left; right:0px;	
					width: 188px; height: 160px; z-index: 100; padding: 0px;}
		
div#navigation ul
				{ list-style-type: none; padding: 0; margin: 3px 0px 3px 0px; }
		
div#navigation ul li { margin-top: 2px;}
		
#navigation ul li a
				{ display: block; padding: 3px 5px 3px 10px; text-decoration: none;
					color: #FFF; background: url("../images/navBase.gif") no-repeat;}
		
#navigation ul li a:hover
				{ color: #fff; background-color: #b83047; background: url("../images/navBaseActive.gif") no-repeat; }

/*	Styles for the Classes Page:  */
#classInfo h1		{ margin:0px;padding:10px 0px 10px 0px; font:normal 20px "Trebuchet Ms";color:#b83047; }
#classInfo h2		{ margin:20px 0px;padding:0px;color:#b83047;font-size:13px; }

.vendors		{ text-align: left;  width: 600px; }
.vendors .col1		{ float: left;  width: 250px; padding: 5px 0px 5px 0px; border-bottom: 1px solid #b83047; }
.vendors .col2		{ float: right; width: 250px; padding: 5px 0px 5px 0px; border-bottom: 1px solid #b83047; }	
.vendors .col1 h4, .vendors .col2 h4, .vendors .col3 h4	
			{ margin: 0px; padding:0px; color:#b83047; font-size: 13px; }

#classInfo			{ border: 1px solid #CCC; padding: 10px; text-align: left; }

.teacherpic			{ float:left; padding: 0px 10px 0px 0px; width:170px;}
.teacherBio			{ width: 660px; float: right; }

.classLinks			{ text-align: left; }
.classLinks .col1		{ float: left; width: 300px; padding: 10px 0px 10px 25px; }
.classLinks .col2		{ float: right; padding: 10px 0px 10px 0px; width: 300px; }	

/*  Tuition and Fees Table */
#Fees				{ background:#DCC6b2; border:1px solid gray; border-collapse:collapse;
					  color:#fff; font:normal 12px "Trebuchet Ms", verdana, arial, helvetica, sans-serif;
					  text-align: center; }
#Fees td, #Fees th	{ color:#363636; padding:.4em; }
#Fees tr 			{ border: 1px dotted gray; }
#Fees thead th		{ background:#6b4d47; color:#FFFFFF; padding:3px 10px 3px 10px; text-align:center;}
#Fees tbody th		{ font-size: 14px; text-align:left; vertical-align:top; }
#Fees tbody th i	{ font-size: 11px; font-style: normal; text-align:left; vertical-align:top; }
#Fees tbody td		{ text-align:center; vertical-align:top; }
#Fees tbody tr:hover { background:#b8b8b8; border:1px solid #03476F; color:#000000; }

.odd 				{ background:#fff;}

h1					{ margin:0px; padding: 0px; font:normal 20px "Trebuchet Ms";color:#333; border-bottom:1px solid #333; }
h2					{ margin:20px 0px;padding:0px;color:#b83047;font-size:13px; }
h3					{ border-bottom:1px solid #333; color: #333; margin:0px; padding:0;font:normal 18px "Trebuchet Ms" }

#leftCol			{ text-align: left; width: 630px; float: left;}
#rightCol			{ text-align: left; width: 220px; padding-left: 10px; float: right;}
#rightCol .indent	{ padding: 10px 0px 25px 10px; }

.indent				{ padding-left: 15px; padding-top: 15px; }

.left				{ text-align: left;}
.center				{ text-align: center;}
.right				{ text-align: right;}