/*colors in site*/
/*site background-#C4CCB6*/
/*main text-#333333*/
/*main links-#88974B;*/
/*main link:hover-#3B859D;*/
/*yellow-#EED028*/
/*orange-#EE901C*/
/*lighter orange (won't need) -#F1A649*/
/*blue and header text-#3B859D*/
/*green-#97A854*/
/*red-#9F1F1E*/
/*gray boxes-#E6EDD8*/

/* to zero margins -- IMPORTANT -- I took the following out because in contribute they were somehow overriding the typography style sheet styles when only styles from that stylesheet are snown in contribute (ul, ol, li, p, h1, h2, h3, h4, h5, h6, ) */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

/* to set font for body, background, and text-align center for IE5 fix to ignoring auto in wrapper*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color:#C4CCB6;
}

/* ----------------------------------------GLOBAL LINK STYLES----------------------------------------*/
a {color:#88974B;}
a:hover {color:#3B859D;}
.btn-donate {
	width:175px;
	height:30px;
	display:block;
	margin:18px 0;
	text-align:left;
	background-image:url(../images/structure/green-bar.gif);
	background-repeat:no-repeat;
}
.btn-donate a {
	margin:0;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:30px;
	text-decoration:none;
	display:block;
}
.btn-donate a:hover {
	color:#EED028;
	text-decoration:none;
}
/* --------------------GLOBAL WRAPPER, MAIN NAVIGATION, AND CONTENT LAYOUT/DESIGN/STRUCTURE STYLES--------------------*/

/* wrapper*/
#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	text-align:left;
	background-color:#ffffff;
	width: 860px;
}

/* header*/
#header-main {
	height: 134px;
	width:860px;
	margin: 0;
	padding: 0;
	position:relative;
	background-image:url(../images/structure/header-background.gif);
	background-repeat:repeat-x;
	
}
#headerL {
	float:left;
	width:260px;
	position: absolute;
	
}

#headerR {
	float:right;
	width:590px;
}
/* background to navigation*/
#navmain {
	margin: 39px 0 20px 0;
	padding: 0;
	width: 170px;
	min-height:300px;
  	height:auto !important;
	height:300px;
	background-color:#EE901C;
	background-image:url(../images/structure/cfkf-nav-back.gif);
	background-repeat:no-repeat;
}

/* container for navigation*/
#leftcol{
	width: 170px;
	float: left;
	padding: 0;
	margin: 0;
}
/* content styles*/
#content {
	padding: 0;
	margin: 0 0 0 180px;
	background-color:#ffffff;
}
/*for all pages except home*/
#content-main {
	margin: 0;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	min-height:330px;
  	height:auto !important;
	height:330px;
	text-align:left; /*added this in hopes of fixing contribure problem*/
	background-color:#ffffff; /*added this in hopes of fixing contribure problem*/
}
/*for home page -- doesn't have right margin*/
#content-main-home {
	margin: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 30px;
	min-height:330px;
  	height:auto !important;
	height:330px;
}
/*used on home page--has big top margin*/
.right-col {
	float:right;
	width:175px;
	margin:60px 0 0 30px;
}
.red-box, .blue-box, .green-box  {
	width:145px;
	padding:0 15px 15px 15px;
	background-repeat:no-repeat;
	background-color:#E6EDD8;
	margin-bottom:30px;
}
.red-box {background-image:url(../images/structure/red-bar.gif);}
.blue-box {background-image:url(../images/structure/blue-bar.gif);}
.green-box {background-image:url(../images/structure/green-bar.gif);}
#content-main-home p {font-size:14px;}
#content-main-home .red-box p, #content-main-home .blue-box p, #content-main-home .green-box p {font-size:12px; }
.center-image {width:320px;margin:30px 60px; } /*for centering image or video on home page*/
.search {font-size:11px;color:#999999; background-color:#FFFFFF;border:1px solid #C4CCB6;width:120px;height:14px;padding:3px;margin-right:3px;}
.search-btn {vertical-align:top;}

/* ----------------------------------------FOOTER STYLES----------------------------------------*/

#footer {
	margin:0;
	padding:2px 10px 0 10px;
	width:840px;
	height:25px;
	clear:both;
	background-color:#EED028;
	border-top:2px solid #EE901C;
	text-align:center;
}
.address {
	float:left;
	margin:5px;
	padding:0 20px;
	color:#9F1F1E;
	font-size: 11px;
}
.address a {
	color:#9F1F1E;
	text-decoration:none;
}
.address a:hover {
	color:#9F1F1E;
	text-decoration:underline;
}
.footer-note {
	display:inline;
	height:25px;
	float:left;
}
.siteby {
	color:#FFFFFF;
	font-weight:bold;
	font-size: 11px;
}
.siteby a {
text-decoration:none;
color:#FFFFFF;
}
.siteby a:hover {
text-decoration:underline;
color:#FFFFFF;
}
.clearit {
	clear: both;
	height:0; 
    margin:0;
    font-size: 1px;
    line-height: 0px;
}