body {background-color: #f5f5f5; font-family: Verdana, Geneva, sans-serif; text-align: center; font-size: 14px;  margin: 0px; padding: 0px; line-height: 150%; }

.clearall {height:1px;margin-top:-1px;clear: both;}
 
#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 {margin-top: 16px; text-align: left; float:left;width:200px;}

#masthead-nav{margin-top: 10px; text-align: right; float:right; width:600px; color: #fff; font-variant: small-caps;}
#masthead-nav a {color: #fff; text-decoration: none;}
#masthead-nav a:hover {text-decoration: underline;}


div#content-box {border: 0px solid #ccc; background-color: #fff; text-align: center; width:800px; margin: 0 auto;} /* width of your 'page' -- the margin auto bit is for centering it */
div#content {text-align: left; padding: 10px; margin: 0px;} /* put any margins here, text styling, etc */

	#bottomcontainer {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;}