/* CLC-Styles */
/*Zero off all the elements*/
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img {
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	background: #FEEEDB;/* url(/images/template/CLC/bg_main.jpg) repeat-y top center;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3E3C38;
	text-align:center;
}

/*Text*/
a{
	text-decoration:underline;
	color:#3E3C38;
}

a:hover{
	text-decoration:underline;
}


ul, ol{
	/*margin:10px;
	list-style-position: inside;*/
	margin: 10px;
	padding-left: 1em;
	text-indent: 0em;
	/*line-height: 21px;*/
}

li {
	padding-bottom:10px;
	}

h1, h2, h3, h4, h5, h6{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	color:#225E0D;
}

h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#225E0D;
	font-weight:400;
}
	
p{
	padding:10px 0;
}

/*generic floats*/

.floatLeft{
	float:left;
	margin:10px 10px 10px 0;
}
.floatRight{
	float:right;
	margin:10px 0 10px 10px;
}
.clearer{
	clear:both;
}

/*Content*/
#Container {
	padding:0;
	width: 800px;
	margin: 0 auto; 
	text-align: left;
	background-color:#FEEEDB;
	overflow: hidden;
}

/*========= BANNER =========*/
#PrimaryBanner{
	float:left;
	background: #FFFFFF url(/images/template/CLC/PrimaryBanner.jpg);
	width:800px;
	height:103px;
}

#SecondaryBanner{
	float:left;
	background: #FFFFFF url(/images/template/CLC/SecondaryBanner.jpg);
	width:604px;
	height:103px;
}


/*========= LOGIN =========*/
#PrimaryLogin{
	float:right;
	background: #53803B url(/images/template/CLC/bg_PrimaryLogin.jpg) top right no-repeat;
	width:619px;
	/*height:54px;*/
	color:#FFFFFF;
}
	#PrimaryLogin #PrimaryLoginTitle{
		float:left;
		height:44px;
		width:64px;
		background-color:#3E6B2D;
		padding:10px 10px 0 0 ;
		text-align:right;
	}
	#PrimaryLogin p{
		float:left;
		font-size:12px;
		margin:5px 1px 3px 3px;
		padding:0;
	}

	#PrimaryLogin .formRow{
		float:left;
		font-size:12px;
		margin-top:5px;
	}
	
	#PrimaryLogin input{
		font-size:10px;
		width:80px;
	}
	
	#PrimaryLogin .formRow .formLabel{
		float:left;
		text-align:right;
		margin:5px 1px 3px 3px;
		vertical-align:middle;
	}
	
	#PrimaryLogin .formRow .formField{
		float:left;
		text-align:left;
		margin:3px;
	}
	
	#PrimaryLogin .loginButton{
       		float:left;    
        	padding: 0px;        
        
        	border:0px;
    
		margin-top:3px;
		margin-bottom:3px;
		margin-right:5px;
		margin-left:5px;

        	font-size:12px;
        	font-weight:400;
        	color:#FFFFFF; 
		background-color: transparent;
      	}    
	
	
	#PrimaryLogin .loginLinks{
		float:left;
		font-size:12px;
		float:left;
		margin-top:5px;
		width:500px;
	}	
		#PrimaryLogin .loginLinks a {
			display:inline;
			margin:3px 3px 3px 5px;
			font-size:12px;
			color:#E3F0A1;
		}	
		
#SecondaryLogin{
	float:left;
	background: #FFFFFF url(/images/template/CLC/bg_SecondaryLogin.jpg);
	width:196px;
	height:103px;
	color:#FFFFFF;

}

#SecondaryLogin p{
	clear:both;
	margin-left:10px;
}
#SecondaryLogin, #SecondaryLogin a{
		color:#FFFFFF;
	}
	
	#SecondaryLogin #SecondaryLoginTitle{
		float:left;
		margin:20px 0 0 10px;
	}
	
	#SecondaryLogin .formRow{
		clear:left;
		width:195px;
		font-size:10px;
		float:left;
	}
	
	#SecondaryLogin input{
		font-size:8px;
		width:80px;
		height:10px;
	}
	
	#SecondaryLogin .formRow .formLabel{
		float:left;
		text-align:right;
		width:75px;
		margin:3px;
		vertical-align:middle;
	}
	
	#SecondaryLogin .formRow .formField{
		float:left;
		text-align:left;
		margin:3px;
	}
	
	#SecondaryLogin .formRow .forgotPassword{
		float:left;
		margin:3px 3px 3px 5px;
		font-size:12px;
	}
		#SecondaryLogin .formRow .forgotPassword a{
			color:#E3F0A1;
		}
	
	#SecondaryLogin .formRow .loginButton{
			
       		float:left;    
        	padding: 0px; 

		width: 50px;
		height: 18px;
	
		margin-right:5px;
		margin-left:5px;

	      	border:0px;
		        	
        	color:#FFFFFF; 
		background-color: transparent;
    	} 
	

