/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: "Verdana", sans-serif;
	margin:0px;
}

a{
	border:none;
	color:#000000;
}
a:link, a:visited, a:hover {
	text-decoration: none;
	border:none;
}

a:hover {
	text-decoration: underline;
	border:none;
}

a image{
	border:none;
}

li{
	list-style-type: disc;
}

#contact li{
	list-style-type: none;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#header, #footer{
	background-color: #4073BF;
	color:#FFFFFF;
	width:100%;
	height:145px;	
}

#header img{
	vertical-align:text-bottom;
	border:none;
	width:auto;
}

#hdr-link{
	position:absolute;
	top: 21px;
	left: 251px;
}

#header a{
	color:#FFF;
}

#wrapper{
	margin: 0px;
	padding:0px;
	
}

.page{
	width:auto;
	border-left: 250px solid #fff;
	height:100%;
}

.section{
	margin: 0;
	width:100%
}

.col-A, .col-B, .col-C{
	position:relative;
	float:left;
}

.col-A{
	margin-left: -250px;
	z-index:10;
	width: 250px;
	background-color: #99C270;
	height: 40em;
	padding-left:0px;
	
}

.level-1{
	color: #000000;
	margin-left: 0px;	
}

.level-2{
	color: #000000;
	margin-left: 1em;	
	font-size:90%;
}

.col-B{
	margin: 0px;
	z-index:20;
	width: auto;
		width:45em;

}

.clear{
	clear:both;
}


/***********************************************/
/* Page body styles                                  */
/***********************************************/

#body-index {
	background:#009900;
}

#body-about-us {
	background:#cc0000;
}

#body-about-us-philosophy {
	background:#cc0000;
}

#body-our-programs {
	background:#ff7f00;
}

#body-index {
	background:#009900;
}

#body-parent-involvement {
	background:#009900;
}

#body-how-to-enroll {
	background:#cc0000;
}

#body-calendar {
	background:#009900;
}

#body-staff {
	background:#ff7f00;
}

/***********************************************/
/* Box styles                                  */
/***********************************************/

#left-nav{
	padding:1em;
	font-weight:bold;
	vertical-align:top;
}

#pix-band {
	padding: 1em;
}

#pix-band img{
	vertical-align:middle;
	padding:.25em;
}

#body-parent-involvement #pix-band img{
padding-left:3.5em;
}

#contact{
	padding:1em;
	font-size:75%;
}

#calendar{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color: #FFFFFF;	
}

#programs{
	font-size:90%;
	text-align:right;
}

#programs td {
	width:8em;
}

#programs .left-col{
	width:15em;
	text-align:left;
}

#body-calendar h2{
	line-height: 40%;	
}

#calendar td{
	padding-left:1em;
}

#staff td{
	padding-right:1em;
	font-size:80%;
}

#staff #name{
	font-weight:bold;	
	font-size:100%;
}

.bgyellow{
	background-color: #FFFFDD;	
}

.desc{
	padding: 1em;
	background-color: #fff;	
	margin-top:1em;
}

.annc{
	padding: 1em;
	background-color: #fff;
	margin-top:1em;
	color:#CC0000;
	font-weight: bolder;	
}

#body-calendar .desc{
	width:inherit;
}

#body-index .col-B{
	width:50em;
}

#pix-band .float-left{
	float:left;
	padding-right:.75em;
}

.float-left{
	float:left;
	padding-right:.75em;
}

.float-right{
	float:right;
	padding-left:.75em;
}