/* **************************************
 * Global Layout
 ************************************** */

html { 
	min-height: 100%;
	background: rgb(199, 178, 153) url(../img/bg.jpg) center bottom repeat-y;
}

body {
	min-height: 100%;
	background: url(../img/bg.jpg) center top no-repeat;
}

:focus { outline: 0 }

#screen {
	position: relative;
	width: 926px;
	padding: 166px 0 0 13px;
	background: url(../img/bg.jpg) top center no-repeat;
	margin: 0 auto;
}


#logo { 
	position: absolute; right: 12px; top: 42px;
	width: 465px; height: 144px;
	background: url(../img/logo.png) left top no-repeat;
	text-indent: -99999px;
}

#nav { 
	height: 34px;
	padding: 14px 0 0 29px;
	background: url(../img/nav_bg.png) left top no-repeat;
	position: relative; overflow: hidden;
	margin-bottom: 22px;
}
#nav li { float: left; margin: 0 37px; display: inline; }


	#nav a { height: 18px; line-height: 18px; }
	#nav .current a { background-position: 0 -18px; }


#content { float: left; width: 734px; }
	.small_container { background: url(../img/small_container_bg.jpg) left 32px no-repeat; width: 683px; height: 447px; padding: 0 20px 0 27px; }
	.small_container .header { margin: 0 -22px 20px -27px; }

	.large_container { background: url(../img/large_container_bg.jpg) -1px 32px no-repeat; width: 693px; height: 853px; margin: -1px 0 0 -1px; padding: 0 16px 0 23px; }
	.large_container .header { margin: 0 -18px 20px -23px; }

	.growing_container_wrapper_outer { background: url(../img/container_middle.jpg) -1px top repeat-y; width: 732px; }
	.growing_container_wrapper_inner { background: url(../img/container_bottom.jpg) -1px bottom no-repeat; }
	.growing_container { background: url(../img/container_top.jpg) -1px top no-repeat; padding: 20px 16px 20px 23px; }

#sidebar { float: left; width: 178px; margin-right: 13px; }


/* Visual Elements */
.header {
	height: 32px;
	padding-right: 12px;
	background: url(../img/nav_bg.png) right -49px no-repeat;
}

.header span {
	display: block;
	background: url(../img/nav_bg.png) left top no-repeat;
	padding: 0 0 0 25px;
	height: 32px;
	overflow: hidden;
}

.subheader,.button {
	height: 42px;
	padding: 0 13px 0 0;
	background: url(../img/subheader_bg.png) right -42px no-repeat;
	margin: 0 -4px 0 -7px;
}

.subheader span,.button span {
	display: block;
	background: url(../img/subheader_bg.png) left top no-repeat;
	padding: 0 12px 0 25px;
	height: 42px;
	overflow: hidden;
}

.button { display: inline-block; text-decoration: none; }

.tabs { overflow: hidden; position: relative; }
.tabs li { float: left; }
.tabs li a {
	display: block;
	text-align: center;
	width: 150px;
	height: 32px;
	padding-right: 12px;
	background: url(../img/nav_bg.png) right -49px no-repeat;
	overflow: hidden;
	text-decoration: none;
}
.tabs li a span {
	display: block;
	background: url(../img/nav_bg.png) -6px top no-repeat;
	padding: 9px 0 0 10px;
	height: 32px;
}

.content {
	background: url(../img/content_bg.png);
	padding: 12px;
	border: solid 1px #321a0b;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


.dropshadow {
	background: url(../img/shadow.png) left bottom no-repeat;
	padding: 0 0 9px 6px;
	margin-left: -6px;
}

.tabs .current .text-replaced { background-position: 0 -18px; }

.tabarea {
	height: 725px;
	padding: 8px;
	
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
}


/* Sidebar items */
#donate_button { background: url(../img/paypal.jpg); width: 176px; height: 108px; margin-bottom: 15px; position: relative; }
	#donate_button a { height:72px; left:21px; position:absolute; top:12px; width:141px; text-indent: -99999px; }
#gear_button { background: url(../img/email.jpg); width: 176px; height: 108px; margin-bottom: 12px; position: relative; }
	#gear_button a { height:72px; left:21px; position:absolute; top:9px; width:141px; text-indent: -99999px; }
#contact_button { background: url(../img/contact.jpg); width: 176px; height: 108px; position: relative; }
	#contact_button a { height:72px; left:21px; position:absolute; top:10px; width:141px; text-indent: -99999px; }

#guestbook_button { margin-top: 18px; }


/* Typography */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #fff;
	line-height: 1.3;
}

a { color: #fff; }

strong { font-weight: bold }

em { font-style: italic; }

#content p {
	margin-bottom: 1em !important;
}

#content ol {
	padding-left: 1.5em;
}

#content ol li {
	list-style: decimal;
	margin-bottom: 1em;
}


/* Sponsors and Footer */
#sponsors { padding-right: 18px; text-align: right; clear: both; }
#sponsors li {
	padding-left: 15px;
	display: inline;
}

