.ie5mac
{
    /* fake style for IE 5/Mac bug */
}

/* GENERAL STYLES */

* {
    color: #333;
}

img {
    border: 0;
}

a, a:link, a:visited, a:active, a:hover {
    color: #333333;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

.clear {
    clear: both;
    line-height: 0px;
    height: 0;
}

.bold {
    font-weight: bold;
}

.center {
    vertical-align: center;
    margin: 0 auto 0 auto;
}

form {
    margin: 0;
    /* height: 0; */
}

ul {
    margin: 0px 0 5px 10px;
    padding: 0;
    list-style-type: none;
}

ul li {
    background-image: url(images/list_bullet.gif);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0;
    padding: 0 0 5px 10px;
}

h1 {
    margin: 5px 0 5px 10px;
    padding: 0;
    font-size: 11px;
    color: #5F5D3B;
}

h2 {
    color: #7A2A12;
    margin: 0 0 5px 0;
    padding: 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
}

h3 {
    margin: 0 0 3px 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

h4 {
    margin: 5px 0 2px 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
}

h5 {
    margin: 0 0 3px 0;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
}

h6 {
   text-transform: uppercase;
   color: #6f670b;
   font-size: 14px;
   line-height: 18px;
   font-weight: bold;
   margin: 10px 0 10px 0;
}

p {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
}

/* Structural Elements */

body
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 13px;
    background-color: #c9a970;
    margin: 0 auto;
    padding: 0;
    min-width: 762px;
    text-align: center;
}

td {
    vertical-align: top;
}

#container
{
    width: 762px;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    text-align: left;
    background-color: #E8DCC5;
    clear: both;
}

#leftside
{
    background-image: url(images/shadow_left.gif);
    padding-left: 6px;
    background-repeat: repeat-y;
    background-position: left;

}

#rightside
{
    background-image: url(images/shadow_right.gif);
    background-repeat: repeat-y;
    padding-right: 6px;
    background-position: right;

}

#bottomcenter
{
    width: 762px;
    height: 6px;
    line-height: 0px;
    padding: 0;
    margin: 0;
}

#header
{
    height: 59px;
    width: 750px;
    background-image: url(images/banner.jpg);
    border: 0;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
}

.content
{
    vertical-align: top;
    padding-left: 10px;
}

#rightNavBar
{
    width: 260px;
    vertical-align: top;
    padding-left: 7px;
    padding-top: 0;
}

#rightNavBarPadding {
    padding-left: -1px;
}

.navBoxHeader {
    width: 200px;
    margin: 5px;
    margin-bottom: 0px;
    padding: 5px;
    color: #FFF;
    background: #C0A685;
    font-family: Univers, Helvetica, San-serif;
    font-stretch: condensed;
    font-weight: bold;
    font-size: 13px;
}

.navBox {
    width: 200px;
    margin: 5px;
    margin-top: 0px;
    padding: 5px;
    background: #D9CAAC;
}

/* HOME */

#homeMainArea {
    width: 480px;
   
}

#homeLowerContent {
    margin-top: 10px;
}

#homeLowerContent td {
    padding: 0;
}

#emailPage {
    text-align: center;
}

#homeFeatures {
    width: 247px;
    background: url(images/bg-paper.jpg) repeat-y;
    text-align: center;
    padding-top: 1px;
}

/* Header */

#headerContent {
    vertical-align: bottom;
    height: 59px;
}

#headerContent #homeHeaderLink
{
    float: left;
    display: block;
}
#headerContent #homeHeaderLink img
{
    height: 52px;
    width: 250px;
}

#headerNav {
    background-color: #F3EBD2;
    padding: 5px;
}

#headerNav a, #headerNav a:link, #headerNav a:visited, #headerNav a:active, #headerNav a:hover {
    color: #6A2112;
    text-decoration: none;
}

input.go {
    border: 0;
    color: #786C5D;
    margin-left: 5px;
    font-size: 10px;
    vertical-align: middle;
    font-weight: bold;
    background-color: transparent;
}

#searchBox {
    padding: 0;
    height: 20px;
    float: right;
}

#searchBox td {
    vertical-align: bottom;
    color: #9A4B19;
    font-size: 9px;
    text-align: right;
    font-weight: bold
}

