/*----------------------------------------------------
  Screen Stylesheet 
  Created by Jeannette Bournival 
  For Habitat for Humanity IWV, Ridgecrest, CA
  Originated:  April 3, 2007
  Revised: February 10, 2009
  Revised: 2/20/10 by Forrest Lloyd, validated 
------------------------------------------------------*/

/*  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 -----*/


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;
	padding:.1em;
	margin:.1em;
}

h5 {
	font-size: .8em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 3px;
	margin-left: 8px;
}

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

#page {
	text-align:left;
	width: 750px;
	margin-right: auto;
	margin-left:auto;
	background: #fff;
}

#bannertext h1 {
display: none;
}
	
#banner {
	background:url('../Images/logo/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/navigation/tab-right.gif') no-repeat top right;
}

#navigation li a {
 	line-height: 2.5em;
  	background: url('../Images/navigation/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;
}

#footer {
	clear: both;
	width: 450px;
	padding:3px 0 5px 20px;
}
		
	
/*----- Rounded Corners on Update Box at Bottom of Pages-----*/
.box	{
	clear: both;
	width: 14em;
	background: #51b948 url('../Images/common/box/bottom-left-corner-mask.png') no-repeat left bottom;
	padding-bottom: 0%;
	margin-left: 0px;
}

.box-outer	{
	background: url('../Images/common/box/bottom-right-corner-mask.png') no-repeat right bottom; 
	padding-bottom: 1%
}

.box-inner	{
	background: url('../Images/common/box/top-left-corner-mask.png') no-repeat left top;
}

.box h5	{
	background: url('../Images/common/box/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: 5px;
	margin-top: 5px;
}
	
#homeImg1 {
	clear: both;
	float: right;
	width: 175px;
	height:117px;
	background: url(../Images/page_home/pic1_w175_h117/img_rotator.php) no-repeat;
	border: 2px solid #f78934;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}
	
#homeImg2 {
	clear: both;
	float: right;
	width: 175px;
	height:117px;
	background: url(../Images/page_home/pic2_w175_h117/img_rotator.php) no-repeat;
	border: 2px solid #f78934;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

	
#homeImg3 {
	clear: both;
	float: right;
	width: 175px;
	height:117px;
	background: url(../Images/page_home/pic3_w175_h117/img_rotator.php) no-repeat;
	border: 2px solid #f78934;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

	
#homeImg4 {
	clear: both;
	float: right;
	width: 175px;
	height:117px;
	background: url(../Images/page_home/pic4_w175_h117/img_rotator.php) no-repeat;
	border: 2px solid #f78934;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 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;
}
	
	
th {
	background-color: #51B948;
}
	
	
/*----- Partner Family -----*/
#contentPartner {
	float: left;
	width: 94%;
	margin-left: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
	}
	
#contentPartner li	{
	padding:.3em;
}		


/*----- 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;
	margin-right:20px;
	}
	
.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;
	margin-right:20px;
}
		
#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;
	margin-right: 20px;
}
	
#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;
}