/* www.ccplonline.org - Cascading Style Sheet */

/* Commonly used styles throughout site */

.header {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	color: #D9E5E8;
}

.heading {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #009933;
	text-decoration: none;
	line-height: normal;
}

.subheading {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #009933;
	text-decoration: none;
	line-height: normal;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: normal;
	background-color: #BACAB2;
}

.bodyalt { 

	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none;
}

.blocktext { 

	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal;	
	line-height: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	margin-right: 25px; 
	margin-left: 25px; 
}

.indent { 

	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	margin-right: 25px; 
	margin-left: 25px;
}

.indentalt {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	margin-right: 25px; 
	margin-left: 25px;
}

.caption { 

	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: none 
}

.sidebar {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	color: #999999; 
	text-decoration: none 
}

.bottomnav { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: bold; 
	color: #999999; 
	text-decoration: none 
}

/* Links */

.topnav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #8E9FCF;
}

.topnav2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #003366;
	text-decoration: none;
	background-color: #d9e5eb;
}

a.topnav:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #33FF99;
	text-decoration: none;
}

a.topnavactive {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #33FF99;
	text-decoration: none;
}

.catalog {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #006699;
	text-decoration: none;
}

a.catalog:hover {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #009933;
	text-decoration: none;
}

.sitenav {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #006699;
	text-decoration: none;
}

a.sitenav:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #009933;
	text-decoration: none;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	color: #999966;
}

a.footer:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	color: #009933;
}

/* Kids pages */

.headingkids {

	font-family: "Comic Sans MS";
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #009933;
	text-decoration: none;
	line-height: normal;
}

.subheadingkids {

	font-family: "Comic Sans MS";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #009933;
	text-decoration: none;
	line-height: normal;
}

.bodykids {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: normal;
}

.blocktextkids {

	font-family: "Comic Sans MS"; 
	font-size: 14px; 
	font-style: normal;	
	line-height: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	margin-right: 25px; 
	margin-left: 25px;
}

.indentkids {

	font-family: "Comic Sans MS"; 
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	margin-right: 25px; 
	margin-left: 25px;
}

.sitenavkids {

	font-family: "Comic Sans MS";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #006699;
	text-decoration: none;
}

a.sitenavkids:hover {

	font-family: "Comic Sans MS";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #009933;
	text-decoration: none;
}

.subnavkids {

	font-family: "Comic Sans MS";
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #009933;
	text-decoration: none;
}

.subnavkids:hover {

	font-family: "Comic Sans MS";
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #006699;
	text-decoration: none;
}

a.subnavkidsactive {

	font-family: "Comic Sans MS";
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #006699;
	text-decoration: none;
}

/* dropdown menu container */

#sf-container {position:relative;z-index:99;}