html{}
body{margin:0; min-width: 900px;}
body,p,th,td,input,select,li,dl{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.9em; line-height: 1.4em;}
h1,h2,h3,h4,h5,legend{font-family:"Trebuchet MS", Verdana, sans-serif;}
li{margin-bottom: 8px;}

dt{}
dd{margin: 20px;}

#banner{height: 150px; width: 900px; margin:0 auto; position: relative;}
#banner h1{margin:0;}
#banner h1 a{height: 140px; width: 270px; background: url(images/logo.gif) no-repeat; display:block; float: right;}
#banner h1 a span{display:none;}

#nav{display:block; height:50px; float: left; margin-top: 5px;}
#nav ul{float:left; display:inline; margin:0px; padding:0px; list-style:none;}
#nav ul li{float:left; margin: 0; padding: 0;}
#nav ul li a{
	display:block; 
	margin-right:15px; 
	line-height:26px; 
	font-size:14px; 
	font-weight:bold; 
	color:#006699;
	text-decoration:none;
}
#nav ul li a:hover{background: url(images/navHover.gif) bottom center repeat-x;}

#intro{ background: url(images/introBG.gif) center repeat-x; height: 205px;}
#intro a{color: #fff;}
#introContent{margin: 0 auto; width: 900px; height: 205px; color: white; position:relative;}
#introContent h2{padding-top: 10px;}
#introPic{ position: absolute; width: 377px; height: 300px; bottom: 0; left:-50px; background: url(images/introPic.gif) left bottom;}
#introText{ width: 550px; margin-left: 350px;}
#introContent p{text-align: justify;}

#mainContainer
{
	margin:0 auto; 
	width:900px;
	min-height: 300px;
	text-align:left;
}
#mainContainer a{color:#0099CC;}
#mainContainer a:hover{color:#003366;}
#mainContent{padding-bottom: 10px;}
#mainContent h2{color:#2277AA; background: url(images/h2.gif) bottom repeat-x; padding: 9px 0; }
#mainContent h3{color:#225577;}

#mainContent .col{float:left; width: 30%; margin: 0 5px; font-size: 0.9em;}
#mainContent .col h3{margin: 5px 0;}
#mainContent .leftCol{background: url(images/colBorder.gif) no-repeat top right; padding-right: 15px;}
#mainContent ul li{ list-style-image:url(images/bullet.gif);}

#classroom.col h3{color:#C00;}
#forum.col h3{color: #069;}
#publications.col h3{color: #096;}

#footer{clear:both; background:url(images/footer.gif); margin:0; min-height: 205px; margin-top: 20px;}
#footer a{color: #776655; text-decoration:underline;}
#footerContent{ margin: 0 auto; width: 900px; color: #887766; padding-top: 10px;}
#footerContent h4{}
#footerContent .col{float:left; width: 30%; margin: 0 5px; font-size: 0.9em;}
#footerContent .leftCol{background: url(images/footerColBorder.gif) no-repeat top right; padding-right: 15px;}

/* Optional Stuff */
#panel{float:right; width: 200px;}
#mainBody{float: left; width: 650px;}

ol li{margin-bottom: 10px;}
a.moreInfo{font-size:1.2em;}
.clear{clear:both;}
.error{padding: 4px; background-color:#EEF6FF; border-top: 1px dotted #069; border-bottom: 1px dotted #069;}

/* FORMS */
#signup fieldset{border:none; border-top: 1px solid #069; border-bottom: 1px dotted #DDE6EE; background-color: #EEF6FF; padding: 5px; margin-bottom:10px;}
#signup fieldset:hover, #signup fieldset:focus{background-color: #F0F9FF;}
#signup fieldset legend{color:#069;}
#signup fieldset input{border: 1px solid #CDE;}
#signup fieldset input:hover, fieldset input:focus{border: 1px solid #069;}