@charset "UTF-8";
/* CSS Document */
/*
	----------------------------
	GLOBAL WHITESPACE RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,hr,form,table,td,ul,li,pre,blockquote{ margin:0; padding:0; border:0; }
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/
html { background: #efe9db url('../media/htmlBack.gif') repeat-y 50% 0; }
body {
	font:11px Arial, Helvetica, sans-serif;
	color:#4d3d2a;
	background-color:#efe9db;
	text-align:center; /* IE centering trick */
}
hr { height: 35px; background: url('../media/splashBreak.gif') repeat-x; }
/*
	----------------------------
	LAYOUT STYLES
	____________________________
*/
#wrapper { width:1000px; height: 100%; margin: 0 auto; text-align:left; background: #cafecb; }
#masthead{ 	background-color: #ffffff; height:140px; }
#masthead img { position: relative; left: 0px; }
#splash { background: #cafecb; height: 510px; position: relative; }
#splash-courses { background: #cafecb; height: 473px; position: relative; }
#splash.double { height: 830px; }
#splash div.nonSemantic, #splash-courses div.nonSemantic { background: #ffffc5; position: absolute; z-index: 1; ; left: 647px; top: 0; width: 273px; height: 384px; padding: 40px; }
#splash div.content, #splash-courses div.content { background: #ffffc5; position: absolute; z-index: 2; left: 647px; top: 0; width: 273px; padding: 40px 40px 0 40px;}
#splash div p, #splash-courses div p { font: 11pt/19pt Verdana, sans-serif; color: #8c7ca0; padding-bottom: 20px; }
#splash div h2, #splash-courses div h2 { font: 14pt Verdana, sans-serif; color: #8c7ca0; text-align: center; }
#splash div h3, #splash-courses div h3 { font: 12pt Verdana, sans-serif; color: #8c7ca0; font-weight: bold; padding-top: 5px; }
#splash div p.nobottom { padding: 10px 0; }
#splash img.doubleImage { position: absolute; left: 0; top: 467px; }

#courseLogos { margin-top: 40px; }
#courseLogos img { margin-bottom: 30px; }

#contentExtra { background: #ffffc5; height: 200px; position: relative; }
#contentExtra p#westcourse { position: absolute; left: 15px; top: 10px; width: 470px; font: 10pt/15pt Verdana, sans-serif; color: #8c7ca0; padding-bottom: 10px; }
#contentExtra p#southcreek { position: absolute; left: 515px; top: 10px; width: 470px; font: 10pt/15pt Verdana, sans-serif; color: #8c7ca0; padding-bottom: 10px; }

/*
	----------------------------
	NAVIGATION STYLES
	____________________________
*/
ul#navigation, ul#navigation li { list-style:none; text-align:center; }
ul#navigation { padding:3px 0; height: 41px; background-color:#cafecb; }
ul#navigation li { float: left; display: block; width: 164px; padding:0 3px 0 0; }
ul#navigation li.first { width: 100px; }
ul#navigation li.thin { width: 100px; }
ul#navigation li.wide { width: 190px; }
ul#navigation li.last { padding: 0; }
ul#navigation li a { padding: 0; margin: 0; display: block; width: 100%; height: 41px; background: #8b7ca0; color:#fff; text-decoration:none; text-transform: uppercase; font-size:14px; line-height: 42px; }
ul#navigation li a:hover { color:#000; }

ul.events { font: 10pt/13pt Verdana, sans-serif; color: #8c7ca0; padding: 0 0 10px 20px; }
/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear{
	overflow:hidden;
	height:1px;
	clear:both;
}