#footer {
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 10px;
	padding: 12px 0 20px 0;
}


/* Forms */
form p { margin-bottom: 20px; font-size: 17px; }
form label { display: inline-block; width: 80px; margin-bottom: 7px; font-size: 14px; font-family: Georgia, 'Times New Roman', Times, serif; }
form .input-text { display: block; width: 250px; margin-right: 14px; }
form textarea { width: 100%; }
form .button { float: right; }
form label.error { color: red; font-weight: bold; width: auto; }


/* Utility */
.clear { clear: both }



/* **************************************
 * Page-Specific Blocks and Styles
 * ************************************** */


/* Home Page */
#home_content {
	background: url(../img/home_content_bg.jpg) left 32px no-repeat;
	padding: 0 12px 0 19px;
	width: 699px; height: 687px;
	margin-bottom: 14px;
}
#home_content .header { margin: 0 -13px 16px -19px; }
#home_subcontent { height: 110px; }


#home_content2 {
	background: url(../img/home_content2_bg.jpg) left 32px no-repeat;
	width: 699px; height: 157px;
	padding: 0 12px 0 19px;
	margin-bottom: 10px;
}
#home_content2 .header { margin: 0 -13px 16px -19px; }
#home_subcontent2 { height: 61px; }
#home_twitter {	float: right; }


#home-map { width: 254px; float: left; margin: -5px 0 0 40px; }
#home-text { width: 370px; float: left; background: url(../img/home_dropshadow.png); padding: 0 0 9px 6px; margin-left: -6px; }
#home-text .content { width: 346px; height: 356px; }

#twitter-time { margin-top: 6px; }
#twitter-body { margin-top: 10px; }


/* Contact Page */
#contact {
	font-family: Georgia, 'Times New Roman', Times, serif;
	letter-spacing: 1px;
	line-height: 1.4;
}

#contact form {
	margin-top: 15px;
}

#contact-content-wrapper {
	float: right;
	padding: 0 0 9px 6px;
	background: url(../img/small_shadow.png) 1px bottom no-repeat;
}
#contact-content {
	width: 352px; height: 123px;
	padding: 6px;
	font-size: 12px;
}


/* Thanks Page */
#thanks { text-align: center; margin-top: 140px; }


/* Sponsors Page */
#sponsors_table { width: 100%; border-collapse: collapse; }
	#sponsors_table td { padding: 16px 13px 16px 13px; border-top: solid 1px #382614; }
	#sponsors_table tr.first td { border-top: none 0; }
	#sponsors_table .image { text-align: center; }


/* Help Pages */
#help_donate { padding: 18px 16px 20px 16px; font-size: 14px; line-height: 1.4; overflow: hidden; position: relative; }
#help_email { padding: 10px }

#help_left { float: left; width: 385px; height: 636px; margin: 0 10px 0 -10px; position: relative; }
#help_right { float: left; width: 290px; }
#help_right_content { padding: 14px; height: 590px; overflow: visible; position: relative; }

#page_prev { float: left; display: none; }
#page_next { float: right; display: none; }

#help_right_content .page { display: none }
#help_right_content .current { display: block }

#map_overlay,#map,#map1,#map2,#map3,#map4 { position: absolute; left: 0; top: 0; width: 385px; height: 636px; }
#map1,#map2,#map3,#map4 { display: none; position: absolute; }




/* About Pages */
#about { padding: 10px 18px 0 18px; }

#beau_pic { width: 150px; float: left; margin-top: 24px; }
#beau_info { width: 524px; float: left; margin-top: 42px; }
#beau_info_content { padding: 4px 0 0 18px; }

#stats_table {
	background: url(../img/stats_bg.png) left top no-repeat;
	width: 687px; height: 281px;
	margin: 8px 0 0 -7px;
	padding: 0 0 11px 7px;
}

#stats_table table {
	width: 678px; height: 270px;
	table-layout: fixed;
	font-size: 14px;
	margin-top: -10px;
}

#stats_table td, #stats_table th {
	text-align: center;
	padding: 0 10px;
	font-weight: normal;
}


#stats_table th {
	font-size: 14px;
	color: #f09820;
	vertical-align: middle;
}

#stats_table td { font-size: 13px; }

#stats { padding: 16px; }



