/*h_cf.css -- children & Famlies education home colors */
/*green vertical navigation bar #7AB957
goldish horizontal bar and GO circle #FCCE7B
brownish title #826E5C  */

body {
	background-color: #fff;
	background-image:  url(../images/nav/nav_cf.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

#colorbox {
	background-color: #FCCE7B;
	height: 115px;
} 
.bord {/* border-top: 1px dotted #A5CBFF;*/
}
/*li.last a { /*line-height: 38px; margin-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dotted #A5CBFF; }*/
#last  { margin-bottom: 25px;  border-bottom: 1px dotted #A5CBFF;}

.adult {
	color: #455fa9;
}
.month { color: #455fa9; font-weight: bold;}
.sub { }
#pgNav li a.sub { margin:0; padding: 0;text-decoration: none; color: #455fa9; text-align: right;}
#pgNav li a.sub:visited { margin:0; padding: 0;text-decoration: none;}
#pgNav li a.sub:hover {  margin:0; padding: 0;text-decoration: underline; color: #BAA056;}
#pgNav li a.sub:active { margin:0; padding: 0;text-decoration: none;color: #455fa9; }

h3 {
	color: #5E76BD;
	margin-top: 15px;
	margin-bottom: 4px;
	
}
h4 {
	color: #5E76BD;
	font-weight: bold;
	margin-top: 10px;
}
.heading4 { color: #5E76BD;
	font-weight: bold;
	margin-top: 10px; }
h5 {color: #5E76BD; font-weight: bold;}

img.logo {margin: 10px 5px 0 0;
}

#pre { border-top: 1px dashed #a5c7ee; }
#pre h4 { margin-top: 10px; }

table { border: 1px solid #99a8bd; border-collapse:collapse; margin-bottom: 10px;}
tr { vertical-align:top; }
td { padding: 2px 2px; font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .75em;border: 1px solid #99a8bd; border-collapse:collapse;}
	
td.toplink {
	border-left: none;
	border-right: none;
	border: none;
}	
.nw {
	font-style: italic;
	font-weight: bold;
	color: #636D9C;
	background-color: #FFFFCC;
}
.newcourse {
	color: #339933;
}
.highlight { font-style: italic;
	font-weight: bold;
	color: #339933;
	background-color: #FFFFCC;}
	
#downloads { width: 100%; margin-top: 15px;}
#downloads p { margin:0; padding:0; margin-bottom: 6px; }
#quote2 { width: 100%; margin-left: 0px; margin-top: 0px; padding: 10px;/* border: 1px solid #99a8bd;*/ } 	

#content p.book {
	margin: -5px 0 -5px 40px;
	padding: 0;
}
#content img.reg { float: none; margin: 0;	padding: 0;}
#content img.right {float: right; margin: 0; padding: 0 5px 0 0;}
#content img.left {float: left; margin: 6px 5px 0 0;  padding: 0 2px 3px 5px;
	clear: both;
}
#content img.center {
	float: none; 
	horizontal-align: 
	middle;  
	padding: 0;
	margin-left: 295px;
	margin-top: -40px;

}

/*** NEW dec 21/05 *******/

#contacts { text-align: left;
	margin-top: 15px; margin-bottom: 10px;
	padding: 10px; border-top: 1px dashed #a5c7ee; border-bottom: 1px dashed #a5c7ee; clear: right;  /*#84AEB5;*/}
#contacts p { padding:0; margin-bottom: 0px; margin-left: 15px;margin-top: 0px;}
#contacts h3 { margin-bottom: 10px; }
#contacts h5 {
	margin-top: 0px;
	color: #333333;
	margin-bottom: 10px;
}
#contacts p.addr { margin-bottom: 15px; }
#content p.indent {
	margin-left: 25px;
	margin-bottom: 6px;
}

#cal { margin-top: 0px; margin-bottom: 0px;
	padding: 10px; padding-left:0;}
#content ul { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom:0 }	
#content li { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom:0 }
#gardenstudies { margin-top: 15px; }
#jul h4 {
	margin-top: 15px;
}
#camps p {
	margin-top: 10px;
	margin-bottom: 10px;
}
.daycamp {
	color: #339900;
}
.family {
	color: #0033CC;
	padding-bottom: 6px;
	border-top: dashed 1px #99B830;
	padding-top: 1em;
}
#family .family {
	color: #0033CC;
}
#family {
	border-top: dashed 1px #5E76BD;
	padding-top: 8px;
}
#amazing {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#camps {
	padding-top: 10px;