#searchBox input.search {
    border: 1px solid #333;
    width: 120px;
    padding: 0px;
    margin: 0;
}

#searchBox input.go {
    margin: 3px 2px 1px 3px;
}

#searchBox a, #searchBox a:hover, #searchBox a:link, #searchBox a:visited, #searchBox a:active {
    color: #58819F;
    font-size: 10px;
    font-weight: normal;
}

/* General Styles */

#homeContent {
    vertical-align: top;
    width: 750px;
    margin-top: 15px;
}

.homeBox01, .homeBox02 {
    width: 480px;
    background-color: #fff;
    margin: 0 0 0px 0px;
    padding: 0 0 5px 0;
}

.homeBox02 {
    width: 235px;
    height: 125px;
}

.homeBoxHeader {
    background-color: #E8DCC5;
    height: 21px;
}

.homeBoxContent {
    padding: 10px 5px 0px 3px;
}

.homeBoxContent p {
    padding: 0;
    margin: 0 0 5px 12px;
}

.homeBoxContent .date {
    color: #9B4E29;
}


.more {
    float: right;
    margin: 5px 0px 0 0;
    padding: 0;
    line-height: 0px;
    vertical-align: bottom;
}

a.moreLink, a.moreLink:active, a.moreLink:visited, a.moreLink:link, a.moreLink:hover,
a.moreLinkSideBar, a.moreLinkSideBar:active, a.moreLinkSideBar:visited, a.moreLinkSideBar:link, a.moreLinkSideBar:hover {
   display: block;
   font-weight: bold;
   color: #704c37;
   margin: 15px 0 5px 10px;
}

a.moreLinkSideBar, a.moreLinkSideBar:active, a.moreLinkSideBar:visited, a.moreLinkSideBar:link, a.moreLinkSideBar:hover {
   margin: 15px 18px 0px 8px;
}

ul.partners {
   float: left;
   margin-top: 5px;
   width: 240px;
}

ul.partners li {
   list-style-type: disc;
   background: none;
   margin: 0 0 2px 15px;
   padding: 0;
}

#headerRow
{
    margin: 0;
    padding: 0;
    line-height: 0px;
}

#flashArea {

}

#Table_01 td {
   margin: 0;
   padding: 0;
   line-height: 0px;
}

/* Breadcrumb */

#breadCrumbTD {
   padding-bottom: 3px;
   vertical-align: top;
}

#breadCrumb {
   font-size: 10px;
   margin-left: 10px;
   float: left;
}

#breadCrumb .breadCrumbCurrent {
   font-weight: bold;
}

#printPage {
   text-align: right;
   float: right;
}

#breadCrumb a {
   color: #000
}


/* Heartlands */

#contentArea {
   background-color: #fff;
   width: 532px;
}

#contentArea2 {
   background-color: #fff;
}

#contentAreaPadding {
   padding: 10px;
}

#headlineText {
    line-height: 1.5;
}

#heartlandSubTitle {
   text-align: right;
   color: #7b7111;
   font-size: 10px;
   margin-right: 8px;
}

#heartlandBlurb img {
   float: left;
   margin: 0 5px 0 10px;
}

#heartlandBlurb .heartlandBlurbTitle {
   font-weight: bold;
}

#heartlandTable {
   width: 100%;
   margin-bottom: 20px;
}

#heartlandTable td {
   width: 25%;
   border-right: 1px solid #704C37;
   padding: 8px 8px 0 8px;
}

#heartlandTable h1 {
   margin: 0 0 5px 0;
   padding: 0;
   text-transform: uppercase;
   color: #765f0b;
   font-size: 10px;
}

#heartlandTable ul {
   margin: 0;
}


#floatingRightBox {
   float: right;
   background-color: #d9caac;
   /* for some reason, the bottom already had a 2px border */
   padding: 3px 3px 1px 3px;
   margin: 3px;
   position: relative;
}

.box01, .box02, .box01Home {
   width: 480px;
   background-color: #fff;
   margin: 0 0 0px 0px;
	padding: 0 0 5px 0;
}

.box01 {
   width: 532px;
   margin-top: 10px;
}

.box02 {
   width: 235px;
   height: 125px;
}

.box03 {
   width: 196px;
   background-color: #d9caac;
   margin-bottom: 15px;
   padding-bottom: 8px;
}