#SecondaryLogin #SecondaryLogoutButton {
font-size:12px;
float:right;
margin:3px 18px 3px 3px;
}
#SecondaryLogin #SecondaryLogoutButton a {
color:#FFFFFF;
}
/*========= SEARCH (joes) =========
#Search {
	float:left;
	background: #415ca4;
	width:181px;
	height:23px;
	color:#FFFFFF;
}
	#Search .label{
		display:block;
		float:left;
		margin:4px 2px 0px 5px;
	}
	#Search input{
		float:left;
		width:90px;
		font-size:10px;
		margin:2px;
	}
	#Search img{
		float:left;
		vertical-align:bottom;
		margin:4px 0 2px 4px;
	}
*/

/*========= SEARCH (shawns)=========*/
#Search {
	float:left;
	background: #415ca4;
	width:181px;
	height:23px;
	color:#FFFFFF;
}
	#Search .label{
		display:block;
		float:left;
		margin:4px 2px 0px 5px;
	}
	#Search input#SearchKeywords{
		float:left;
		width:90px;
		font-size:10px;
		margin:2px;
	}
	#Search input#SearchSubmit {
		float:left;
		vertical-align:bottom;
		margin:4px 0 2px 4px;
	}

/*========= MAIN =========*/
#PrimaryMain{
	float:right;
	width:579px;
	background:  #EFF7C7 url(/images/template/CLC/bg_PrimaryMain.jpg) repeat-x;
	/*padding: 0 20px 10px 20px;*/
	padding: 0 20px;
	overflow: hidden;
	/*padding-bottom:20000px;
	margin-bottom:-20000px;*/
	
}
	#PrimaryMain h2{ 
		margin-top: 8px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:400;
		color:#225E0D;
		font-size:30px;
	}
	
	.homepageCallOut{
		float:right;
		width:269px;
		background-color:none;
		margin:10px -20px 10px 10px;
	}
		
		.homepageCallOut h3{
			font-size:16x;
			font-weight:normal;
		}
		
		.homepageCallOut .content{
			border:none;
			padding: 5px 20px 10px 20px;
			clear:both;
			background: url(/images/template/CLC/bg_PrimaryCallout.jpg) repeat-y;
		}
		.homepageCallOut .bgTop{
			float:left;
			width:269px;
			height:12px;
			margin-bottom:-2px;
			background: url(/images/template/CLC/bg_PrimaryCallout_top.gif) left top no-repeat;
			background-color:none;
		}
		.homepageCallOut .bgBottom{
			float:left;
			width:269px;
			height:12px;
			background: url(/images/template/CLC/bg_PrimaryCallout_bottom.gif) left top no-repeat;
			background-color:none;
		}
		
	.bottomHomePageCallout{
		float:left;
		width:275px;
		background: url(/images/template/CLC/bg_BottomCallout.jpg) no-repeat;
		margin: 0 14px 0 0;
		
	}
		
		.bottomHomePageCallout h3{
			font-size:16x;
			font-weight:normal;
			margin:8px 0 0 15px;
		}
		
		
		.bottomHomePageCallout p {
			margin:4px 8px 10px 15px;
		} 
		
		.bottomHomePageCallout ol, .bottomHomePageCallout ul{
			margin:8px 8px 10px 20px;
		} 
		
		.bottomHomePageCallout .content{
			border:none;
			padding: 5px 20px 10px 20px;
			clear:both;
		}
	 

#SecondaryMain, #OneColumnMain{
	float:right;
	width:579px;
	background:  #FBF2D5 url(/images/template/CLC/bg_SecondaryMain.jpg) repeat-x;
	/*padding: 0 20px 10px 20px;*/
	padding: 0 20px;
	overflow: hidden;
	/*padding-bottom:20000px;
	margin-bottom:-20000px;*/
	
}
	#SecondaryMain h2, #OneColumnMain h2{
	clear:both;
		background:  #D6DFAC url(/images/template/CLC/bg_SecondaryTitle.jpg) bottom left no-repeat;
		width:569px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:400;
		color:#225E0D;
		letter-spacing:8px;
		text-transform:uppercase;
		font-size:18px;
		padding:4px 0 5px 20px;
		margin-bottom:10px;
	}
	
