body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: repeat-x;
	background-color: #BAE1A0;
}

/* This will be the same size as the width of your drop shadow box. The margin styles cause the container to be centered */
.container {
	width: 989px;
	margin-right: auto;
	margin-left: auto;
	
}

/* This is the top of the shadow. You want to make sure your background does not repeat, and the height is exactly the same as the image you cropped for the bg*/
.top-roundcap {
	background: url(graphics/top_container.jpg) no-repeat center top;
	/* height: 169px; */
}
/* This is where your content will go. You apply the "repeat y" style so that your background image repeats down with your content. You can put additional divs for columns or whatever you want in here, just remember to use the clear class on either a div or br element before your footer to avoid gaps in IE */
.mainrepeatcontent {
	background: url(graphics/middle_container.jpg) repeat-y center top;
	width: 990px;
	
}

.photoshow{
margin-top: 10px;
margin-bottom: 10px;
}



.top-nav-containier_spec {
	float:right;
	width: 609px;
	padding-right: 10px;
	
}
.navpositioner_spec {
	width: 600px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 5px;
}
.topnavbkg_spec{
	width: 586px;
	height: 36px;
	background: url("graphics/topnavbar.gif") no-repeat 0 0;
}



.innercontent {
	padding-right: 30px;
	padding-left: 30px;
}

.footer_innerpg{
	background: url(graphics/bottom_inner_container.jpg) no-repeat center top;
	padding-right: 10px;
	padding-left: 10px;
	height: 111px;
	
}

.footer-indent {
	padding-top: 10px;
	width: 970px;
	
}

.footer-quad {
	width: 240px;
	float: left;
	
}

.smallindent {
	padding-right: 11px;
	padding-left: 12px;
	text-align: left;
}

.main-white-contentarea {
	width: 625px;
	float: left;
	text-align: left;
}


.top-block {
	color: #000000;
	padding: 10px 0px 10px 0px;
	width: 645px;
	text-align: left;
	
}


.blue-block {
	padding: 8px 8px 8px 8px;
	background-color: #228bcc;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-opera-border-radius:18px;
	-khtml-border-radius:18px;
	border:1px solid #228bcc;
	/* beginning Preschool */
}

.ltyellow-block {
padding: 8px 8px 8px 8px;
	background-color: #f40d91;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-opera-border-radius:18px;
	-khtml-border-radius:18px;
	border:1px solid #f40d91;
	/* infant */
}

.yellow-block {
padding: 8px 8px 8px 8px;
	background-color: #f2d90a;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-opera-border-radius:18px;
	-khtml-border-radius:18px;
	border:1px solid #f2d90a;
	/* young Toddlers */
}

.purple-block {
padding: 8px 8px 8px 8px;
	background-color: #7a14d0;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-opera-border-radius:18px;
	-khtml-border-radius:18px;
	border:1px solid #7a14d0;
	/* older toddlers*/
}

.orange-block {
padding: 8px 8px 8px 8px;
	background-color: #ff7303;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-opera-border-radius:18px;
	-khtml-border-radius:18px;
	border:1px solid #ff7303;
	/*preschool*/
}

.red-block {
padding: 8px 8px 8px 8px;
	background-color: #fe0809;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-opera-border-radius:18px;
	-khtml-border-radius:18px;
	border:1px solid #fe0809;
	/* school age */
}

.green-block {
padding: 8px 8px 8px 8px;
	background-color: #08bb83;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-opera-border-radius:18px;
	-khtml-border-radius:18px;
	border:1px solid #08bb83;
	/* summer camp */
}
/*  Green sidebar area */

.sidebar-container {
width: 282px;
float: left;
}

.top-sidebar {
	background: url(graphics/sidebar_top.png) no-repeat center top;
	height: 19px;
}

.sidebar-middle {
	background: url(graphics/sidebar_middle.png) repeat-y center top;
	
}

.sidebar-bottom{
	background: url(graphics/sidebar_bottom.png) no-repeat center top;
	padding-right: 10px;
	padding-left: 10px;
	height: 174px;
	
	
}

.sidebar-content{
	padding-right: 20px;
	padding-left: 20px;
	text-align: left;	
	
	
}


.clear {
	clear:both;
}


#highlight{
	width: 100%;
	height: 36px;
	
}

#highlight a{
	display: block;
	width: 100%;
	height: 36px;
	background: url("graphics/sidebar_button.png") no-repeat 0 0;
	text-decoration: none;
}

#highlight a:link{
	width: 100%;
	height: 36px;
	text-decoration: none;
	
	
}

#highlight a:hover{
	width: 100%;
	height: 36px;
	color: #blue;
	text-decoration: none;
	background-position: 0 -36px;
}

#highlight span{
	color: black;
	
}



.top-nav-containier {
	width: 609px;
	padding-right: 10px;
	padding-left: 370px;
}

.navpositioner {
	width: 600px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 5px;
}



.topnavbkg{
	
	width: 586px;
	height: 36px;
	background: url("graphics/topnavbar.gif") no-repeat 0 0;
	
}
.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #009900;
	font-weight: bold;
}
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* This will be the same size as the width of your drop shadow box. The margin styles cause the container to be centered */
.networking {
	width: 989px;
	height: 110px;
	
}

.topdrop{
width:950px;
height: 25px;
}
.social_net {
	width: 200px;
	height: 75px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #059437;
}
.login-zone {
	width: 340px;
	height: 50px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #059437;
	text-align: top;
}
.gobuton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0C8A6B;
}

.fieldbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #059437;
	border: 2px solid #059437;
}

input.btn {
	color: #FFFFFF;
	font: bold 84% Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid;
	background-color:#059437;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #059437;
}


.lowerarea {
float: right;
width: 630px;
padding-right: 34px;

}