/*	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #5E76BD; */
}
#container #pagecontent #content #downloads .heading3 {
	color: #5E76BD;
	margin-bottom: 10px; font-size: 1.2em;
}

span.box {
	padding: 0px;
	float: right;
	width: 135px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	text-align: right;
}
#container #pagecontent #content #fall .box {
	font-size: 0.9em;
	color: #5A75BD;
}
/*#container #pagecontent #content p.heading4 {
	color: #846D5A;
	font-style: italic;
}*/
#container #pagecontent #content #fall .grade {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
#container #pagecontent #content ul.onthispage {
	margin-top: 5px;
	margin-bottom: 10px;
}

#content p.heading4 { color:#5E76BD; }
#content p.onthispage { color: #BDD74A;}
.programDate {
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#content #registration {
	margin-top: 15px;
	margin-bottom: 15px;
}
#content .highlight {
	font-size: 1em;
	color: #5A75BD;
	font-style: normal;
	background-color: transparent;
}

ul.courses {
	list-style-type:none;
	margin:0;
	padding:0;
}


/*#content ul.courses li p.cName,*/ #content .courses .cName {
	font-size: 1.1em;
	color: #5E76BD;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	font-weight: bold;
}


#content p.age {
	font-size: .95em;
	font-weight: bold;
	color: #666666;
}
#content .courses .desc {
	font-size: 1em;
	line-height: 1.4;
	margin-bottom: .25em;
}
#content .courses .cDate {
	font-size: 1.em;
	margin: 0px;
	padding: 0px;

	margin-bottom: 0..85em;
	font-weight: bold;
	font-size: 1em;
	color: #666666;
}
#content h1 {
	margin-bottom: 1em;
}

#content h1 + ul.courses {
	margin-top: 1.5em;
	padding-bottom: 0em;
	border-color: #5A75BD;
}

#content .courses li {
	margin-bottom: 0.5em;
}
#content .heading3 {
	font-size: 1.2em;
	color: #5E76BD;
}
#content p.bordTop, h3.bordTop {
	border-top: dashed 1px #99B830;
	padding-top: 1em;
	
}

.imgright { float: right; padding-left: .5em; margin-bottom: 1em; 
}
.imgleft {
	float: left;
	margin-right: 4px;
}
/** style for show/hide section **/

#container #pagecontent #content h2.trigger {font-family: Verdana, sans-serif; font-size: 1.15em; width: 90%; }
#container #pagecontent #content .project { margin: 0px; padding: 0px; margin-bottom: 1em; }


#container #pagecontent #content .project {
	margin: 0px;
	padding: 0px;
	margin-bottom: 1.5em;
	width: 100%;
}
#container #pagecontent #content h2.trigger {
	padding: 0 0 0 1.5em;
	margin: 1em 0 .25em 0;
	font-weight: normal;
	float: left;
	color: #666666;
	width: 90%;
	background-image: url(../childrenFamilies/images/plus.gif);
	background-repeat: no-repeat;
	background-position: left center;

}

#container #pagecontent #content h2.trigger a:link, h2.trigger a:visited { color: #666666; text-decoration: none; }

#container #pagecontent #content h2.trigger a:hover { color: #0896D6; border: none; text-decoration: none; }
#container #pagecontent #content h2.active { background-position: left center; background-image: url(../childrenFamilies/images/minus.gif); background-repeat: no-repeat; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
#container #pagecontent #content .toggle_container {
	margin: 1em 0 1em 0;
	padding: 0 0 0 0;
	font-size: 1em;
	width: 100%;
	float: left;
	border-bottom: dashed 1px #999;
}
#container #pagecontent #content .toggle_container .block { padding: 0 0 0 0; margin: 0; }
#container #pagecontent #content .toggle_container .block ol ul li{
	margin-top: 7px;
	line-height: 1em;
	font-size: 0.9em;
}
#container #pagecontent #content .content .margintop {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding: 1.5em 0;
}

#container #pagecontent #content .margintop p {
	padding-top: 0em;
	margin-top: 1.5em;
}
#container #pagecontent #content .trigger img { float: none; display: inline; }
.last {margin-bottom: 20px;}
.highltbox { background-color: transparent; padding: 5px; margin-bottom: 1em; padding-bottom: 3px; margin: 0 0 .5em 0; border-bottom: 1px dashed #9CAABD; }
.highltbox p { margin-bottom:0; }
#content .item { border-top: dashed 1px #99B830; margin-top: 1.5em; padding-top: .5em;  }	
#content .item h3 { margin-top: .25em; }
#content .bordBot {border-bottom: dashed 1px #99B830; margin-bottom: 1em; padding-bottom: .5em;  }

