/* CSS Document */

/*********************
 * html
 *********************/
html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

/********************/

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

#wrapper {margin:0 auto; padding:0; width:950px; background-color:#FFFFFF;}

#header {width:950px; height: 126px; background:url(images/headerBkgrd_02.jpg) no-repeat; margin:0; padding:0}
#logo {float:left; width:725px; height: 126px; margin:0; padding:0}

#google {float: right; padding-top:30px; width: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#fff}

#nav {width: 950px; height: 60px; background-color:#7fd050; text-align:center; padding-top:12px; margin:0;  border-bottom: solid #ff9494 6px; clear:both}
#nav ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#fff; list-style-type: none; padding:0 0 18px 0; margin:0}
#nav ul li {display:inline}
#nav ul li a {background-color:#037baa; padding: 7px 15px 8px 15px; color: #fbe868; text-decoration: none;
margin-right: -1px; /* the value has to be like the above but negative */}
#nav ul li a:hover {color: white; background-color: #569c17}

body#home #nav, body#websites #nav{display:none;}
body#kidspace a#kidspacenav, body#programs a#programsnav, body#tumble a#tumblenav, body#booklists a#booklistsnav, body#policies a#policiesnav, body#reading a#readingnav, body#grown a#grownnav, body#kids a#kidsnav, body#districts a#districtsnav, body#websites a#websitesnav {background-color: #569c16}


#footer {width: 950px; background-color:#245a0f; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; padding: 10px 0 24px 0; border-top: solid #fbe868 3px}
#footer ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #fff; list-style-type: none; padding:0 0 2px 0; margin:0}
#footer ul li {
	display:inline;
	color: #fae566;
}
#footer ul li a {padding: 7px 8px 4px 8px; color: #d4f389; text-decoration: none;}
#footer ul li a:hover {color: #037baa;}
.copyright {font-size: 10px; color:#d4f389}


#container {width: 950px; background-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 15px 0; margin:0}
body#home #container {background:url(images/tree_04.jpg) no-repeat top; height: 605px; padding:0; margin:0; clear:both}
body#websites #container {height:689px; padding:0; margin:0; clear:both}

#container a {color: green; font-weight:bold}
#container h2 {color: #cd2222; font-size: 18px; font-weight:bold; line-height: 125%}
#container h3 {color: #cd2222; font-size: 16px; font-weight:bold; line-height: 125%}


.floatfix {clear: left;}

#home1 {width:950px; height: 435px; padding-top:75px}
#homeLeft {width:410px; float:left; margin: 0 0 0 40px}
#homeRight {width:410px; float:right; text-align: right; padding: 0 40px 0 0}
#homeText {width:950px; font-size: 12px; line-height: 125%; color: #333; }
#homeTextLeft {
	width:410px;
	float:left;
	margin: 0 0 0 40px;
	font-size: 12px;
}
#homeTextRight {width: 410px; float:right; padding: 0 40px 0 0 }

#wideCol {width: 865px; font-size: 12px; color:#333; padding: 0 0 0 40px; margin: 0}

.bigTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	line-height:135%;
	padding-top:12px
}
.box {
	padding:12px;
	margin: 12px 6px 0 12px;
	border:solid 2px #f1bc38;
}