/* C2C website styles */

body {
	background-color:#2a1f18;
	text-align:left;
	color:#777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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;
	padding: 16px;
	background: #823807 url(../img/fam_country_bg.jpg) top right no-repeat;
	text-align: center;
	border: 1px solid #ccc;
	color: #fff;
	height: 170px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	}
	
.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: 160px;
}