#OneColumnMain{
	float:left;
	width:760px;
	
}
	#OneColumnMain h2{
		background:  #D6DFAC url(/images/template/CLC/bg_SecondaryTitle.jpg) bottom left no-repeat;
		width:569px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:400;
		color:#225E0D;
		letter-spacing:8px;
		text-transform:uppercase;
		font-size:18px;
		padding:4px 0 5px 20px;
		margin-bottom:10px;
	}
	

/*========= NAVIGATION =========*/
/*Top Nav*/
#TopNavContainer{
	float:left;
	background:  url(/images/template/CLC/bg_TopNav.jpg) repeat-y;
	width:619px;
	height:23px;
	color:#175700;
}
	#TopNavContainer ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;

	}
	
	 #TopNavContainer li { /* all list items */
		float: left;
		position: relative;
		
		
	}
		 #TopNavContainer li .topLevel a,  #TopNavContainer li .topLevel_Last a{
		 	display:block;
			_float:left;
			height:15px;
			padding: 4px 10px;
			border-right: 2px solid #fffc93;
			text-decoration:none;
			font-weight:bold;
			color:#175700;
		}
			
		
			#TopNavContainer li .topLevel_Last a{
				border:none;
			}
			#TopNavContainer li .topLevel a:hover,  #TopNavContainer li .topLevel_Last a:hover{
				color:#FFFFFF;
				background-color:#175700;
				display:block;
			}
	
	#TopNavContainer li ul { /* second-level lists */
		z-index:5;
		display: none;
		position: absolute;
		top: 1.9em;
		left: 0;
		background-color:#bbd69b;
		border: 1px solid #175700;
		border-bottom:none;
	}
		#TopNavContainer li ul a{
			display:block;
			text-decoration:none;
			padding:3px 3px 3px 10px;
			color:#175700;
		}
	
		#TopNavContainer li ul li{
			border-bottom: 1px solid #175700;
			clear:both;
			width:14em;
			padding-bottom:0px;
		}
		#TopNavContainer li ul li a:hover{
			background-color:#91bb77;
		}
	
		
	 
	
	. over{
		display:block;
	}
	#TopNavContainer li:hover ul, #TopNavContainer li.over ul { /* lists nested under hovered list items */
		display: block;
	}
	
/*Left Nav*/
#LeftNavContainer {
	clear:both;
	float:left;
	/*padding-bottom:20000px;
	margin-bottom:-20000px;*/
	/*overflow:hidden;*/
	background-color:#D9E1CC;
	background: #D9E0CB url(/images/template/CLC/bg_LeftNav.jpg) repeat-x;
	width:181px;
	/*height:331px;*/
}
#SecondaryLeftCallout{
	/*padding-bottom:20000px;
	margin-bottom:-20000px;*/
	background: #FFEEDC;

}

	#LeftNavContainer ul {
		z-index:5;
		margin: 0;
		padding: 0;
		list-style: none;
		width: 181px; /* Width of Menu Items */
		border-bottom: 1px solid #ccc;
	}
	
	#LeftNavContainer ul li {
		position: relative;
		padding-bottom:0px;
	}
		
	#LeftNavContainer li ul {
		position: absolute;
		left: 181px; /* Set 1px less than menu width */
		top: 0;
		display: none;
	}
	
	/* Styles for Menu Items */
	#LeftNavContainer ul li a {
		display: block;
		color: #11328a;
		background-color:; /* IE6 Bug */
		padding: 5px;
		border: 1px solid #ccc;
		border-bottom: 0; 
		border-right:0;
	    width:170px;
		position:relative;
		font-weight:bold;
		text-decoration: none;
	}
	
	/* IE7
	*:first-child+html #LeftNavContainer ul li a{
		margin-left: -16px;
	}*/
	
	/* Fix IE. Hide from IE Mac \*/
	* html #LeftNavContainer ul li {
		float: left; height: 1%; 
	}
	* html #LeftNavContainer ul li a {
		height: 1%;
	}
	/* End */
	
	#LeftNavContainer ul li a:hover { /* Hover Styles */
		background: url(/images/template/CLC/bg_LeftNavRollover.gif) left center no-repeat; 
	} 
			
	#LeftNavContainer li ul{ /* Sub Menu Styles */
		border-bottom:1px solid #415ca4;
	}		
		
	#LeftNavContainer li ul li a { /* Sub Menu Item Styles */
		padding: 2px 5px; 
		background-color:#d3d7d9;
		border:1px solid #415ca4;
		border-bottom:none;
	} 
	#LeftNavContainer li ul li a:hover { /* Sub Menu Item Hover Styles */
		padding: 2px 5px; 
		background:#7d8db7;
		border:1px solid #415ca4;
		border-bottom:none;
