/* PNG FIX */
img, div, body { behavior: url(/iepngfix.htc) }

	/* General styles */
	body  { font-size: 0.8em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color:  #4d3e53; text-align: center; margin: 0; padding: 0; width: 100%; min-width: 600px; height: 100%; border: 0 }
	#wrapper {
		background:  #4d3e53 url("materials/background.jpg") repeat-y center 0;
		position: relative;
		width: 804px;
		margin-left: auto;
		margin-right: auto;
		border: 0;
	}
	/* Header styles */
	#header {
		clear: both;
		width:100%;
		text-align: left;
		line-height: 0;
		border: 0;
	}

#logo {
float:left;
left:0;
position:absolute;
top:0;
z-index:2;
}

#header img { border: 0; line-height: 0; margin: 0; display: block; }

/* MENU COL2 STYLE */
.col2 ul      { list-style-type: none; margin: 42px 0 0 0; padding: 0; position: relative; }
.col2 li      { font-size: 16px; font-weight: bold; letter-spacing: 0.1em; text-align: left; margin: 0; padding: 0 }
.col2 li a, .col2 li a:link, .col2 li a:active, .col2 li a:visited     { color: #000; text-decoration: none; display: block; padding: 2px 0 12px 55px }
.col2 .current a, .col2 .current a:link, .col2 .current a:active, .col2 .current a:visited     { color: #000; background-image: url("materials/leaf_over.jpg"); background-repeat: no-repeat; display: block }
.col2 li a:hover  { color: #000; text-decoration: none; background-image: url("materials/leaf_over.jpg"); background-repeat: no-repeat; display: block }
.col2 li#home      { background-image: url("materials/home.jpg"); background-repeat: no-repeat }
.col2 li#about      { background-image: url("materials/about.jpg"); background-repeat: no-repeat }
.col2 li#stories    { background-image: url("materials/stories.jpg"); background-repeat: no-repeat }
.col2 li#donate    { background-image: url("materials/donate.jpg"); background-repeat: no-repeat }
.col2 li#news    { background-image: url("materials/links.jpg"); background-repeat: no-repeat }
.col2 li#events    { background-image: url("materials/events.jpg"); background-repeat: no-repeat }
.col2 li#contact    { background-image: url("materials/contact.jpg"); background-repeat: no-repeat }
.col2 li#merch    { background-image: url("materials/merch.jpg"); background-repeat: no-repeat }
.col2 li#links    { background-image: url("materials/links.jpg"); background-repeat: no-repeat }


	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding: 0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	.col1 {
		text-align: left;
		float:left;
		position:relative;
		padding-top: 0;
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol   { padding: 0 0 5px 0; }
	.threecol .colmid {  right:27%; }
	.threecol .colleft { right:50%; }

	.threecol .col1 { left:100%; width:50%; }
	.threecol .col2 { left:29%; width:19%; }
	.threecol .col3 { left:84.1%; width:22%; }

	/* 2 Column (right menu) settings */
	.rightmenu  { background: transparent; padding: 5px 0; }
	.rightmenu .colleft {
		right:25%;			/* right column width */
		background:#fff;		/* left column background colour */
		border-right: 1px solid #e4e3f2
	}
	.rightmenu .col1  { left: 29%; width: 71%; }
	.rightmenu .col3 {
		width:21%;			/* right column content width (right column width minus left and right padding) */
		left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}

/* FOOTER STYLE */
#footer {
background-color:#FCA520;
background-image:url(materials/footer_bkgrd.jpg);
background-position:right bottom;
background-repeat:no-repeat;
clear:both;
margin:0 25px 0 41px;
padding-bottom:5px;
text-align:center;
 }
#bottom   { background-color: #4d3e53; background-image: url("materials/bottom_bkgrd.jpg"); background-repeat: no-repeat; margin: 0; padding: 0; height: 15px; overflow: hidden; }
#footer ul.foot1     { display: block; margin: 0 0 0; padding: 5px 0; position: relative }
#footer ul.foot2  { display: block; margin: 0; padding: 0; position: relative }
#footer ul li    { font-size: 0.9em; font-stretch: expanded; list-style-type: none; display: inline; margin: 0; padding: 0 5px 0 7px; border-right: 1px solid #ffeac7 }
#footer li.end  { color: #002950; margin: 0; padding: 0 5px; border-top: none; border-right: 0 none; border-bottom: none; border-left: none }
#footer li a, #footer li a:link, #footer li a:active, #footer li a:visited    { color: #37643d; text-decoration: none; letter-spacing: 0.05em; margin: 0 }
#footer li.credit   { color: #ffeac7; font-size: 0.75em; line-height: 1.5em; list-style-type: none; margin: 0; padding: 0; border-width: 0 }
#footer li.siteby   { font-size: 0.73em; list-style-type: none; display: list-item; margin: 0; padding: 0; border-width: 0 }
#footer li.siteby a, #footer li.siteby a:link, #footer li.siteby a:active, #footer li.siteby a:visited   { color: #ffeac7; text-decoration: none; margin: 0; padding: 0 }
#footer li.siteby a:hover  { color: #fff; text-decoration: underline }
#foot_bumper { height: 20px; overflow: hidden; background-color: #4d3e53 } 
.clear { float: left; clear: both; }
.clear_contact 	{ width: 100%; float: left; clear: both; }

/* STYLING */



/* COL 3 STYLE */
.col3 .tag_line  { color: #fff; font-size: 12px; background-color: #37643d; background-image: url("materials/topsidetagbtm.jpg"); background-repeat: no-repeat; background-position: 0 bottom; text-align: right; margin: 0 9px 20px 0; padding: 0 15px 0 10px }
.col3 .tag_line h3 { color: #fff; font-size: 14px; background-image: none; text-align: right; padding: 0.5em 0; }
.col3 p   { color: #444444; font-size: 0.95em; margin-right: 10px; margin-left: 15px  }
.col3 ul, .col3 ol  { list-style-type: none; display: block; margin: 0 0 15px; padding: 0 }
.col3 ul label, .col3 h3, .simplepie h3, .col3 label   { color: #fff; font-size: 18px; font-weight: bold; background-repeat: no-repeat; background-position: 0 bottom; text-align: left; display: block; margin: 0 0 0 10px; padding: 0 }
.col3 h3 a  { color: #b20002; font-weight: bold; text-decoration: none }
.col3 h3 a:link, .col3 h3 a:active, .col3 h3 a:visited  { color: #b20002; text-decoration: none }
.col3 h3 a:hover  { color: #b20002; text-decoration: underline }
.simplepie h3 a, .simplepie h3 a:link, .simplepie h3 a:hover  { color: #b20002; text-decoration: none }
.col3 ul li, .col3 ol li   { font-size: 1em; text-align: right; margin: 10px 15px 0; padding: 0 }
.col3 li a, .col3 li a:link, .col3 li a:active, .col3 li a:visited  { color: #000; font-weight: bold; text-decoration: none; margin: 0; padding: 0 }
.col3 li a:hover  { color: #fca520; text-decoration: underline }
.col3 li.more a { color: #b20002 }
.col3 li.more a:link, .col3 li.more a:active, .col3 li.more a:visited  { color: #b20002 }
.col3 li.more a:hover  { color: #fca520; text-decoration: underline }
.col3 .date    { color: #a9a9a9; font-size: 0.75em; margin: 3px 0 0; padding: 0 }
.simplepie .date  { color: #a9a9a9; font-size: 0.75em; margin: 3px 0 0 0; padding: 0; display: block }

/* VCARD STYLE */
.vcard   { color: #37643d; font-size: 0.9em; text-align: right; margin: 0; padding: 0 1em 0 0 }
.org, .url fn, #mail { visibility: hidden; line-height: 0 }
.value a, .value a:link, .value a:active, .value a:visited { color: #37643d; text-decoration: none; margin: 0; padding: 0  }
.value a:hover { color: #37643d; text-decoration: underline; margin: 0; padding: 0  }

/* E-Subscribe STYLE */
#feedburner { background-image: url("materials/form_boat.jpg"); background-repeat: no-repeat; background-position: 0 top; padding-top: 36px; margin-right: 18px }
form#esubscribe    { background-color: #4e8dc0; text-align: left; margin: 0 5px 25px 12px; padding: 0px 3px 8px 10px; position: relative; z-index: 6; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000 }
#esubscribe h4      { color: #fff; font-size: 1.5em; font-weight: bold; margin: 0 0 3px 0; padding: 0; position: relative }
input#signup_text          { font-size: 0.8em; line-height: 0.86em; visibility: visible; position: relative; width: 115px }
input#subscribe    { color: #fff; font-size: 1em; font-family: Verdana, Helvetica, Arial, sans-serif; text-transform: capitalize; background-color: #b20002; visibility: visible; margin-top: 8px; padding: 2px; position: relative; border: solid 1px }
input#subscribe:hover   { color: #fff; background-color: #fca520; border: solid 1px }

/* BOOK STYLE */
#book { background-image: url("materials/form_book.jpg"); background-repeat: no-repeat; background-position: 0 top; padding-top: 85px; margin-right: 18px }
#books    { background-color: #482e53; text-align: left; margin: 0 5px 25px 12px; padding: 0px 3px 8px 10px; position: relative; z-index: 6; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000 }
#books h4      { color: #fff; font-size: 1.5em; font-weight: bold; margin: 0; padding: 0; position: relative }
#books h5 { color: #fff; font-size: 1em; font-weight: bold; margin: 0 0 3px 0; padding: 0; position: relative }
#getbook  { text-align: center; font-size: .8em; font-family: Verdana, Helvetica, Arial, sans-serif; text-transform: capitalize; background-color: #b20002; visibility: visible; margin-top: 8px; padding: 2px; position: relative; border: solid 1px #FFF; }
#getbook a { display: block; color: #fff; text-decoration: none }
#getbook a:hover   { color: #fff; background-color: #fca520; }

/* DONATE STYLE */
.donate_article { text-align: left; padding: 60px 30px 20px 0; margin-bottom: 20px }
#donate_box { background-image:url(materials/form_oar.jpg);
background-position:0 top;
background-repeat:no-repeat;
float:left;
padding-top:32px;
width:159px;
overflow: hidden;
}
form#donatefrm  { background-color: #fca520; text-align: left; margin: 0 5px 25px 12px; padding: 0px 3px 8px 10px; position: relative; z-index: 6; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000 }
#donatefrm h4  { color: #fff; font-size: 1.5em; font-weight: bold; margin: 0 0 3px 0; padding: 0; position: relative }
input#donatebtn  { color: #fff; font-size: 1em; font-family: Verdana, Helvetica, Arial, sans-serif; text-transform: capitalize; background-color: #37643d; visibility: visible; margin: 2px 0 5px 0; padding: 2px; position: relative; border: solid 1px }
input#donatebtn:hover  { color: #fff; background-color: #4e8dc0; border: solid 1px }

#smallprint  { color: #fee3ba; font-size: 0.8em; text-align: center; }

/* NEWS BOX */
.col3_newsbox { background-color: #fca520; text-align: left; margin: 0 0 25px 0; padding: 0px 3px 8px 10px; position: relative; z-index: 6; border: 1px solid #000 }
.news_box  { margin: 0 4px 25px 6px; padding: 10px 10px 10px 3px; border: 3px solid #fca520; }

/* ARTICLE */
.home_article { padding: 20px 30px 10px 0 }
.home_article img { position: relative; border: 0; margin: 0 0 10px 0; }
.article { text-align: left; padding: 0 0 20px 0; margin-bottom: 20px; border-bottom: 1px solid #F3F5F0 }
.article h3 { margin-bottom: 0 }
.article .date  { color: #a9a9a9; font-size: 0.8em; display: block; margin: 3px 0 0 0; padding-bottom: 10px }
.article img { float:left; position: relative; margin: 0 15px 0 0; border: 0 }
.article p { text-align: justify }
.article .title { font-size: 1.2em; font-weight: bold }
.article .subtitle { color: #a9a9a9; font-size: 1em; font-style: italic; display: block; margin: 3px 0 0 0; padding-bottom: 10px }
.article .more a, .article .more a:link, .article .more a:active, .article .more a:visited  { color: #b20002; font-size: .8em; font-style: italic; text-decoration: none }
.article .more a:hover { color: #b20002 }

#content dl { margin: 15px 0 0 50px; }
#content dt { color: #000; font-size: 12px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; padding-left: 0; margin: 0 }
#content dd { padding-bottom: 10px; padding-left: 15px; margin: 0 }
#content dd a, #content dt a:link, #content dd a:active, #content dd a:visited { font-weight: bold; text-decoration: none }
#content dd a:hover { text-decoration: underline }


/* SECTION TAB */
#section_title   { color: #fff; font-size: 1.4em; position: relative; top: 0; width: 400px; float: left; margin-bottom: 15px }
#section_title ul  { list-style: none; margin: 0; padding: 0; float: none }
#section_title  li    { color: #fff; text-decoration: none; background: #fca520 url("materials/left_tab.gif") no-repeat left bottom; list-style-type: none; margin: 0; padding: 0 0 0 9px; float: left }
#section_title  a   { color: #fff; font-weight: bold; text-decoration: none; background: url("materials/right_tab.gif") no-repeat right bottom; list-style-type: none; display: block; padding: 4px 9px 4px 0; float: left }
#section_title li a:link, #section_title li a:active, #section_title li a:visited { color: #fff; text-decoration: none }
#section_title li a:hover { color: #fff; text-decoration: none }



/* ABOUT BOX */
.about_boxes { margin-left: 40px; padding-bottom: 20px; }
#about_table { float: left }
#about_table a, #about_table a:link, #about_table a:active, #about_table a:visited { padding: 0; margin: 0; display: block; text-decoration: none }
.about_john a, .about_john a:link, .about_john a:active, .about_john a:visited  { background-image: url("/materials/johnphillips.jpg"); background-repeat: no-repeat; display: block }
.about_john a:hover  { background-image: url("/materials/johnphillips_bio.jpg"); background-repeat: no-repeat }
.about_kelley a, .about_kelley a:link, .about_kelley a:active, .about_kelley a:visited   { background-image: url("/materials/kelleycoleman.jpg"); background-repeat: no-repeat; display: block }
.about_kelley a:hover   { background-image: url("/materials/kelleycoleman_bio.jpg"); background-repeat: no-repeat }
.about_andee a, .about_andee a:link, .about_andee a:active, .about_andee a:visited    { background-image: url("/materials/andeerudloff.jpg"); background-repeat: no-repeat; display: block }
.about_andee a:hover    { background-image: url("/materials/andeerudloff_bio.jpg"); background-repeat: no-repeat }
.about_matt a, .about_matt a:link, .about_matt a:active, .about_matt a:visited    { background-image: url("/materials/mathewbaker.jpg"); background-repeat: no-repeat; display: block }
.about_matt a:hover    { background-image: url("/materials/mathewbaker_bio.jpg"); background-repeat: no-repeat }
.about_chuck a, .about_chuck a:link, .about_chuck a:active, .about_chuck a:visited    { background-image: url("/materials/chuckbeard.jpg"); background-repeat: no-repeat; display: block }
.about_chuck a:hover    { background-image: url("/materials/chuckbeard_bio.jpg"); background-repeat: no-repeat }

#box2 { background-color: #ffd593 }
#box4 { background-color: #c79090 }
#box6 { background-color: #90b1d4 }
#box8 { background-color: #a7c0ba }
.about_box   { width: 100px; display:block;
height:100px; }
.about_box img { border: none }

/* CONTACT */
#contact_form  { font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: left; width: 350px; float: left; display: inline; margin: 0; padding: 0 0 0 50px }
.contact_float { float: left; padding-right: 10px }
.contact_message { padding-top: 10px; padding-bottom: 10px }
#contact_form input { margin-bottom: 8px; border: 1px solid #000 }
#contact_form textarea { border: 1px solid #000 }
#contact_form .optional { padding: 10px 0 10px 0 }
#contact_form legend { visibility: hidden }
#contact_form fieldset { border: 0 }

/* GOOGLE CHECKOUT */
.override #googlecart-widget-head {
    background:#FFDF5E; }

/* ARCHIVE */
.col1 dl { margin: 15px 0 0 50px; }
.col1 dt { color: #000; font-size: 12px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; padding-left: 0; margin: 0 }
.col1 dd { padding-bottom: 10px; padding-left: 15px; margin: 0 }
.col1 dd a, .col1 dt a:link, .col1 dd a:active, .col1 dd a:visited { font-weight: bold; text-decoration: none }
.col1 dd a:hover { text-decoration: underline }


/* COLUMN 3 LISTS and LINKS */
.col3 ul, .col3 ol  { list-style-type: none; display: block; margin: 0 0 15px; padding: 0 }
.col3 ul label, .col3 h3, .simplepie h3, .col3 label   { color: #fff; font-size: 18px; font-weight: bold; background-repeat: no-repeat; background-position: 0 bottom; text-align: left; display: block; margin: 0 0 0 10px; padding: 0 }
.col3 h3 a  { color: #b20002; font-weight: bold; text-decoration: none }
.col3 h3 a:link, .col3 h3 a:active, .col3 h3 a:visited  { color: #b20002; text-decoration: none }
.col3 h3 a:hover  { color: #b20002; text-decoration: underline }
.simplepie h3 a, .simplepie h3 a:link, .simplepie h3 a:hover  { color: #b20002; text-decoration: none }
.col3 ul li, .col3 ol li   { font-size: 1em; text-align: right; margin: 10px 15px 0; padding: 0 }
.col3 li a, .col3 li a:link, .col3 li a:active, .col3 li a:visited  { color: #000; font-weight: bold; text-decoration: none; margin: 0; padding: 0 }
.col3 li a:hover  { color: #fca520; text-decoration: underline }
.col3 li.more a { color: #b20002 }
.col3 li.more a:link, .col3 li.more a:active, .col3 li.more a:visited  { color: #b20002 }
.col3 li.more a:hover  { color: #fca520; text-decoration: underline }
.col3 .date    { color: #a9a9a9; font-size: 0.75em; margin: 3px 0 0; padding: 0 }

/* HOMEPAGE NEWS ALERT */
#news_alert { padding: 0 5px;  }
#news_alert_title {
border-bottom:1px solid #FFCC33;
color:#CC6633;
font-size:1.2em;
font-weight:bold;
margin:10px 0 0;
padding:5px 5px 0;
 }