/* CSS Document */
* {
	border-width: 0px;
}

html {
	font-size: 125%;
}
body{
	
	behavior: url(css/csshover.htc);
	margin: 0px; padding: 0px; 
	font: 50% verdana, Arial, Helvetica, sans-serif;
	background: #ECE5B6;
	background-img:url()repeat-y;
	

}
/*Container*/
#container {position:absolute; left:50%; width:760px;margin-left:-380px; margin-top:-12px; }

/*Header*/
#image {width:758px; height:250px;border-right: 3px;margin-bottom:-20px;}
#masthead {width:758px; height: 125px; margin: 0; border-right: 3px;}
#school-name {width:150px; height: 35px; margin: 0px; padding:5px; background:#6B8E23;text-align: center; border: 2px solid #A0522D;}
/*End of Header*/

/*Navigation*/

div#listcontainer{
	width:755px;
	font-size:1.2em;
	margin: 0px;
	background-color:#466219;
	float:left;
	height: 26px;
	padding: 3px 3px 3px 3px;
}	   
div#listcontainer ul {
 float:left; margin:5 5 5 15px; padding: 0 0 0 15px;
 }

div#listcontainer li {
	float:left;
	list-style-type:none;
	background:#466219;
	border-right:2px solid #996;
	position: relative;
}

 div#listcontainer li:first-child 
 {
 border-left:1px solid #996;
 }
div#listcontainer a:hover{
	background-color:#996;
	color: #ffc;
}
div#listcontainer a {
	font-size: 1.2em;
	text-decoration:none;
	color:#cc9;
	display:block;
	padding-right: 10px;
	padding-left: 10px;
}

/*a hack for IE Win only\*/
*html div#listcontainer li {border-left:1px solid #996;}
/*end of hack*/

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listcontainer ul {
float:left; /* makes the ul wrap the li's */
border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
margin-left:15px; /* IE doubles the given value above - why? */
}
* html a {display:block;} /* makes IE5 and 5.5 accept the padding on the link */

/* a hack for IE Win only \*/
* html div#listcontainer ul {border-top:1px solid #cc9;}
/*end of hack */

/* end of hack zone */

div#listcontainer  ul li ul{
	margin: 0px;
	width: 10em;
	position: absolute;
	left:-1px;
	display: none;
}

div#listcontainer ul li:hover ul {
	display: block;
}

div#listcontainer ul li ul li:first-child {
	border-top:1px solid #996;
}

div#listcontainer ul li ul li {
	width: 10em;
	border-right: 1px solid #996;
	border-bottom: 1px solid #996;
	border-left: 1px solid #996;
}
body div#listcontainer ul li ul li ul {
	visibility:hidden;
	left: 8em;
	top: -1px;
}
div#listcontainer ul li ul li:hover ul {
	visibility: visible;
}
div#listcontainer ul li ul li:hover ul li ul {
	visibility: hidden;
}
div#listcontainer ul li ul li ul li:hover ul {
	visibility: visible;
}
/*End of Navigation*/

/*Content*/

p {font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em; text-align:justify;
}

h1 {font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;text-align: center;
	padding-top:25px;
	padding-bottom:10px;}
	
h2 {font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	font-weight: bold;text-align: center;
	padding-top:15px;
	padding-bottom:15px;}

a {
	font-family: verdana, Arial, Helvetica, sans-serif ;
	text-decoration: none;
}

div#content {
	border:
	padding: 5px 0px 5px;
	margin: 0px;
	float:left;
	width:285px;
}
#content h1 {margin-top: 5px; margin-right: 15px; margin-bottom: 0px; padding-left:15px;
padding-top:5px;
padding-bottom:5px;
}

#content h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; font-style:italic; text-align: center;}

#content p {
border:
width: 265px;
margin: 5px 0px 5px 5px;
padding-right: 10px;
padding-left: 10px;
text-align:left;
text-indent: 25px;
}

div#content li {margin-right: 10px; font-size:1.2em;}

div#content a {
	color:#A81302;
}
div#content a:hover {
	color:#466219;
}


/*end of content*/

/*Content2*/

div#content2 {
border-left:
float:left;
margin-right: 0px;
margin-left:2px;
padding-right: 5px;
padding-left: 10px;
border-right: solid 10px #999966;
}

div#content2 p { width: 478px; font-size: 1.2em; margin: 5px 0px 5px 220px; padding-right: 5px; padding-left: 5px; text-align: left; text-indent: 25px;
}
div#content2 h1 {border:margin: 10px; padding-top: 5px;
}
div#content2 h2 {border: padding-top: 5px; padding-bottom: 5px; margin:3px;
}
div#content2 ul li {font-size:1.2em; text-decoration:none; margin-left: 225px; }

div#content2 ol {font-size:1.2em; padding-bottom: 3px; margin-left:250px;}
div#content2 li {font-size:1.2em; padding-bottom: 3px;}


div#content2 a { font-weight:bold; color:#A81302;}
div#content2 a:hover {font-weight:bold; color:#466219;}


/*end of content2 secondary pages*/

/*Content3*/
div#content3 {
border: double 5px #8b7c43;
width:505px;
height:850px;
float:right;
margin-top:15px;
margin-right:0px;
margin-bottom:10px;
margin-left:2px;
padding-right:5px; padding-left:10px;
}

