/*----------------------------------------------------
  Basic Stylesheet 
  Created by Jeannette Bournival 
  For Habitat for Humanity IWV, Ridgecrest, CA
  Originated:  April 3, 2007
  Revised: February 10, 2009 
------------------------------------------------------*/

/*  CSS Document  Note:  Habitat for Humanity International */
/*  recommends web style standards for its affiliates' web sites.*/
/*  I've incorporated those standards (mainly color theme) in this stylesheet.*/

/*----- Global -----*/

body {	
	background-color:#FFFFFF;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:  76%;
	line-height:  16px;
	color:  #000000;
	text-align:center;
	min-width: 720px;
	/*background:#005596;*/
	}

#page {
	text-align:left;
	width: 720px;
	margin-right: auto;
	margin-left:auto;
	background: #fff;
	border: solid 4x;
	border-color: #f78934;
	}

#bannertext h1 {
display: none;
	}
#banner {
	background:url('images/HFHlogo600.jpg') no-repeat;
	width: 720px;
	height: 120px;
	float: left;
	background-position:  -20px -10px;
	margin-bottom: -20px;
	}
#navigation ul {
	margin-left: 15px;
	margin-bottom:  10px;
	padding: 0;
	float: left;
	width: 720px;
	list-style: none;
	border-bottom:  1.5px solid #51B948;
	margin-top: 0px;
	font-size:12px;
	}
#navigation {
	margin-bottom: 20px;
	}
#navigation ul li {
  	float: left;
  	background: url('images/tab-right.gif') no-repeat top right;
	}
#navigation li a {
 	line-height: 2.5em;
  	background: url('images/tab-left.gif') no-repeat top left;
  	text-decoration: none;
  	color: #000000;
  	float: left;
  	display: block; 
  	padding-left:2em; 
  	padding-right:2em; 
  	padding-top:0; 
  	padding-bottom:0;
	}
#navigation ul a:hover {
  	color: #ffffff;
	}
#home #navigation #mainNav .home a, 
#partner_family  #navigation #mainNav .partner_family a, 
#building_projects #navigation #mainNav .building_projects a, 
#donor #navigation #mainNav .donor a, 
#volunteer_opportunities #navigation #mainNav .volunteer_opportunities a, 
#about #navigation #mainNav .about a {
	color: #51b948;
	cursor: default;
	}
.links:link  {
	line-height: 14px;
	text-decoration: none;
	color: #005596;
	}
.links:visited {
	line-height: 14px;
	text-decoration: none;
	color:#FF6600;
	}
.links:hover, links:active {
	line-height: 14px;
	text-decoration: underline;
	color: #51b948;
	}	
.linksTop {
	clear: both;
	/*float: left;*/
	margin-left: 18px;
	margin-bottom: 5px;
	}
.linksTop2 {
	clear: both;
	margin-left: 0px;
	margin-bottom: 5px;
	}	
		
p {
	font-size:  1em;
	}
h1 {
	font-size: 1.6em; 
	font-weight:  bold; 
	color: #005596;
	}
h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #005596;
	}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #005596;
	}
h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #51B948;
	}
h5 {
	font-size: .8em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 3px;
	margin-left: 8px;
	}
/*----- Rounded Corners on Update Box at Bottom of Pages-----*/
.box{
	clear: both;
	width: 14em;
	background: #51b948 url('images/bottom-left-corner-mask.png') no-repeat left bottom;
	padding-bottom: 0%;
	margin-left: 0px;
	}
.box-outer{
	background: url('images/bottom-right-corner-mask.png') no-repeat right bottom; 
	padding-bottom: 1%
	}
.box-inner{
	background: url('images/top-left-corner-mask.png') no-repeat left top;
	}
.box h5{
	background: url('images/top-right-corner-mask.png') no-repeat right top;
	padding-top: 1%;
	padding-left: 1%;
	padding-right: 1%;
	color: #ffffff;
	padding-bottom: 0%;
	text-align:center;
	}
/*----- Home Page -----*/
#sidebarLinks {
	clear: both;
	line-height: 18px;
	color: #005596;
	float: right;
	margin-right: -20px;
	margin-top: 5px;
	}
#homeImg1, #homeImg2, #homeImg3, #homeImg4 {
	clear: both;
	float: right;
	width: 175px;
	border: 2px solid #f78934;
	padding-top: 2px; 
	padding-right: 0px; 
	padding-left: 2px;
	padding-bottom: 0px;
	margin-right: -10px;
	margin-top: 5px;
	margin-left: 10px;
	}
#content {
	width: 67%;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	}	
#content a {
	color: #005596;
	margin-top: 10px;
	}
#googleCalendar{
	clear: both;
	margin-left: 18px;
	}
#spotlightImg{
	position: relative;
	width: 15%;
	clear: left;
	float: left;
	margin-left: 5px;
	border: 0px solid #f78934;
	padding: 0px;
	}
#spotlightext{
	position: relative;
	margin-left: 250px;
	margin-right: 0px;
	margin-top: 10px;
	padding:  5px;
	}
#footer {
	clear: both;
	width: 450px;
	padding-top:10px;
	margin-top: 20px;
	margin-left: 18px;
	}	
th {
	background-color: #51B948;
	}
/*----- Partner Family -----*/
#contentPartner {
	float: left;
	width: 94%;
	margin-left: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
	}	
/*----- IWV History -----*/
#budImg {
	float: right;
	width: 207px;
	border-style: double; 
	border-width: 3px; 
	border-color: #F78934;
	padding-top: 1px; 
	padding-right: 1px; 
	padding-left: 1px;
	margin-top: 10px; 
	margin-left: 18px;
	text-align: center;
	}
/*----- President's Greeting -----*/
#wrapper {
	margin-left: 20px;
	padding-top: 150px;
	}	