.box03 h1 {
   text-transform: uppercase;
   /*background-color: #c0a685;*/
   background-color: #955c14;
   margin: 0 0 0px 0;
   padding: 5px 0 5px 5px;
   color: #fff;
}

.box03 p {
   margin: 5px 8px 0px 8px;
}

.box03 .staff {
   float: left;
   margin: 3px 3px 0 0;
}

.boxHeader {
   background-color: #E8DCC5;
   height: 21px;
}

.boxContent {
   padding: 10px 5px 0px 3px;
}

.boxContent p {
   padding: 0;
   margin: 0 0 8px 12px;
}

.boxContent .date {
   color: #9B4E29;
}

.more {
   float: right;
   margin: 5px 0px 0 0;
	padding: 0;
	line-height: 0px;
	vertical-align: bottom;
}

.box10 {
   background-color: #d9caac;
   margin-bottom: 15px;
   padding-bottom: 8px;
}

.box10 h1 {
   text-transform: uppercase;
   background-color: #c0a685;
   margin: 0 0 0px 0;
   padding: 5px 0 5px 5px;
   color: #fff;
}

.box10 p {
   margin: 5px 8px 0px 8px;
}

#bodyBox {
   background-color: #f1f4df;
   border: 1px solid #bdb888;
   margin: 0px;
   padding: 10px;
}

#bodyBox a.moreLink, #bodyBox a.moreLink:active, #bodyBox a.moreLink:visited, #bodyBox a.moreLink:link, #bodyBox a.moreLink:hover {
   margin-left: 0;   
}

#punchDonateNow {
   float: left; 
   height: 20px; 
   margin: 0px 0px -1px 0px;
   position: relative;
}

#punchDonateNow img {
   height: 20px;
}

#punchResources {
   float: left; 
   width: 179px; 
   height: 20px; 
   margin: 0px 0px -1px 0px;
   position: relative;
}

#punchResources img {
   width: 179px;
   height: 20px;
}

#punchWantToHelp {
   float: left; 
   width: 115px; 
   height: 20px; 
   margin: 0px 0px -1px 0px;
   position: relative;
}

#punchWantToHelp img {
   width: 115px;
   height: 20px;
}

#donateNowBoxFormContainer {
   background-color: #fff;
   margin: 20px;
   padding: 10px;
}

#donateNowBoxForm input {
vertical-align: middle;
}

.subTitle {
    color: #a9520a; 
    font-weight: bold;
}

.bodyImage {
   float: left;
   margin: 3px 5px 2px 0;
   border: 0;
}

#wildlifeGallery select, #wildlifeGallery input {
   margin-left: 5px;
   width: 150px;
}

#wildlifeGallery select {
   width: 185px;
}

#wildlifeGallery input.go {
   margin-bottom: 5px;
   width: auto;
}

.sidebarPhotoAlbum {
   border: 1px solid #7b7111;
   margin: 0;
   padding: 0;
   line-height: 0px;
   float: left;
}

.morePhotosButton {
   float: right;
   margin: 0;
   border: 0;
   padding: 0;
   line-height: 0px;
}

#listen a {
text-decoration: none;
}

#listen td {
   vertical-align: middle;
}

#listenTitle {
   font-weight: bold;
   color: #000;
   font-size: 12px;
   padding-left: 20px;
}

#listen img {
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
margin-left: 5px;
}

.backToTop {
   text-align: right;
}

/*
**
** Engagement Action styles
**
*/

#mainAreaBig {
   width: 100%
}

#contentAreaBig {
   background-color: #fff;
   width: 730px;
}

.bodyImage img {
   margin-bottom: 2px;
}

.bodyBoxEngagement {
   background-color: #f1f4df;
   border: 1px solid #bdb888;
   margin: 0;
   padding: 10px;
}

.bodyBoxEngagement a.moreLink, .bodybodyBoxEngagementBox a.moreLink:active, .bodyBoxEngagement a.moreLink:visited, .bodyBoxEngagement a.moreLink:link, .bodyBoxEngagement a.moreLink:hover {
   margin-left: 0;   
}


.right
{
   vertical-align: middle;
   background-color: #928036;
   color: #fff;
   padding: 0 18px;
}

.right h1, .right p, .right div, .right a
{
   color: #fff;
   margin-left: 0;
}

