body {background-color: #f5f5f5; font-family: Verdana, Geneva, sans-serif;  font-size: 14px;  margin: 0px; padding: 0px; line-height: 150%; }
	
  
#masthead-wrapper {
  width:100%;
  height: 99px; /* height of your logo */
  background: url(../images/classtown-masthead-bg.gif) top center no-repeat;
}
#masthead {
 width:800px; /* where 800px is my best guess as to the width of that white area that your content is in -- use the real value */
 height:100%;
 margin: 0 auto;
 
 }
    #logo {padding-top: 16px; float:left; width:300; text-align: left;}
    #navigation {margin-top: 10px; float:right;}
	
    #topnav {margin: 0 auto; width: 800px; text-align: right; color: #fff; font-variant: small-caps;}
	#topnav a {color: #fff; text-decoration: none;}
	#topnav a:hover {text-decoration: underline;}
	
   #centercontainer {background-color: #fff; padding: 0px; margin: 0 auto; width: 800px;}	

   #content { margin: 0px; padding: 2px; background-color: #fff; } /* put padding here, text styling, etc */

#rightcontainer {background-color: #fff; float: right; width: 290px;}
#leftcontainer {margin-right: 300px;}
   
   	#bottomcontainer {clear: both;  padding-top: 10px; padding-bottom: 10px; width: 100%; margin: 0px; background-color: #ffa500;}
	#bottomnav {margin: 0 auto; width: 800px; text-align: center; color: #fff; font-variant: small-caps;}
	#bottomnav a {color: #fff; text-decoration: none;}
	#bottomnav a:hover {text-decoration: underline;}
	
	#blueheader {text-align: left; padding: 10px; font-size: 17px; background-color: #0f5996; color: #fff; font-variant: small-caps;}

h2 {font-size: 23px; border-bottom: 1px solid #ccc; font-variant: small-caps; margin-bottom: 10px; margin-top: 0px; padding: 5px;}

h3 {font-variant: small-caps; font-size: 15px; padding: 5px; background-color: #f0cd0c; color: #000; margin-bottom: 10px; margin-top: 0px;}

#courses {font-weight: bold; margin-left: 20px; border-bottom: 1px solid #005d92; font-variant: small-caps; font-size: 15px; padding: 5px;  color: #005d92; margin-bottom: 10px; margin-top: 20px;}

h4 {margin-left: 20px; border-bottom: 1px solid #005d92; font-variant: small-caps; font-size: 13px; padding: 5px;  color: #005d92; margin-bottom: 10px; margin-top: 20px;}

#smalldate {font-size: 13px; color: #666666;}

h5 {background-color: #b0c4de; font-variant: small-caps; font-size: 15px; padding: 5px; color: #000; margin-bottom: 10px; margin-top: 0px;}


A:link {text-decoration: none; color: #003399;}
A:visited {text-decoration: none; color: #003399;}
A:active {text-decoration: none; color: #003399;}
A:hover {text-decoration: underline; color: #00008b;}