body {
	margin-top: 0px ;
	font: 11px/17px "Lucida Grande", tahoma, sans-serif;
	text-align: center ;
	background-color: #ffffff ;
	background-image: url('/images/bg104.gif') ;
	background-repeat: repeat-x ;
}

.content {
	padding: 10px;
	width: 700px ;
	margin: 0px auto ;
	border-left: 3px solid #ccc ;
	border-right: 3px solid #ccc ;
	border-bottom: 3px solid #ccc ;
	background-color: #fff ;
	text-align:left;
}

a {
	border: none ;
}

img {
	border: none ;
}

h1 {
	margin-bottom: 5px ;
}

h5 {
	margin-top: 0px ; 
}

#header {
	width: 100%;
	height: 80px ;
	margin: 00px auto ;
}

#logo {
	float: left ;
	width: 240px ; height: 80px ;
	background: #ffffff url('/images/logo-mcp.jpg') no-repeat ;				
}

#masthead-about {
	margin: 15px auto ;
	height: 220px ;
	width: 700px ;
	background: #ffffff url('/images/mast-about.jpg') no-repeat ;
}

#masthead-blog {
	margin: 15px auto ;
	height: 220px ;
	width: 700px ;
	background: #ffffff url('/images/mast-blog.jpg') no-repeat ;
}

#masthead-curriculum {
	margin: 15px auto ;
	height: 220px ;
	width: 700px ;
	background: #ffffff url('/images/mast-curriculum.jpg') no-repeat ;
}

#masthead-registration {
	margin: 15px auto ;
	height: 220px ;
	width: 700px ;
	background: #ffffff url('/images/mast-curriculum.jpg') no-repeat ;
}

#masthead-fees {
	margin: 15px auto ;
	height: 220px ;
	width: 700px ;
	background: #ffffff url('/images/mast-curriculum.jpg') no-repeat ;
}

#masthead-home {
	margin: 15px auto ;
	margin-bottom: 30px ;
	height: 220px ;
	width: 700px ;
	background: #ffffff url('/images/mast-home.jpg') no-repeat ;
}

#masthead-parents {
	margin: 15px auto ;
	height: 220px ;
	width: 700px ;
	background: #ffffff url('/images/mast-parents.jpg') no-repeat ;
}

#masthead-quotes {
	margin: 15px auto ;
	height: 220px ;
	width: 700px ;
	background: #ffffff url('/images/mast-quotes.jpg') no-repeat ;
}

#masthead-staff {
	margin: 15px auto ;
	height: 220px ;
	width: 700px ;
	background: #ffffff url('/images/mast-staff.jpg') no-repeat ;
}

#left {
	font-size: 14px ;
	margin-top: 25px ;
	margin-left: 70px ;
	width: 700px ;
}

#left img {
	float: right; 
	margin-top: -30px ;
}

#navbar {
	position: relative ;
	float: right ;
	height: 80px ;
}

ul#nav {
	width: 398px ; height: 37px ;
}

ul#nav li {
	float: left ;
	list-style: none ;
}

ul#nav li a {
	position: absolute ;
	text-indent: -9999px ;
	text-decoration: none ;
	border: none !important ;
	margin: 0 !important ;
}

ul#nav li#nav-home a { 
	width: 57px ; height: 37px ; left: 0 ; top: 30px ;
	background: url('/images/navbar-blue.jpg') 0 0 no-repeat ;
}
		
ul#nav li#nav-about a { 
	width: 69px ; height: 37px ; left: 77px ; top: 30px ;
	background: url('/images/navbar-blue.jpg') -77px 0 no-repeat ;
}

ul#nav li#nav-staff a { 
	width: 61px ; height: 37px ; left: 166px ; top: 30px ;
	background: url('/images/navbar-blue.jpg') -166px 0 no-repeat ;
}

ul#nav li#nav-parents a {
	width: 87px ; height: 37px ; left: 247px ; top: 30px ;
	background: url('/images/navbar-blue.jpg') -247px 0 no-repeat ;
}

ul#nav li#nav-blog a { 
	width: 44px; height: 37px; left: 354px; top: 30px ;
	background: url('/images/navbar-blue.jpg') -354px 0 no-repeat ;
}

ul#nav li#nav-home a:hover		{ background-position:    0px -37px ; }
ul#nav li#nav-about a:hover		{ background-position:  -77px -37px ; }
ul#nav li#nav-staff a:hover		{ background-position: -166px -37px ; }
ul#nav li#nav-parents a:hover	{ background-position: -247px -37px ; }
ul#nav li#nav-blog a:hover		{ background-position: -354px -37px ; }

#headlines {
	width: 720px ;
	height: 150px ;
	margin: 90px auto ;
	border: 0px dashed red ;
}

#headline1 {
	width: 225px ;
	height: 150px ;
	float: left ;
	text-align: center ;
	font-size: small ;
}

#headline2 {
	width: 225px ;
	height: 150px ;
	float: left ;
	margin-left: 10px ;
	text-align: center ;
	font-size: small ;
}

#headline3 {
	width: 225px ;
	height: 150px ;
	float: left ;
	margin-left: 10px ;
	text-align: center ;
	font-size: small ;
}

#headline1 a , #headline2 a, #headline3 a{
	color: #000000 ;
	text-decoration: none ;
	border: none ;
}

#headline1 a img, #headline2 a img, #headline3 a img{
	color: #000000 ;
	text-decoration: none ;
	border:none ;
}

#headline1 a:hover, #headline2 a:hover, #headline3 a:hover {
	color: orange ;
}

#postit {
	margin: 0px 0px ;
	z-index: 1 ;
	width: 220px ;
	height: 150px ;
	float: left ;
	text-align: center ;
}

#postit a {
	border: none ;
}

#postit img {
	border: none ;
}

#stafflink {
	width: 49% ;
	height: 200px ;
	font-size: small ;	
	float: left ;
}

#stafflink a {
	border: none ;
	text-decoration: none ;
	color: #000000 ;
}

#stafflink a:hover {
	color: orange ;
}

#stafflink img {
	border: none ;
	float: left ;
}

.welcomebar {
	background-color: #ffffff ;
	border-bottom: 1px solid #ccc;
	font-size: x-small ;
	padding: 3px 6px ;
	margin: 0px auto ;
	margin-bottom: 10px ;
}

.welcomebar a, a:visited {
	text-decoration: none ;
	color: blue ;
}

.welcomebar a:hover {
	text-decoration: underline ;
}

.footer {
	margin: 40px auto ;
	border-top: 1px solid #ccc ;
	padding-top: 4px ;
	height: 59px ;
	width: 700px ;
	text-align: left ;
	font-size: 1em ;
}

/*.footer img {
  float: right ;
}
*/
.footer a, a:visited {
  text-decoration: none ;
  color:  #000000 ;
}

.footer a:hover {
  text-decoration: underline ;
  color: #003333 ;
}

<!--[if IE]>
.footer {
	margin-top: 0px ;
	border-top: 1px solid #ccc ;
	padding-top: 4px ;
	height: 59px ;
	text-align: left ;
	font-size: 1em ;
}
<![endif]-->