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

Styles used for styling the children sections only

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

#container, body { background: #FFFFFF url("../images/childrenbody_bg.jpg") no-repeat center top }
#skiptocontent, h1, a:link, a:visited, #breadcrumb a:link, #breadcrumb a:visited, h3 { color: #FF9900 }

#child-navigation  { 
	font-size: 1.2em; 
	font-weight: bold
	}

#child-navigation .selected a { 
	color: #000000;
	text-decoration: none;
	cursor: default;
	background: #FFFFFF url("../images/lefthandnav_childrengradient.jpg") repeat-x bottom left
	}
	
.calendar-table { border-bottom-color: #FF9900 }
.calendar-table th { color: #FF9900 }
.calendar-table .dayoftheweek { color: #FF9900 }

#homepage.column ul { 
	width: 84%;
	padding: 60px 0px 0px 6%;
	margin: 0px;
	}

#homepage.column li { 
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px
	width: 100%;
	border: 1px solid #3F94CB
 	}

#homepage.column li h2 { 
	background: #FFFFFF url("../images/lefthandnav_childrengradient.jpg") repeat-x bottom left;
	line-height: 1.6em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 1.4em
	}
	
#homepage.column li h2 a { color: #000000 }
	
#homepage.column li h2 img {
	vertical-align: bottom;
	width: 32px;
	height: 32px;
	padding: 0px 8px 0px 0px
	}
	
#homepage.column li p {
	background: #FFFFFF url("../images/lefthandnav_flashgradient.jpg") no-repeat top left;
	padding: 10px 0px 6px 0px;
	margin: 0px
	}