/*----------------------------------------------------
  Handheld Stylesheet 
  Created by Jeannette Bournival 
  For Habitat for Humanity IWV, Ridgecrest, CA
  Originated:  May 14, 2007
  Revised: May 14, 2007  	 
------------------------------------------------------*/

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

body {	
	background-color:#FFFFFF;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:  76%;
	line-height:  18px;
	color:  #000000;
	}

#page {
	width: auto;
	}

#navigation ul {
  	float: left;
  	width: auto;
  	list-style: none;
  	font-size: 1em;
	}

#navigation li a {
	line-height: 1.5em;
	text-decoration: underline;
	color: #000000;
	}

#navigation ul a:hover {
  	color: #f78934;
	}
									
#home #navigation #mainNav .home a, 
#partner_family  #navigation #mainNav .partner_family a, 
#current_projects #navigation #mainNav .current_projects a, 
#completed_projects #navigation #mainNav .completed_projects a, 
#volunteer_opportunities #navigation #mainNav .volunteer_opportunities a, 
#about #navigation #mainNav .about a {
	color: #51b948;
	width: auto;
	cursor: default;
	}

.links:link {
	line-height: 14px;
	text-decoration: none;
	color: #005596;
	list-style:none;
	width: auto;
	}
	
.links:visited {
	line-height: 14px;
	text-decoration: none;
	color:#FF6600;
	}
	
.links:hover, links:active {
	line-height: 10px;
	text-decoration: underline;
	color: #51b948;
	}
	
.linksTop {
	float: left;
	}
	
p {
	font-size:  1em;
	}

h1 {
	font-size: 1.3em; 
	font-weight:  bold; 
	color: #005596;
	}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #005596;
	}

h3 {
	font-size: 1em;
	font-weight: bold;
	color: #005596;
	}

h4 {
	font-size: 1em;
	font-weight: bold;
	color: #51B948;
	}

h5 {
	font-size: 1em;
	line-height: 1.5em;
	}

/*----- Rounded Corners on Update Box at Bottom of Pages-----*/

.box{
	clear: both;
	width: 11em;
	background: #51b948 url('../Images/common/box/bottom-left-corner-mask.png') no-repeat left bottom;
	padding-bottom: 0%;
	}

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

.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: 10%;
	padding-right: 1%;
	color: #ffffff;
	padding-bottom: 0%;
	}

/*----- Home Page -----*/

#sidebarLinks {
	line-height: 18px;
	color: #005596;
	float: left;
	}
	
#sidebarLinks ul {
	list-style: none;
	}
	
#content {
	float: left;
	width: auto;
	}
	
#content a {
	color: #005596;
	}	

/*----- Home Page--Drop Shadow -----*/

.img-wrapper{
	display: none;	
	}

.img-wrapper img{
	display: none;
	}

#footer {
	clear: both;
	}
	
th {
	background-color: #51B948;
	}

/*----- Partner Family -----*/

#contentPartner {
	float: left;
	width: 94%;
	}
	
/*----- President's Greeting -----*/

#wrapper {
	padding-top: 150px;
	}
	
#presidentImg {	
	display: none;
	}

/*----- Current Projects -----*/
	
#currentProject1, #currentProject2 {
	display: none;
	}

#contentCur {
	float: right;
	width: auto;
	}
	
/*----- Construction_tasks 1012 & 1133 -----*/

#contentConstruc caption{
	}

#contentConstruc table {
	float: left;
	}

/*----- Completed Projects -----*/

#completedImage {
	display: none;	
	}

table {
	float: left;
	border-collapse:  collapse;
	width:  auto;
	border:  1px solid #666;
	}
	
.odd {
	background-color: rgb(255,223,145);
	}
	
tr:hover {
	background-color: #f78934;
	color: inherit; 
	}	

th, td {
	padding: 0.3em 0.2em;
	}
	
th {
	color: #ffffff;
	}

caption {
	font-size: 1.2em;
	font-weight: bold;
	}

col {
	border-right: 1px solid #ccc;
	}
	
col#dateCol {
	border: none;
	}
	
/*----- Sweat Equity Page -----*/ 

#sweatImg {
	display: none;
	}
	
#contentSweat {
	float: left;
	}

/*----- Volunteer Form Page -----*/

#form {
	clear: both;
	position: relative;
	width: auto;
	}
	
#contentVol {
	float: left;
	clear: both;
	}
		
#volunteerImg1, #volunteerImg2, #volunteerImg3 {
	display: none;
	}
	
/*----- Form Layout -----*/
	
legend {
	font-weight: bold;
	}
	
fieldset {
	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;
	}
	
input:focus, textarea:focus {
	background: #ffc;
	}
	
/*-----Form Fieldset Contact -----*/

fieldset#contact {}

#contact div {
	width: auto;
	float: left;
	}	
	
#contact label {
	width: auto;
	}
		
/*----- Form Fieldset Committees -----*/
	
fieldset#committees {
	padding: 0;
	border: none;
	background: transparent;
	}
	
#committees div {
	width: auto;
	float: left;
	}
	
.clear {
	clear: both;
	}
	
#committees label {
	width: auto;
	float: none;
	display: inline;
	}	

/*----- Form Fieldset Construction -----*/

fieldset#construction {
	padding: 0;
	border: none;
	background: transparent;
	}
	
#construction div {
	width: auto;
	float: left;
	}
	
.clear {
	clear: both;
	}
	
#construction label {
	width: auto;
	float: none;
	display: inline;
	}	
	
/*-----Form Fieldset Office -----*/

fieldset#office {
	padding: 0;
	border: none;
	background: transparent;
	}
	
#office div {
	width: auto;
	float: left;
	}
	
.clear {
	clear: both;
	}
	
#office label {
	width: auto;
	float: none;
	display: inline;
	}
	
#websiteSource {
	width: auto;
	float: left;
	}	
/*----- End of Fieldsets -----*/
	
#footerVol {
	clear: both;
	position: relative;
	float: left;
	}
	
/*----- About -----*/

#contentAbout {
	float: right;
	width: auto;
	}
	
#sidebar {
	float: left;
	color: #003399;
	}
	
#sidebar p {
	}	
		
/*----- End of CSS -----*/