/* CSS Document */

body {
	font:12px Arial, Helvetica, sans-serif;
	line-height:18px;
	

}


div#wrapper {
	
	position:relative;
}
	

* { margin:0; padding:0 }

h1 {
	font-size:18px;
	margin:0 0 10px 0;
	
	padding:0 0 0 18px;
	white-space:nowrap;
}

li {
	list-style:none;
	
}


a {
	color:#FD6229;
	
}

a:hover {
	color:#FF9900;
	text-decoration:none;
	font-weight: bold;
}

div.centerAlign {
	width:800px; 
	margin:0 auto;
}

div#btmInfo  {
	width:300px;
	float:left;
	padding:60px 0 0 0;
}
	

div#header {
	height:100px;
	background-color:#000099;
	width:100%;
	float:left;

}

div#navigation {
	width:100%;
	float:left;
}

div#content {
	width:100%;
	float:left;
	margin:0;
}

div#leafOne {
	width:100%;
	float:left;
	background:  url(images/leaves1.jpg) no-repeat right bottom;
}

div#leafTwo {
	width:100%;
	float:left;
	background:url(images/leaf2flipped.jpg) no-repeat left bottom;
}

div#footer {
	width:100%;
	float:left;
	margin:0;
	background:#F5F5F5;
	border-top:#CCCCCC 1px solid;
	color:#333333;
	
}

p {


}

div#topNavContainer{
	width:100%;
	background:url(images/whiteNavGradient.jpg) repeat-x;
	float:left;
}


ul#topNav {
	width:800px;
	margin:0 auto;
	height:44px;
	
}

div#headerImage {
	background:url(images/banner_gradient.jpg) repeat-x;
	height:100px;
	width:100%;
	float:left;
	
}

div#headerImage img {
	float:left;
}

span#schoolInfo {
	float:left;
	width:200px;
	color:#FFFFFF;
	padding:15px 0 0 170px;
	
}

div#leftBlock {
	width:500px;
	padding:0 40px 0 0;
	float:left;
}
	
	


ul#topNav li {
	float:left;
	list-style:none;
}



ul#topNav li a {
	padding:14px 10px;
	margin:0 10px;
	display:block;
	color:#000000;
	font-weight:bold;
	font-size:14px;
	white-space: nowrap;
	text-decoration:none;
	
} 

ul#topNav li a:hover {
	color:#999999;
}

ul#topNav li#topSelected a {
	background:#000000;
	color:#FFFFFF;
	padding:14px 10px 14px 10px;
	margin:0 10px;
	display:block;
	font-weight:bold;
	font-size:14px;
	white-space: nowrap;
	
}

div#btmNavContainer {
	width:100%;
	background:#000000 url(images/blackNavGradient.jpg) repeat-x;
	float:left;
	
	
}


ul#btmNav {
	width:800px;
	margin:0 auto;
	height:44px;
	

	
}

ul#footerNav {
	padding:60px 0 0 0;
	float:left;
	width:500px;
}
	



ul#btmNav li, ul#footerNav li{
	float:left;
	list-style:none;
}

 ul#footerNav li a {
	
	margin:0 10px 0 0;
	color:#333333;
	font-weight:bold;
	font-size:14px;
	white-space: nowrap;
}

ul#btmNav li a {
	color:#FFFFFF;
	padding:14px 10px 12px 10px;
	margin:0 10px;
	display:block;
	font-weight:bold;
	font-size:14px;
	white-space: nowrap;
	text-decoration:none;
	
}	

ul#btmNav li#btmSelected a {
	color:#FFCC00;
	padding:14px 10px 12px 10px;
	margin:0 10px;
	display:block;
	font-weight:bold;
	font-size:14px;
	white-space: nowrap;
	text-decoration:none;
	
}

div#homeLeftContent {
	width:300px;
	padding:0 40px 0 0;
}

div#homeArtwork  {
	width:300px;
	border:7px solid #000000;
	margin:10px 0;
}

table#teacherPictures img {
	border:5px solid #CCCCCC;
}
		

div#homeInfo  {
	width:300px;
}

div#homeNewsletter  {
	width:200px;
	padding:0 40px 0 0;
	
}

div#parentInformation  {
	width:190px;
	/*background:#FFFFF2;
	border:#FFFF95 1px solid;*/
	padding:0 0 0 10px;
}

div#parentInformation li {
	background:url(images/tiger-paw-print.smallgif.gif)left center no-repeat;
	padding: 3px 0 3px 18px;
}	

.floatLeft  {
	float:left;
	
}

.floatright {
	float:right;
}

div.padded {
	padding:30px 0 50px 0px;
	float:left;
}

img.paragraphImage {	
	padding:20px 20px 10px 0;
}






/*
#id {

}

<div id="">
</div>

.red {

}

.blue { }

<div class="red blue">
</div>

*/