@charset "UTF-8";
/* CSS Document */

/***********************************************/
/* GLOBALS                                     */
/***********************************************/ 

body { background: url(../i/bg.jpg) center repeat; font: .8em Verdana, Arial, Helvetica, sans-serif; color:#333333; margin: 0; padding: 20px 0 0 0; text-align:center; }

#background_content { position: relative; background: url(../i/body_back.jpg) top center repeat-y; width: 950px; margin: 0 auto; }

#background_content_white { position: relative; background: url(../i/body_back_white.jpg) top center repeat-y; width: 950px; margin: 0 auto; }

#header { position: relative; background: url(../i/header.jpg) no-repeat; width: 950px; padding: 0; height: 200px; z-index: 2000;}

#image { position: absolute; left: 609px; top: 0px; width: 341px; height: 167px; z-index: 3000;}

#content {
	position:relative;
	width: 880px;
	padding: 10px 30px 10px 40px;
	text-align: left;
}

#left_column { float: left; width: 600px; }

#left_column p {margin-right: 10px; margin-left: 10px;}

#right_column { float: right; width: 260px;}

#team { width: 238px; background: #f0daa2; border: 1px dashed #a8925c; border-top-style: none; padding: 0px 10px 10px; }

#right_column p { text-align: left; font-size: 10px;}

#team a {padding: 10px 10px 10px 30px; background: url(../i/right_rollover.jpg) -0px -0px; border: 1px solid #bfaa7a;  display: block; text-decoration: none; color: #f9e2b2; margin: 0px; text-transform: none; font-weight: normal; clear: both; margin-top: 15px; font-size: 16px;}

#team a:hover {padding: 10px 10px 10px 45px; background: url(../i/right_rollover.jpg) -0px -60px; border: 1px solid #bfaa7a; display: block; text-decoration: none; color:#f9e2b2;text-transform: none; margin-top: 15px;}