#presidentImg {	
	float: right;
	width: 200px;
	border-style: double; 
	border-width: 3px; 
	border-color: #F78934;
	padding-top: 1px; 
	padding-right: 1px; 
	padding-left: 1px;
	margin-top: 10px; 
	margin-left: 18px;
	text-align: center;
	}
/*----- Building Projects -----*/	

#partnerFamilies2008, #buildingProject417, #buildingProject1224 {
/* Partner Family photos */
	float: left;
	/*margin-top: 35px;*/
	/*margin-left: 18px;*/
	/*margin-bottom: 20px;*/
	border-style: double; 
	border-width: 3px; 
	border-color: #F78934;
	text-align:center
	}

#buildingProject1224{
	margin-top: 40px;
	margin-bottom: 10px;
	margin-left: 18px;
	padding: 3px;
	}
	
#partnerFamilies2008{
	clear: left;
	float: left;
	margin-left: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px;
	}	
 		
#contentCur1224 {
	float: right;
	width: 62%;
	font-size: small;
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
.centerUnderNav {
	margin-left:90px;
	margin-bottom:30px;
	}	

/*----- Construction_tasks 1224 W. Boston -----*/
#contentConstruc caption{
	margin-bottom: 10px;
	}
#contentConstruc table {
	float: left;
	margin-bottom: 20px;
	width: 100%;
	}
#contentConstruc table dedication {
	font-size: medium;
	margin-left: 120px;
	}
		
/*----- Donor -----*/
#donorContent {
	margin-top: 10px;
	width: 500px;
	margin-left: 200px;
	margin-bottom: 20px;
	padding: 0px;
	}
.underlineOrange {
	border-bottom: .5px solid #F78934;
	}		
/*----- Sweat Equity Page -----*/ 
#sweatImg {
	border-style: double; border-width: 3px; border-color: #F78934;
	padding-top: 2px; 
	padding-right: 1px; 
	padding-left: 1px;
	width: 200px;
	text-align:center;
	margin-left: 25px;
	}	
#contentSweat {
	margin-left: 18px;
	}	
/*----- Income Guidelines Page -----*/
#contentIncome {
	float: left;
	width: 94%;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
	}	
#contentIncome ul {
	clear: both;
	padding-top: 20px;
	margin-left: -25px;
	}				
/*----- Volunteer Form Page -----*/
#form {
	position: relative;
	width: 500px;
	margin-bottom: 5px;
	margin-left: 210px;
	margin-top: 10px;
	}	
#contentVol {
	margin-top: 20px;
	margin-left: 210px;
	}		
#volunteerImg1, #volunteerImg2, #volunteerImg3 {
	clear: both;
	float: left;
	width: 150px;
	border-style: double; 
	border-width: 3px; 
	border-color: #F78934;
	padding-top: 2px; 
	padding-right: 2px; 
	padding-left: 2px;
	padding-bottom: 0px;
	margin-right: 1px;
	margin-top: 20px;
	margin-left: 18px;
	}	
/*----- Form Layout -----*/	
legend {
	font-weight: bold;
	}	
fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	background:#f8f8f8;
	}
label {
	float: left;
	width: 20em;
	}	
input {
	width: 200px;
	}		
input.radio, input.checkbox {
	width: auto;
	}	
input.radio {
	float: left;
	margin-right: 1em;
	}	
input:focus, textarea:focus {
	background: #ffc;
	}	
/*-----Form Fieldset Contact -----*/
fieldset#contact {
	background: transparent;
	}
#contact div {
	width:  30em;
	float: left;
	}		
#contact label {
	width: 10em;
	}
			
/*----- Form Fieldset Committees -----*/	
fieldset#committees {
	margin: 10px;
	padding: 0;
	border: none;
	background: transparent;
	}	
#committees div {
	width: 15em;
	float: left;
	}	
.clear {
	clear: both;
	}	
#committees label {
	width: 10em;
	float: none;
	display: inline;
	}
/*----- Form Fieldset Construction -----*/
fieldset#construction {
	margin: 10px;
	padding: 0;
	border: none;
	background: transparent;
	}	
#construction div {
	width: 15em;
	float: left;
	}	
.clear {
	clear: both;
	}	
#construction label {
	width: 10em;
	float: none;
	display: inline;
	}	
/*-----Form Fieldset Office -----*/
fieldset#office {
	margin: 10px;
	padding: 0;
	border: none;
	background: transparent;
	}	
#office div {
	width: 15em;
	float: left;
	}	
.clear {
	clear: both;
	}	
#office label {
	width: 10em;
	float: none;
	display: inline;
	}	
#websiteSource {
	width: auto;
	float: left;
	margin-right: 1em;
	}
	
/*-----Form Fieldset Other -----*/
fieldset#other {
	margin: 10px;
	padding: 0;
	border: none;
	background: transparent;
	}	
#other div {
	width: 15em;
	float: left;
	}	
.clear {
	clear: both;
	}	
#other label {
	width: 10em;
	float: none;
	display: inline;
	}	
#websiteSource {
	width: auto;
	float: left;
	margin-right: 1em;
	}		
			
/*----- About -----*/
#contentAbout {
	float: right;
	width: 70%;
	margin-top: 5px;
	}	
#sidebar {
	float: left;
	margin-top: 5px;
	margin-left: 18px;
	color: #003399;
	}	
#sidebar h5 {
	color:#FF6600;
	}		
#sidebar p {
	margin-bottom: 20px;
	padding: 4px; 
	border-left: 1px solid #00cc33;
	border-bottom: 1px solid;
	border-bottom-color:#00CC33;
	}
.standout {
	color:#DF7000;
	font-weight: bolder;
	}			
/*----- End of CSS -----*/