/* Kalamazoo Valley Habitat for Humanity */

/* ----------------------------------------------------
normalize styles */
* { 
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	border-collapse: collapse;
	}
/* end of normalize styles */

/* ----------------------------------------------------
styles for xhtml elements */
body {
	background: #a09b7f;
	font: 12px Arial, Verdana, sans-serif;
	line-height: 1.5em;
	color: #444444;
	width: 780px;
	position: relative;
	left: 50%;
	margin-left: -390px;			/* absolute value is half of width */
	}
h1 {								/* page title */
	font: bolder 18px "Times New Roman", Times, serif;
	}
h2 {								/* paragraph heading */
	margin: 20px 50px -4px 40px;
	font: bold 14px "Times New Roman", Times, serif;
	color: #333333;
	}
ol {
	margin: 12px 50px 0 60px;
	}
ol li {
	list-style: decimal; 
	}
ul {
	margin: 12px 50px 0 74px;
	}
ul li {
	list-style: disc;
	}
a:link	{
	color: #005596;
	text-decoration: underline;
	font-weight: bold;
	}
a:visited {
	color: #4a207e;
	text-decoration: underline;
	font-weight: bold;
	}
table {
	margin-top: 15px;
	margin-left: 40px;
	}
fieldset {
	background-color: #faf7dd;
	border: 1px solid #eadf83;
	margin:	14px 60px 20px 40px;
	}
legend {
	font-weight: bold;
	color: #444444; 
	}
/* end of styles for xhtml elements */

/* ----------------------------------------------------
styles for all pages */
.background {
	background: url(../_images/site/background.gif) center repeat-y;
	}
#branding a {	
	position: absolute;
	top: 0;
	left: 0;
	width: 780px;
	height: 161px;	
	}
body.home #branding a {
	background-image: url(../_images/home/home_brand.gif);
	}
body.about #branding a {
	background-image: url(../_images/about/about_brand.gif);
	}
body.owner #branding a {
	background-image: url(../_images/owner/owner_brand.gif);
	}
body.volunteer #branding a {
	background-image: url(../_images/volunteer/volunteer_brand.gif);
	}	
body.support #branding a {
	background-image: url(../_images/support/support_brand.gif);
	}
body.restore #branding a {
	background-image: url(../_images/restore/restore_brand.gif);
	}
body.projects #branding a {
	background-image: url(../_images/projects/projects_brand.gif);
	}
body.quick #branding a {
	background-image: url(../_images/quick/quick_brand.gif);
	}
#section_bar {	
	position: absolute;
	top: 189px;						/* 161 + 28 = 189 */
	left: 0;
	width: 780px;
	height: 35px;	
	}
body.about #section_bar {
	background-image: url(../_images/about/about_section.gif);
	}
body.owner #section_bar {
	background-image: url(../_images/owner/owner_section.gif);
	}
body.volunteer #section_bar {
	background-image: url(../_images/volunteer/volunteer_section.gif);
	}	
body.support #section_bar {
	background-image: url(../_images/support/support_section.gif);
	}
body.restore #section_bar {
	background-image: url(../_images/restore/restore_section.gif);
	}
body.projects #section_bar {
	background-image: url(../_images/projects/projects_section.gif);
	}
body.quick #section_bar {
	background-image: url(../_images/quick/quick_section.gif);
	}
body.about #content h1 {
	color: #005596;
	}
body.owner #content h1 {
	color: #dc241f;
	}
body.volunteer #content h1 {
	color: #f1ab00;
	}
body.support #content h1 {
	color: #4a207e;
	}
body.restore #content h1 {
	color: #51b948;
	}
body.projects #content h1 {
	color: #f78934;
	}
body.quick #content h1 {
	color: #c4a873;
	}
#content {
	width: 588px;					/* 780 - 192 = 588 */
	float: right;
	display: inline;
	margin: 240px 0 40px 0;
	}
#content h1, #content p {
	padding: 12px 50px 0 40px;
	}	
.border_none {
	border: none;
	}
.italic {
	font-style: italic;
	}