/* Carousel */
.carousel { overflow: hidden; position: relative; padding: 16px 10px 0 10px; /* height: 140px; padding: 16px 45px 0 45px; */  }
.carousel li { float: left; margin: 0 11px 26px 11px; /* margin: 0 11px 10px 11px; */ width: 175px; height: 130px; }
.carousel a {
	display: block;
	border: solid 1px #000;
	width: 175px; height: 130px;
	text-decoration: none;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.jcarousel-container {
    position: relative;
	padding: 16px 45px 0 45px; 
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 585px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
	width: 34px; height: 33px;
	background: url(../img/left.png);
	position: absolute;
	left: 0; top: 70px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
	width: 34px; height: 32px;
	background: url(../img/right.png);
	position: absolute;
	right: 0; top: 70px;
}






/* ******************************
 * Text Replacement
 * ****************************** */
.text-replaced { display: inline-block; text-indent: -99999px; overflow: hidden; text-align: left; background-repeat: no-repeat; }

.donate-text { background-image: url(../img/text/donate.gif); width: 104px; height: 12px; margin: 11px 0 0 0; }
.gear-text { background-image: url(../img/text/gear.gif); width: 114px; height: 12px; margin: 12px 0 0 -2px;  }
.thanks-text { background-image: url(../img/text/thanks.png); width: 563px; height: 37px; }
.return-text { background-image: url(../img/text/return.gif); width: 125px; height: 10px; margin: 11px 0 0 0; }
.contact-text { background-image: url(../img/text/contact.gif); width: 77px; height: 9px; margin: 13px 0 0 0;  }
.contact2-text { background-image: url(../img/text/contact2.gif); width: 61px; height: 10px; margin: 11px 0 0 0;  }
.submit-text { background-image: url(../img/text/submit.gif); width: 50px; height: 11px; margin: 10px 0 0 0;  }
.sponsors-text { background-image: url(../img/text/sponsors.gif); width: 68px; height: 11px; margin: 13px 0 0 0; }
.press-text { background-image: url(../img/text/press.gif); width: 130px; height: 14px; margin: 13px 0 0 0;  }
.about-text { background-image: url(../img/text/about.gif); width: 363px; height: 14px; margin: 13px 0 0 0; }
.why2-text { background-image: url(../img/text/why2.gif); width: 357px; height: 14px; margin: 11px 0 0 0; }
.what-text { background-image: url(../img/text/what.gif); width: 572px; height: 13px; margin: 11px 0 0 0; }
.policy-text { background-image: url(../img/text/policy.gif); width: 204px; height: 15px; margin: 9px 0 0 0; }
.survey-text { background-image: url(../img/text/survey.gif); width: 245px; height: 13px; margin: 11px 0 0 0; }
.how-text { background-image: url(../img/text/how.gif); width: 97px; height: 13px; margin: 12px 0 0 0; }
.contact3-text { background-image: url(../img/text/contact3.gif); width: 260px; height: 13px; margin: 12px 0 0 0; }
.who-text { background-image: url(../img/text/who.gif); width: 182px; height: 14px; margin: 10px 0 0 0; }
.prep-text { background-image: url(../img/text/prep.gif); width: 170px; height: 14px; margin: 10px 0 0 0; }
.why-text { background: url(../img/text/why.gif); width: 175px; height: 14px; margin: 11px 0 0 0; }
.follow-text { background: url(../img/text/follow.gif); width: 96px; height: 11px; margin: 11px 0 0 0; }
.big-why-text { background: url(../img/text/big-why.png); width: 97px; height: 39px; display: block; margin: 0 0 2px -12px; }
.journey-text { background: url(../img/text/journey.png); width: 505px; height: 37px; margin: 12px 7px 0 0; }
.track-text { background: url(../img/text/track.gif); width: 216px; height: 14px; margin: 11px 0 0 0; }
.twitter-text { background: url(../img/text/twitter.gif); width: 201px; height: 15px; margin: 8px 0 0 0; }
.track2-text { background: url(../img/text/track.png); width: 181px; height: 32px; margin: 0 0 10px 0; }
.labor-text { background: url(../img/text/labor.gif); width: 264px; height: 11px; margin: 11px 0 0 0; }
.legislature-text { background: url(../img/text/legislature.gif); width: 327px; height: 13px; margin: 11px 0 0 0; }
.john-text { background: url(../img/text/john.gif); width: 341px; height: 11px; margin: 11px 0 0 0; }

.left-arrow { background:  url(../img/small_left.png); width: 20px; height: 20px; margin: 9px 0 0 0; }
.right-arrow { background:  url(../img/small_right.png); width: 20px; height: 19px; margin: 9px 0 0 4px; }

.nav-home-text { width: 40px; background-image: url(../img/text/nav-home.gif); }
.nav-about-text { width: 42px; background-image: url(../img/text/nav-about.gif); }
.nav-help-text { width: 83px; background-image: url(../img/text/nav-help.gif); }
.nav-press-text { width: 40px; background-image: url(../img/text/nav-press.gif); }
.nav-blog-text { width: 32px; background-image: url(../img/text/nav-blog.gif); }
.nav-sponsors-text { width: 65px; background-image: url(../img/text/nav-sponsors.gif); }
.nav-contact-text { width: 52px; background-image: url(../img/text/nav-contact.gif); }
.nav-who-text { width: 85px; background-image: url(../img/text/nav-who.gif); }
.nav-stats-text { width: 37px; background-image: url(../img/text/nav-stats.gif); }
.nav-donate-text { width: 52px; background-image: url(../img/text/nav-donate.gif); }

.no-number { background-position: -16px 0; }