@charset "utf-8";
/* CSS Document */

body {
margin: 0px;
padding: 20px;
background-color:#99cc66;
}

#container {
margin-left: auto;
margin-right: auto;
width: 850px;
border: #000 3px solid;
background: #669933 url("../../gfx/background.gif") center repeat-y;
}

#header {
margin: 0px;
padding-top: 30px;
height: 170px;
width: 850px;
background: #669933 url("../../gfx/montessori-school.jpg") left top no-repeat;
border-bottom: 1px solid #000;
}

#header h2 {
margin: 0px 0px 0px 175px;
width: 600px;
color: #FFFFFF;
/*font: bold 2.0em "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;*/
font: 2.0em Trebuchet, Tahoma, Arial, sans-serif;
line-height: 1.7em;
text-shadow:2px 2px 2px #000;
}

#header span {
margin: 0px 0px 0px 175px;
width: 600px;
color: #FFFFFF;
font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
line-height: 1.0em;
text-shadow:1px 1px 1px #333;
}

#bodyframe {
clear:both;
background: #669933;
}

#menubox {
	float: left;
	width: 240px;
}

#menu ul {
	background: #669933;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#menu li {
	font: 80% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	height: 33px;
	border-bottom: 1px solid #000;
}
#menu a {
	background: #669933;
	color: #FFF;
	display: block;
	margin: 0px;
	padding: 8px 12px;
	height: 17px;
	text-decoration: none;
	text-shadow:1px 1px 1px #666;
}
#menu a:hover {
	background: #99cc66 url("../../gfx/hover.gif") left center no-repeat;
	color: #000;
	text-shadow:none;
	/*padding-bottom: 8px;*/
}

#menufooter {
	padding: 30px 5px 0px 12px;
	/*font: 80% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;*/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	width: 223px;
}

#menufooter a {
	color: #FFF;
	text-decoration: none;
}

#menufooter b {
	display:block;
	font-size:13px;
	margin-bottom: 2px;
	text-shadow:2px 2px 2px #006633;
}

#content {
float: right;
width: 600px;
padding: 5px;
background:#FFFFFF;
color:#000000;
font: .8em Arial, Helvetica, sans-serif;
}

#content h1, #content h2, #content h3 {
margin: 0px;
padding: 0px;
border-bottom: #000000 1px dotted;
}

#content h4 {
text-align:center;
}

#bottomspacer {
clear:both;
margin: 0px;
padding: 0px;
height: 15px;
width: 850px;
background: #669933 url("../../gfx/spacer.jpg") left top no-repeat;
border-top: 1px solid #000;
}

#footer {
margin-left: auto;
margin-right: auto;
width: 830px;
clear:both;
padding: 3px;
text-align:right;
color: #000;
font: .7em Verdana, Arial, Helvetica, sans-serif;
line-height: 1.2em;
}

#footer a {
color: #000;
text-decoration:none;
}

#calendar td{
padding-bottom: 7px;
font-size: .85em;
font-family: Verdana, Arial, Helvetica, sans-serif;
vertical-align:top;
}

#calendar .dateTitle td{
padding-top:10px;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color:#006600;
}

#calendar .dateNote{
padding: 10px 30px;
}

#calendar .dateNote td{
padding: 10px 30px;
background-color:#EEE;
border: #CCC 1px dotted;
font-size: 0.9em;
font-weight: normal;
}

#calendar .dateLegend{
padding-bottom:2px;
color:#CCC;
border-bottom: #CCC 1px dotted;
font-weight: bold;
}