.bold {
	font-weight: bold;
	}
.bolder_cutenews {
	font-size: 14px;
	font-weight: bolder;
	}
.emphasize {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	}
.smaller {
	font-size: smaller;
	}
.caption {
	font-size: x-small;
	line-height: 1.3em;
	}
.bottom_space {
	margin-bottom: 8px;
	}
#top_margin {
	margin-top: 8px;
	}
#top_image {
	margin-top: 16px;
	}
.float_left {
	float: left;
	margin: 8px 20px 0 0;
	}
.float_right {
	float: right;
	margin: 0px 15px 10px 25px;
	}
.float_right_border {
	float: right;
	margin: 0px 15px 10px 25px;
	border: 1px solid #eadf83;
	}
.float_right_top {
	float: right;
	margin: 10px 15px 10px 25px;
	}
#img_location {
	margin-top: 8px;
	}
#footer {
	clear: both;
	height: 45px;
	background: url(../_images/site/footer.gif) bottom no-repeat;
	}
#color_bar {
	margin: 0 11px 0 12px;
	width: 757px;					/* 780 - 11 - 12 = 757 */
	height: 8px;
	font-size: 0;	
	}
body.home #color_bar,
body.about #color_bar {
	background-color: #005596;
	}
body.owner #color_bar {
	background-color: #dc241f;
	}
body.volunteer #color_bar {
	background-color: #f1ab00;
	}
body.support #color_bar {
	background-color: #4a207e;
	}
body.restore #color_bar {
	background-color: #51b948;
	}
body.projects #color_bar {
	background-color: #f78934;
	}
body.quick #color_bar {
	background-color: #c4a873;	
	}
#copyright {
	font-size: x-small;
	font-style: italic;
	margin-top: 3px;
	margin-left: 40px;
	}	
/* end of styles for all pages */

/* ----------------------------------------------------
styles for cutenews */
.cutenews_bullet_list {
	list-style-type: disc;
	padding-bottom: 2px;
	}
.cutenews_alpha_list {
	list-style-type: lower-alpha;
	padding-bottom: 2px;
	}
/* end of styles for cutenews */

/* ----------------------------------------------------
styles for home page */
#home_spacer_left {
	position: absolute;
	left: 0;
	top: 161px; 
	}
#home_spacer_right {
	position: absolute;
	left: 769px;
	top: 161px; 
	}
#home_top_bar {
	position: absolute;
	top: 189px;						/* 161 + 28 = 189 */
	left: 0;
	width: 780px;
	height: 7px;
	background-image: url(../_images/home/home_top_band.gif);	
	}
#home_content {
	position: absolute;
	top: 196px;						/* 161 + 28 + 7 = 196 */
	left: 0;
	width: 780px;
	height: 350px;
	background: url(../_images/home/home_background.gif) center repeat-y;	
	}
#home_photos {
	position: absolute;
	top: 0;
	left: 12px;
	width: 542px;
	height: 350px;
	}
#home_philosophy {
	position: absolute;
	top: 196px;						/* 161 + 28 + 7 = 196 */
	left: 555px;
	width: 225px;
	height: 186px;
	background: url(../_images/home/home_philosophy.gif) left no-repeat;
	}
#home_footer {
	position: absolute;
	top: 546px;						/* 161 + 28 + 7 + 350 = 546 */
	left: 0;
	width: 780px;
	height: 45px;
	background: url(../_images/site/footer.gif) bottom no-repeat;
	}
/* end of styles for home page */

/* ----------------------------------------------------
styles for facts & fiction text */
.fact {
	font: bold 14px "Times New Roman", Times, serif;
	color: #333333;
	}
/* end of styles for facts & fiction text */

/* ----------------------------------------------------
styles for Nicaragua video */
.no_bullet {
	list-style: none;
	}
/* end of styles for Nicaragua video */

/* ----------------------------------------------------
styles for board of directors table */
#bod {
	width: 487px;
	margin-top: 20px;
	}
#bod td {
	padding: 6px 0 6px 18px;
	vertical-align: top;
	border: 1px solid #ffffff;
	}