/*		font-weight:400; */
		color:#FFFFFF;
	} 
	#LeftNavContainer li:hover ul, #LeftNavContainer li.over ul {
		display: block;  /* The magic */
	} 
	

	
	
/*========= FOOTER =========*/	
#Footer{
	clear:both;
	background:  #C2D2A3 url(/images/template/CLC/bg_Footer.jpg) bottom right no-repeat;
	height:79px;
	margin-left:-20px;
	width:619px;
	text-align:center;
	color:#165C00;
}
	#Footer p{
		font-size:10px;
		width:90%;
		margin:20px auto;
	}
	
	#Footer a{
		text-decoration:underline;
		color:#165C00;
	}
	
	#OneColumnMain #Footer{
		width:800px;
	}

/* ======================== */
h3 {
	font-size:18px;
	font-weight:bold;
}
h4 {
	font-size:16px;
	font-variant:small-caps;
	font-weight:bold;
}
h5 {
	font-size:14px;
	font-weight:bold;
}
td {
	font-size:12px;
}
div.LocalNavLinks,div.LocalNavLinks a {
	color: #213c84;
}
div.LocalNavLinks {
	display:block;
	text-align:center;
	padding-bottom: 2px;
	margin-bottom: 4px;
}
span.RedItalics {
	color: red;
	font-style: italic;
}

#FCKEditorBody{
	background: #FBF2D5 url(/images/template/CLC/bg_SecondaryMain.jpg) repeat-x;
	text-align: left;
	padding: 20px;
}

ul#SiteMap { 
	list-style: none;
}

ul#SiteMap li.SiteMap_1 { 
	margin-top: 8px;
	margin-bottom: 2px;
}
ul#SiteMap li ul { 
	margin-top: 0px;
	margin-bottom: 2px;
}

ul#SiteMap li.SiteMap_1 a
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	color:#225E0D;
	font-size:18px;
	font-weight:bold;
}

ul#SiteMap li.SiteMap_2 a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3E3C38;
	font-size:14px;
}

/*====Version History=====*/
.show{
	display:block;
}
.hide{
	display:none;
}

.versionControl{
	text-decoration:underline;
	margin:10px 0;
}


/*====Homepage Content=====*/
.header2_alt{
	font-size:20px;
	color:#225E0D;
	font-family:Georgia,serif;
	font-weight:bold;
	margin-top:10px;
	display:block;
}


.header5_alt{
	font-size:14px;
	margin-top:10px;
	color:#225E0D;
	font-family:arial, sans-serif;
	font-weight:bold;
	display:block;
}


#homepage_left{
	float:left;
	width:350px;
}

#homepage_right{
	float:right;
	width:210px;
}

#image_area{
	margin:10px 0;
}


#our_mission_area{
	font-size:16px;
	line-height:20px;
}


#our_mission_area a{
	font-size:12px;
	text-transform:uppercase;
}


#quick_links_area ul{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}

#quick_links_area ul li{
	padding-bottom:5px;
}


#quick_links_area a{
	color:#FFFFFF;
	text-decoration:none;
}

.qlRed, .qlPink, .qlOrange, .qlPurple, .qlBlue, .qlBlue2, .qlTeal, .qlGreen, .qlGreen2{
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:10px;
	text-align:center;
}

.qlRed{
	background:url(/images/btn_quick_links_red.png) no-repeat top left;
}
.qlPink{
	background:url(/images/btn_quick_links_pink.png) no-repeat top left;
}
.qlOrange{
	background:url(/images/btn_quick_links_orange.png) no-repeat top left;
}
.qlPurple{
	background:url(/images/btn_quick_links_purple.png) no-repeat top left;
}
.qlBlue{
	background:url(/images/btn_quick_links_blue.png) no-repeat top left;
}
.qlBlue2{
	background:url(/images/btn_quick_links_blue2.png) no-repeat top left;
}
.qlTeal{
	background:url(/images/btn_quick_links_teal.png) no-repeat top left;
}
.qlGreen{
	background:url(/images/btn_quick_links_green.png) no-repeat top left;
}
.qlGreen2{
	background:url(/images/btn_quick_links_green2.png) no-repeat top left;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}