div#content3 p {text-indent:10px; padding:3px; margin:0px;
}
div#content3 p.address {text-align:center; padding:0px; margin:0px;
}
div#content3 h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.25em; text-align:center; margin-bottom:5px;
}
div#content3 a {display:inline; color:#A0522D; padding:10px 10px 5px 20px;
font-size:1.2em; font-weight:bold; text-align:center;
}
div#content3 a:hover {color:#6B8E23; width:300px;}

/*end of content3 secondary pages*/


/*Content4 - educational page*/
/*end of content4 educational pages*/


/*Sidebar*/
#left-sidebar-nav {
	background: #996;
	width: 220px;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 10px;
	float: left;
}

#left-sidebar-nav div:hover {
	background: #666633;
}

#left-sidebar-nav a:hover {
	background: #666633;
}


#left-sidebar-nav a {
	display: block;
	color: #FFC;
	padding: 10px 10px 5px 20px;
	font-size: 1.1em;
	font-weight: bold;
	text-align:center;
}
#left-sidebar-nav img {
	padding-top: 35px;
	padding-left: 10px;
}
#left-sidebar-nav h1 {
border:
margin-top: 5px; margin-bottom: 3px; padding-left:15px;
padding-top:5px;
padding-bottom:5px;
}

#left-sidebar-nav p {
margin-top: 5px; margin-bottom: 3px; padding-top:5px;
padding-bottom:5px; padding-left:15px;
}

#sidebar h1.announcement {
font-variant:small-caps; font-style:italic;
}
#sidebar p.date {
text-align:left; margin-top:5px;
}

/*End of Sidebar*/

/*Right-Column*/

div#right-column {
	background: #996;
	float: right;
	width: 220px;
	padding-top: 3px;
	padding-bottom: 10px;
	height:758px;
}
div#right-column p {
	float:left; margin:0 5 5 15px; padding: 25 0 0 5px;
}
div#right-column ul {margin-left: 5px; margin-right: 10px; padding:10px 15px;font-size: 1.2em;
}
div#right-column li {margin-left: 10px; padding: 5px 10px 5px 10px;
}

#right-column a {
	display: block;
	color:#FFC;
	padding: 3px 5px 3px 5px;
	font-size: 1.2em;
	font-weight: bold;
	text-align:center;
}

 div#right-column a:hover { background-color: #666633;
}

#right-column h2 {margin: 10px; padding: 3px; font-size: 1.5em; text-align: center;}
#right-column p {margin:0px 10px 0px 5px; padding: 3px; font-size: 1.2em; text-align: left; text-indent: 25px; text-align:center; }
/*End of Right-Column*/

div#horizontal_bar {width: 200px; height: 5px; background-color:#466219; text-align:center; margin-top: 8px;}

/*Bottom Nav*/
div#bottom-nav {width:735px;
	font-size:1.2em;
	margin-bottom: 5px;
	background-color:#466219;
	float:left;
	height: 17px;
	padding: 0px 0px 3px 25px;}

div#bottom-nav a:hover, #footer a:hover {background-color:#996;
	color: #ffc;
	color: #A81302;
}


div#bottom-nav a {font-size: 1.2em;
	text-decoration:none;
	color:#cc9;
	display:block;
	padding-right: 16px;
	padding-left: 16px;
}

   
div#bottom-nav ul {
 float:left; margin:5 5 5 15px; padding: 0 0 0 15px;
 }

div#bottom-nav li {
	float:left;
	list-style-type:none;
	background:#466219;
	border-right:2px solid #996;
	position: relative;
}

 div#bottom-nav li:first-child 
 {
 border-left:1px solid #996;
 }


/*End of Bottom Nav*/

/*Footer*/

div#footer {float:left; width:758px; clear:both; background: #999966;height: 220px; font-size: 1.0em; text-align:center;padding-bottom:3px;}

p.validate {float:right; margin-bottom: 10px; padding-bottom: 10px; padding-left: 5px;}

#footer p:first-child {
	border-top: 2px solid #000000;
	padding-top: 5px; 
}

#footer a  {
	color:#A81302;
}
#footer a:hover {
	color:#446219;
}
#footer p {margin: 1px; padding:2px; text-align:center;}
#footer p strong {margin:1px;}
#footer2 {font-size: 1.2em; font-style:italic; text-align:left; margin:5px 5px 5px 10px;}

/*End of Footer*/


/*Child Care Pricing Table*/
#table {
	width:478px;
	float:right;
	text-align: center;
	margin: 10px;
	margin-right: 25px;
	background-color:#996;
}
tr {background-color:#FFFFFF;
}

#staff_content h2{ border: font-size:2.0em; text-align:center; margin:5px 10px;}
#staff_content p{ border:width:200px; font-size:1.2em; text-align:left; text-indent: 15px; margin:0px 0px 10px 10px;}
#staff_content p.intro {width: 400px; float: right; border: font-size: 1.2em; text-align:left; text-indent: 25px;}
#principal_box {width: 400px; float: right; text-align:center; border: margin-left:25px;}


#teacher_box {width: 200px; float: right; text-align:left; border: margin-left:15px; padding: 0px 10px 5px 10px;}
#teacher_box2 {width: 200px; float: right; clear:right; text-align:left; border: margin-left:25; padding: 0px 10px 5px 10px;}

#teacher_box p { border: width:200px; font-size:1.2em; text-align:left; margin-left: 0px;}

#aides_box {text-align:left; border: margin-left:215px; padding: 0px 10px 5px 10px;}
div.grade {margin-left:0px;}