#bod_officers {
	background-color: #e2f0d2;
	}
#bod_members {
	background-color: #e3dcb4;
	}
/* end of styles for board of directors table */

/* ----------------------------------------------------
styles for income guideline table */
#guideline {
	border: 4px double #eadf83;
	width: 310px;
	line-height: 2.25em;
	}
.heading {
	color:#ffffff;
	text-align: center;
	font-weight: bold;
	background-color: #dc241f;
	}
.stripe {
	background-color: #f1eed6;	
	}
.family {
	text-align: center;
	width: 100px;
	}
.income {
	text-align: center;
	width: 210px;
	}
#footnote {
	border: thin solid #eadf83;
	font-size: x-small;
	padding: 5px 6px 5px 6px;
	line-height: 1.3em;
	}
/* end of styles for income guideline table */

/* ----------------------------------------------------
styles for workshop sign-up, orientation sign-up and volunteer test forms */
#form_table {
	margin-left: 16px;
	}
#form_table td {
	padding: 0 4px 8px 0;
	}
.align_right {
	text-align: right;
	}
#results_box {
	width: 454px;
	border: 1px solid #444444;
	margin: 16px 0 16px 40px;
	padding: 16px;
	color: #dc241f;
	}
.highlight {
	color: #dc241f;
	}
#test {
	margin: 16px;
	}
#test td {
	padding: 5px;
	}
#test tr {
	vertical-align: top;
	}
.question_number {
	text-align: right;	
	}
.question {
	width: 250px;
	}
#button {
	text-align: center;
	padding: 2px 10px 2px 10px;
	}
body.owner #button {
	color: #ffffff;
	background-color: #dc241f;
	}
body.volunteer #button {
	color: #000000;
	background-color: #f5c44d;
	}
/* end of styles for workshop sign-up, orientation sign-up and volunteer test forms */

/* ----------------------------------------------------
styles for garden donations columns */
#garden {
	width: 400px;
	margin-top: 8px;
	margin-left: 50px;
	}
#garden ul {
	margin: 0 0 0 20px;
	}
/* end of styles for garden donations columns */

/* ----------------------------------------------------
styles for waste saved box */
#waste_saved {
	float: right;
	display: inline;
	width: 125px;
	border: 3px double #85ce7f;
	background-color:#e2f0d2;
	margin: 20px 70px 10px 25px;
	padding: 23px;
	font-style: italic;
	}
.emphasis {
	color: #51b948;
	font-weight: bold;
	font-style: italic;
	}
/* end of styles for waste saved box */

/* ----------------------------------------------------
styles for help list */
.help {
	margin: 10px 0 0 14px;
}
/* end of styles for help list */

/* ----------------------------------------------------
styles for contact tables */
#col_1, #col_3 {
	width: 160px;
	font: bolder 18px "Times New Roman", Times, serif;
	color: #c4a873;
	display: inline;
	padding-bottom: 8px;
	}
#col_2 {
	width: 50px;
	border: none;
	}
#contact_1 {
	background-color: #e2f0d2;
	border: 1px solid #e2f0d2;
	padding: 20px;
	vertical-align: top;
	}
#contact_2 {
	background-color: #faf7dd;
	border: 1px solid #faf7dd;
	padding: 20px;
	vertical-align: top;
	}
#contact_3 {
	background-color: #e3dcb4;
	border: 1px solid #e3dcb4;
	padding: 20px;
	vertical-align: top;
	}
#contact_4 {
	background-color: #4d88b6;
	border: 1px solid #4d88b6;
	color: #ffffff;
	padding: 20px;
	vertical-align: top;	
	}

#departments td {
	padding-right: 10px;
	}
/* end of styles for contact tables */

/* ----------------------------------------------------
styles for directions table and map */
#directions {
	width: 525px;
	}
#directions td {
	padding: 0 20px 20px 0;
	vertical-align: top;
	}
#map {
	width: 487px;
	height: 500px;
	margin: 30px 0 0 40px;
	}
#map_info_window {
	font-weight: bold;
	}
/* end of styles for directions table and map */