/* C2C website styles */

body {
	background-color:#2a1f18;
	text-align:left;
	color:#777;
	font-family: "Each year", "the C2C Ministry grows and the Lord continues to meet the needs of our C2C Family and beyond. The C2C Kingdom Ventures provides the strategic and practical outlet for C2C’s ongoing financial support. Once a year", "we encourage LCC to seek the Lord and renew their commitment to missional giving.";
	font-size: 12px;
	line-height: 16px;
	}

#container { 
	width: 800px;
	background-color: #fff;
	padding: 0;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	}
	
#header {
	width: 800px;
	height: 240px;
	background-color: transparent;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 4px solid #777;
	}
	
#menu {
	width: 180px;
	margin: 20px 0 0 0;
	padding: 0;
	background-color: transparent;
	float: left;
	}
	
#content {
	width: 578px;
	margin: 30px 0 0 200px;
	padding: 0 20px 40px 0;
	background-color: transparent;
	min-height:500px;
  	height:auto !important;
  	height:500px;
	}
	
#homecontent {
	width: 578px;
	margin: 30px 0 0 200px;
	padding: 0 20px 0 0;
	background: transparent url(../img/c2c_home_content.jpg) bottom right no-repeat;
	}

/* text & links */

a:link    { text-decoration:none; color:#bd3107; }
a:visited { text-decoration:none; color:#555; }
a:hover   { text-decoration:underline; color:#de670f; }
a:active  { text-decoration:underline; color:#de670f; }

h1, h2, h3, h4 { font: 'Arial Narrow', Arial, Helvetica, sans-serif; }

h1 { font-size: 24px; font-weight: normal; text-transform: uppercase; 
/* for the sake of IE only */ line-height: 1.6em; }
h2 { font-size: 20px; font-weight: normal; }
h3 { font-size: 16px; font-weight: bold; }
h4 { font-size: 14px; font-weight: normal; text-transform: uppercase; }
h5 { font-size: 12px; font-weight: bold; }

.familyhead {
	color: #428618;
	font-size: 20px;
	font-weight: normal;
}
.teamhead { color: #ce6703; }
.policyhead { color: #823603; }
.triphead { color: #093e2b; }
.resourcehead { color: #2685d5; }
.househead { color: #733459; }
.contacthead { color: #08b9e6; }

.pullquote { 
	font: 20px/28px 'Hoefler Text', Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	color: #653e22; 
	width: 320px;
	padding: 220px 0 30px 0;
	margin: 0;
	}
	
.smalltext { font-size: 11px; color: #666; }

/* contact form styles */

.contactform {
	width: 480px;
	background-color: #d5f1f3;
	padding: 15px;
	margin: 20px 0 20px 0;
	font-size:10px;
 	font-weight:bold;
 	color:#0a7daa;
	}

.tdleft {
	margin: 0 20px 0 10px;
	padding: 5px 20px 5px 10px;
	width: 180px;
	}

/* font for form text fields (input) */
input, select, textarea {  font-size:10pt; color:#0a7daa; }

/* design for form text fields */
.formback { 
	width: 300px;
	background-color:#eafafd; 
	border:1px solid #0a7daa; 
	}

/* buttons for forms */
.button { 
	background-color:#0a7daa; 
	border:1px solid #fff; 
	font: bold 10px verdana, helvetica, arial, "sans serif"; 
	color:#fff; 
	width:100px; 
	padding: 5px 0 5px 0;
	}

/* styles for C2C family - intermediate/landing page */

#familylanding {
	float: left;
	width: 570px;
	height: 480px;
	background: transparent url(../img/fam_landing_bg.png) top left no-repeat;
	border: 1px solid #ccc;
	text-align: center;
	padding: 0;
	margin: 0;
	}
	
.familyicon {	
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 550px;
	}
	
/* rollovers for banner */

.famchrist { width: 160px; height: 60px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 12px; }
.famchrist a 
{ display: block; width: 160px; height: 60px; background: url(../img/fam_icon_christ.jpg) top no-repeat; }
.famchrist a:hover { background-position: 0 -60px;}

.famchurch { width: 160px; height: 60px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; margin-top: 12px; margin-bottom: 12px; }
.famchurch a { display: block; width: 160px; height: 60px; background: url(../img/fam_icon_church.jpg) top no-repeat;}    
.famchurch a:hover { background-position: 0 -60px;}

.famcommunity { width: 160px; height: 60px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; margin-top: 12px; margin-bottom: 12px; }
.famcommunity a { display: block; width: 160px; height: 60px; background: url(../img/fam_icon_comm.jpg) top no-repeat;}    
.famcommunity a:hover { background-position: 0 -60px;}

.famcity { width: 160px; height: 60px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; margin-top: 12px; margin-bottom: 12px; }
.famcity a { display: block; width: 160px; height: 60px; background: url(../img/fam_icon_city.jpg) top no-repeat;}    
.famcity  a:hover { background-position: 0 -60px;}	

.famcountry { width: 160px; height: 60px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; margin-top: 12px; margin-bottom: 12px; }
.famcountry a { display: block; width: 160px; height: 60px; background: url(../img/fam_icon_country.jpg) top no-repeat;}    
.famcountry a:hover { background-position: 0 -60px;}	

.famcosmos { width: 160px; height: 60px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; margin-top: 12px;  margin-bottom: 12px; }
.famcosmos a { display: block; width: 160px; height: 60px; background: url(../img/fam_icon_cosmos.jpg) top no-repeat;}    
.famcosmos a:hover { background-position: 0 -60px;}	
	
/* styles for C2C family - general pages*/

.familygallery  { 
	float: left; width: 78px; 
	margin: 0 20px 20px 0;
	padding: 16px;
	background-color: #dfe1b8;
	text-align: center;
	border: 1px solid #abc461;
	}
	
.familygallery a:link { text-decoration:none; color:#428618; }
.familygallery a:visited { text-decoration:none; color:#555; }
.familygallery a:hover { text-decoration:underline; color:#33400e; }

.christgallery  { 
	float: left; width: 78px; 
	margin: 0 20px 20px 0;
	padding: 16px;
	background: #0ab9e6 url(../img/fam_christ_bg.jpg) top right no-repeat;
	text-align: center;
	border: 1px solid #ccc;
	color: #fff;
	}
	
.churchgallery  { 
	float: left; width: 78px; 
	margin: 0 20px 20px 0;
	padding: 16px;
	background: #2988d8 url(../img/fam_church_bg.jpg) top right no-repeat;
	text-align: center;
	border: 1px solid #ccc;
	color: #fff;
	}
	
.commgallery  { 
	float: left; width: 78px; 
	margin: 0 20px 20px 0;
	padding: 16px;
	background: #3c881b url(../img/fam_comm_bg.jpg) top right no-repeat;
	text-align: center;
	border: 1px solid #ccc;
	color: #fff;
	}
	
.citygallery  { 
	float: left; width: 78px; 
	margin: 0 20px 20px 0;
	padding: 16px;
	background: #ce6a08 url(../img/fam_city_bg.jpg) top right no-repeat;
	text-align: center;
	border: 1px solid #ccc;
	color: #fff;
	}

.countrygallery  { 
	float: left; width: 78px; 
	margin: 0 20px 20px 0;
	padding: 16px;
	background: #823807 url(../img/fam_country_bg.jpg) top right no-repeat;
	text-align: center;
	border: 1px solid #ccc;
	color: #fff;
	}
	
.cosmosgallery  { 
	float: left; width: 78px; 
	margin: 0 20px 20px 0;
	padding: 16px;
	background: #74335b url(../img/fam_cosmos_bg.jpg) top right no-repeat;
	text-align: center;
	border: 1px solid #ccc;
	color: #fff;
	}
	
.christgallery a:link, .churchgallery a:link, .commgallery a:link, .citygallery a:link, .countrygallery a:link, .cosmosgallery a:link { 
text-decoration:none; color:#fff; }
.christgallery a:visited, .churchgallery a:visited, .commgallery a:visited, .citygallery a:visited, .countrygallery a:visited, .cosmosgallery a:visited { text-decoration:none; color:#eee; }
.christgallery a:hover, .churchgallery a:hover, .commgallery a:hover, .citygallery a:hover, .countrygallery a:hover, .cosmosgallery a:hover { text-decoration:underline; color:#fff; }
	
/* other image styles */
.teamgallery  { 
	float: left; width: 78px; 
	margin: 0 10px 10px 0;
	padding: 20px;
	background-color: #eee;
	text-align: center;
	}

.leftimg { float: left; padding: 0 30px 10px 0; }

.familyportrait { float: left; padding: 0 30px 100px 0; }
		
/* assorted styles */ 

.spacer { margin-top: 20px; clear: both; }
#clearer {clear : both}
			.newteamgallery {
	float: left;
	width: 80px;
	padding: 16px;
	background: #2988d8 url(../img/fam_church_bg.jpg) top right no-repeat;
	text-align: center;
	border: 1px solid #ccc;
	color: #fff;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	height: 150px;
}