.index_column_left {float: left; width: 260px; background: #f0daa2; border: 1px dashed #a8925c; padding: 10px;}

.index_column_right {float: right; width: 260px; background: #f0daa2; border: 1px dashed #a8925c; padding: 10px;}

<!--This version of column right has the requests from Amie for the GFM Gift Catalog page for 2009.-->
<!--"Change Abraham’s letter box to be light green or creamy yellow instead of beige"-->
.index_column_right2 {float: right; width: 260px; background: #f0daa2; border: 1px dashed #000000; padding: 10px;}

.register_column_right {float: right; width: 238px; background: #f0daa2; border: 1px dashed #a8925c; padding: 10px;}



#home_page { width: 700px; margin: 0 auto; }

.home_float { float: left; margin: 0 50px 0 50px; width: 260px;}

.clear_both { clear: both; height: 0px;}

#background_footer { width: 950px; position: relative; margin: 0 auto; background: url(../i/footer.jpg) no-repeat; }

#footer_content { position:relative; width: 880px; color: #c18423; padding: 35px 10px 10px; text-align: left;}


/***********************************************/
/* MENU                                        */
/***********************************************/ 

#header_nav_container {
position:relative; /* IMPORTANT!!!! */
padding: 0;
width: 920px;
height:29px;
top: 167px;
background: url(../i/menu.jpg) top no-repeat;
margin: 0 auto;
z-index: 3000;
}

.home {
	position:absolute;
	list-style:none;
	width: 105px;
	height: 29px;
	left: 0px;
	top: 0px;
}

.home a{
	width: 105px;
	height: 29px;
}


.home a:hover{
	background:url(../i/menu.jpg) -0px -29px no-repeat;
}

.about {
	position:absolute;
	list-style:none;
	width: 162px;
	height: 29px;
	left: 105px;
	top: 0px;
}

.about a{
	width: 162px;
	height: 29px;
}

.about li a { width: 100%; height: 100%;}

.about a:hover{
	background:url(../i/menu.jpg) -105px -29px no-repeat;
}

.involved {
	position:absolute;
	list-style:none;
	width: 170px;
	height: 29px;
	left: 267px;
	top: 0px;
}

.involved a{
	width: 162px;
	height: 29px;
}

.involved li a { width: 100%; height: 100%;}

.involved a:hover{
	background:url(../i/menu.jpg) -267px -29px no-repeat;
}

.resources {
	position:absolute;
	list-style:none;
	width: 138px;
	height: 29px;
	left: 437px;
	top: 0px;
}

.resources a{
	width: 138px;
	height: 29px;
}

.resources li a { width: 100%; height: 100%;}

.resources a:hover{
	background:url(../i/menu.jpg) -437px -29px no-repeat;
}

.contact {
	position:absolute;
	list-style:none;
	width: 156px;
	height: 29px;
	left: 575px;
	top: 0px;
}

.contact a{
	width: 156px;
	height: 29px;
}

.contact li a { width: 100%; height: 100%;}

.contact a:hover{
	background:url(../i/menu.jpg) -575px -29px no-repeat;
}

.give {
	position:absolute;
	list-style:none;
	width: 189px;
	height: 29px;
	left: 731px;
	top: 0px;
}

.give a{
	width: 189px;
	height: 29px;
}

.give li a { width: 100%; height: 100%;}

.give a:hover{
	background:url(../i/menu.jpg) -731px -29px no-repeat;
}

.link {margin:0 auto 0 auto; position:relative;}

.link a {color:#a51d21; text-align:left; font-family:"Times New Roman", Times, serif; font-size:12px; font-weight:normal; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; padding:2px 5px; height:auto; width:auto;}

.link a:hover{background-color:#335ab4; color:#ffffff; text-decoration:none; background:none;}

.link a:active{background-color:#335ab4;}



/***********************************************/
/* TEXT STYLES                                 */
/***********************************************/ 

h1 {font: 28px "Times New Roman", Times, serif; color: #3c0d00; display: block; text-decoration:none; background: url(../i/h1_back.jpg) left no-repeat; padding:10px 0 10px 15px;margin: 0;}

h1x {font: 28px "Times New Roman", Times, serif; color: #3c0d00; display: block; text-decoration:none; background:none; padding:10px 0 10px 15px;margin: 0;}

h2 {font: 28px "Times New Roman", Times, serif; color: #3c0d00; display: block; text-decoration:none; background: url(../i/h1_back.jpg) left no-repeat; padding:10px 0 10px 15px;margin: 20px 0 0; clear: both;}

h2x {font: 28px "Times New Roman", Times, serif; color: #3c0d00; display: block; text-decoration:none; background:none; padding:10px 0 10px 15px;margin: 20px 0 0; clear: both;}

h4 {font: 24px "Times New Roman", Times, serif; color: #00242a; margin-bottom: 5px; padding-bottom: 0; margin-left: 10px;}

h5 {font: 18px "Times New Roman", Times, serif; color: #3c0d00; margin: 0 0 5px; padding-bottom: 0;}

h3 {font: 18px "Times New Roman", Times, serif; color: #74301C; background-color: #f0daa2; margin:0; padding:5px ; border: #999 1px solid; }

h3.toggler a:link, h3.toggler a:visited, h3.toggler a:active {color:#74301C; display:block; font-weight: normal; text-transform: uppercase; text-decoration: none;}

h3.toggler a:hover, h3.toggler a:visited:hover {color:#FEF6D2; }

a.links { padding: 5px; background: #4e3300; border: 5px solid #9e6802; color: #FFF; text-decoration: none; margin-left: 15px; text-align: left;}
a.links:hover { padding: 5px; background: #9e6802; border: 5px solid #4e3300; color: #FFF; text-decoration: none;}

a.link_float {padding: 10px; background: #e2c88e; border: 1px solid #bfaa7a; display: block; text-decoration: none; color: #333; margin: 0px; text-transform: none; font-weight: normal; clear: both; margin: 15px 0;}

a.link_float:hover {padding: 10px; background: #f6e4bd; border: 1px solid #bfaa7a; display: block; text-decoration: none; color:#333;text-transform: none; margin: 15px 0;}

.float_right { float: right; margin: 0 0 5px 5px;}

.float_left { float: left; margin: 0 5px 5px 0;}

a { color: #87250d; text-decoration: underline; }

a:hover { color: #333; text-decoration: none; }

p {text-align: justify; line-height:1.5em;}

blockquote { line-height:1.6em; font-style: italic; color:#990000; font-size: 14px;}

.first_paragraph {margin-top: 0; padding-top: 0; }


.last_paragraph { padding-bottom: 15px; border-bottom: 1px solid #666; }

.statement { line-height: 1.5em;}
.statement li { margin-bottom: 10px;}


.support img { float: left; margin-right: 10px; }

.support a {padding: 10px; background: #f0daa2; border: 1px solid #bfaa7a; display: block; text-decoration: none; color: #333; margin: 15px; text-transform: none; font-weight: normal;}

.support a:hover {padding: 10px; background: #f6e4bd; border: 1px solid #bfaa7a; display: block; text-decoration: none; color:#333;text-transform: none;}

.support p { padding: 0px; margin: 2px 0 0 0; font-size: 12px; }

.support strong { color:#01313a;}

.support h2 {font: 18px Helvetica, Arial, sans-serif; color: #3f2c01; font-weight: normal; margin: 0; padding: 0; text-transform: none; background: none; clear: none;}