.left img
{
   margin-bottom: -2px; /* only for firefox, don't know why */
   *margin-bottom: 0;   /* keeps everything ok in IE */
}

.browseFilters select
{
   /*width: 90px;*/
}

.browseFilters
{
   background-color: #f1f4df;
   border: 1px solid #bdb888;
   margin: 0px;
   padding: 10px;
   font-weight: bold;
}

.browseFilters a
{
    font-weight: normal;
}

.browseFilters table td
{
    vertical-align: bottom;
}

#libraryBrowse .pager
{
    float: right;
}

#libraryBrowse .odd td
{
   background-color: #f1f4df;
}

#libraryBrowse .odd td, #libraryBrowse .even td
{
   border-bottom: 1px solid #bdb888;
   padding: 5px;
}

#libraryBrowse td.browseLeft
{
   border-left: 1px solid #bdb888;
}

#libraryBrowse td.browseRight
{
   border-right: 1px solid #bdb888;
}

#libraryBrowse .first td
{
   border-top: 1px solid #bdb888;
}

/* Engaging You */
.coloredBoxLeft, .coloredBoxRight {
		border: 1px solid #d0bc9f;
		/* background-color: #f6f1e8; */
        background-color: #fff;
		width: 259px;
}

.coloredBoxLeft {
	margin-right: 2px;
	margin-bottom: 5px;
}

.coloredBoxRight {
	margin-left: 3px;
	margin-bottom: 5px;
}

.coloredBoxLeft p, .coloredBoxRight p {
	padding: 10px 10px 0px 10px;
}

.boxTopLeft {
	float: left;
	position: relative;
	margin: -1px 0 0 -1px;
}

.boxTopRight {
	float: right;
	position: relative;
	margin: -1px -1px 0 0px;
}

.engagingYouTD {
	width: 50%;
}

.buttonSignUp {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

.coloredBoxContent01, 
.coloredBoxContent02,
.coloredBoxContent03,
.coloredBoxContent04,
.coloredBoxContent05,
.coloredBoxContent06
{
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 1px;
	height: 200px;
	vertical-align: top;
}

.coloredBoxContent01 {
	background-image: url(images/stroked_01.jpg);
}

.coloredBoxContent02 {
	background-image: url(images/stroked_02.jpg);
}

.coloredBoxContent03 {
	background-image: url(images/stroked_03.jpg);
}

.coloredBoxContent04 {
	background-image: url(images/stroked_04.jpg);
}

.coloredBoxContent05 {
	background-image: url(images/stroked_05.jpg);
}

.coloredBoxContent06 {
	background-image: url(images/stroked_06.jpg);
}


/* Footer */
#footer {
    margin: 0;
    width: 750px;
}

#footer-table {
    width: 100%;
    height: 40px;
    vertical-align: middle;
    padding: 0 10px;
	margin-bottom: 4px;
}

#footer-table td {
    vertical-align: middle;
}

#footer-table a img {
    vertical-align: middle;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    color: #665D10;
}

#footer-links a {
    color: #B16E26;
    text-decoration: none;
}

#footer-links a:hover {
    text-decoration: underline;
}

.HPfooterDivider
{
background:#e8dcc5 url(images/footer_divider.gif) repeat-x scroll left bottom;
height:1px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}

.SPfooterDivider
{
background:#e8dcc5 url(images/footer_divider.gif) repeat-x scroll left bottom;
height:1px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 10px;
}

.blogfooterDivider
{
background:#e8dcc5 url(/images/footer_divider.gif) repeat-x scroll left bottom;
height:1px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 10px;
}

#social-links {
    float: right;
    width: 250px;
    text-align: right;
}

#social-links a img {
    vertical-align: middle;
}


/* Navigation Menu */
#nav {
    background: #AA6638;
}

#subnav {
    width: 738px;
    display: none;
    position: absolute;
    background: #DAB66B url(/images/submenu_bg.gif) repeat-x;
    padding: 6px;
}

#subnav a {
    color: #7A2226;
    font: normal 11px 'univers 57 condensed', arial, sans;
}

#subnav a:hover {
    color: #514A0C;
}

.sub {
    display: none;
}

.blog-item {
    margin-bottom: 10px;
}

.blog-date {
    color: #9B4E29;
}

.blog-title {

}

