/*
      css watergreen
      for smith school
      by mwwdesign.com
      last update:
	   	erica
		Oct 17 06
*/

body {
	margin: 0;
	padding: 0;
	background-color: #073E61;
}

p, ul, ol {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 10px 0 10px 0;
	padding: 0;
}

ol {
	list-style-position: outside;
	margin-left: 25px;
}

.datetime {
	margin: 0;
	font-size: 10px;
	color: #999;
}

span.more a {
	font-weight: bold;
}

h1 {
	font: 28px Arial, Helvetica, sans-serif;
	color: #105661;
	margin: 15px 0 20px 0;
}

h2 {
	font: bold italic 14px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 20px 0 10px 0;
}

h3, h3 a {
	margin: 25px 0 3px 0;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333;
}

h4 {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 18px 0 7px 0;
}

h5 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: black;
	margin: 10px 0;
	border-bottom: solid 1px #438787;
}

img {
	border: 0;
}

img.img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

a {
	color: #336699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#master {
	width: 765px;
	margin: 0 auto;
	height: 100%;
	background: url(../images/content_bg.jpg);
}

#master.inner {
	width: 765px;
	margin: 0 auto;
	height: 100%;
	background: url(../images/content_bg_inner.jpg);
}

#header {
	background: url(../images/header.jpg) -26px 0 no-repeat;
	height: 123px;
}

#logo {
	margin: 0 0 0 15px;
	padding-top: 4px;
}

#content {

}

#col1 {
	float: left;
	width: 221px;
	background-color: #aeb8a5;
}

#col2 {
	margin: 0 0 0 226px;
/*	background-color: white;*/
}

#master.inner #col2 {
	background: none;
	margin: 10px 20px 10px 245px;
}

#footer {
	background-color: #cbccce;
	clear: both;
	padding: 20px;
}

#footer p {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
}

#banner {
	height: 246px;
	width: 539px;
	float: right;
}

#contact {
	width: 117px;
	height: 91px;
	margin: 0 10px 15px 20px;
}

#contact p {
	visibility: hidden;
}

#area1 {
	padding: 15px 15px;
	height: 150px;
	clear: right;
	overflow: hidden;
	background-color: white;
}

#area2 {
	background-color: #e4ebe5;
	padding: 8px 15px;
}

#area1a {
	float: left;
	width: 230px;
	padding-right: 10px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	height:250px;
}

#area1b {
	margin: 0 0 0 245px;
	border-left: dotted 1px #999;
	padding-left: 15px;
	padding-bottom: 15px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	overflow: auto;
}

#col2 ul {
	margin: 10px 0 0 0;
	padding: 0;
}

#col2 ul li {
	list-style: none;
	background: url(../images/bullet.gif) 0 4px no-repeat;
	padding-left: 15px;
	margin: 3px 0;
}




/* Menu */


#menu {
	width: 219px;
	height: 340px; 
	background: transparent url(../images/menu_out.gif); 
	overflow:hidden; 
}

#menu a, #menu a:visited {
	border: 0;
	text-decoration: none;
}

#menu ul {
	margin: 0;
	padding: 13px 0 0 0;
}

#menu li {
	list-style-type:none; 
	display: block;
	margin: 0;
	padding: 0;
}

#menu a {
	padding: 0;
	display: block;
	height: 0; 
	overflow:hidden; 
	color:#000; 
	text-decoration:none; 
	padding-top: 35px; 
	background:transparent url(../images/menu_over.gif) no-repeat 500px 500px;
}

* html #menu a  {
	height:35px;
	 he\ight:0;
}

#menu a#item1 {
	width: 190px;
}

#menu a#item2 {
	width: 190px;
}

#menu a#item3 {
	width: 190px;
}

#menu a#item4 {
	width: 190px;
}

#menu a#item5 {
	width: 190px;
}

#menu a#item6 {
	width: 190px;
}

#menu a#item7 {
	width: 190px;
}

#menu a#item8 {
	width: 190px;
}

#menu a#item9 {
	width: 190px;
}

#menu a#item1:hover {
	background-position: 0 -13px;	
	z-index:50;
}

#menu a#item2:hover {
	background-position: 0 -48px; 
	z-index:50;
}

#menu a#item3:hover {
	background-position: 0 -83px;
	z-index:50;
}

#menu a#item4:hover {
	background-position: 0 -118px; 
	z-index:50;
}

#menu a#item5:hover {
	background-position: 0 -153px;
	z-index:50;
}

#menu a#item6:hover {
	background-position: 0 -188px;
	z-index:50;
}

#menu a#item7:hover {
	background-position: 0 -223px;
	z-index:50;
}

#menu a#item8:hover {
	background-position: 0 -258px;
	z-index:50;
}

#menu a#item9:hover {
	background-position: 0 -293px;
	z-index:50;
}


/* Login box */

#login {
	background: url(../images/login_bg.gif) no-repeat;
	height: 100px;
	margin: 5px 0 4px 8px;
	padding: 13px 28px 13px 22px;
}

form {
	margin: 0;
	padding: 0;
}

#login p {
	margin: 0;
	padding: 0 0 8px 0;
	line-height: 12px;
}

#login input.login-text {
	width: 95px;
	float: right;
	height: 14px;
	border: solid 1px #999;
	margin: 0;
}

#login input.login-button {
	float: right;
}



table.homework {
	width: 99%;
	padding: 0;
	margin: 0;
}

table.homework td p {
	margin: 0 0 0 10px;
}

p.date {
	text-align: right;
	margin: -27px 0 0 0;
}

#webmail {
	margin-left: 20px;
	margin-bottom: 10px;
}