/*colors
green: #8EA739
darker green: #7c9624
blue: #566585
red: #d84909

*/

/* band-aid for IE 6 png issues, hats off to: http://www.twinhelix.com/css/iepngfix/ */
img, div { behavior: url(/js/iepngfix.htc); }

/*html*/
html {
margin: 0;
padding: 0;
background-color: #f4f4f4;
background-image: url(/images/CSS/background.jpg);
background-repeat: repeat-x;
background-position: center top;
} 

body {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
text-align: left;
margin: 0;
padding: 0;
}

form {display: inline; margin: 0; padding: 0;}

a:link {color: #566585; text-decoration: none;}
a:hover {color: #566585; text-decoration: underline;}
a:visited {color: #566585; text-decoration: none;}

p {
line-height: 1.4em;
color: #333;
font-size: 12px;
margin: 0;
padding: 0 0 7px 0;
}

p.italic {
line-height: 1.4em;
color: #333;
font-style:italic;
font-size: 11px;
margin: 0;
padding: 0 0 7px 0;
}

li {
color: #333;
margin: 0;
font-size: 12px;
padding: 0 0 3px 0;
}

ul {
list-style-type: square; 
list-style-position: outside; 
margin: 0 0 7px 17px; 
padding: 0;
}

img {
padding: 0;
border-style: none;
margin: 0px;
display: inline; 
}

hr {
text-shadow: none;
height: 1px;
border: none;
background-image: url(/images/CSS/hr.gif);
background-repeat: repeat-x;
margin: 5px auto 5px auto;
padding: 0px;
color: none;
}

h1 {
/*sIFR used to take control of H1--delamified 06/08/10--the following is the alternate for non-flash browsers*/
/*color: #7c9624;*/
color: #849B35;
margin: 7px 0 2px 0;
padding: 0;
font-family: "Baskerville Old Face";
font-style: normal;
font-weight: normal;
font-size: 24px;
}

h2 {
/*text-transform: uppercase;8*/
color: #d84909;
margin: 7px 0 2px 0;
padding: 0;
font-style: normal;
font-weight: normal;
font-size: 13px;
}

h3 {
color: #d84909;
margin: 0 0 2px 0;
padding: 0;
font-style: normal;
font-weight: bold;
font-size: 13px;
}

h4 {
color: #566585;
margin: 0 0 2px 0;
padding: 0;
font-style: normal;
font-weight: normal;
font-size: 13px;
}

/*containers*/
#header_background {
background-image: url(/images/CSS/header_backgrounds/header_background.jpg);
background-color: #000000;
background-repeat: no-repeat;
background-position: center top;
min-height: 185px;
_height: 185px; /*IE6 bandaid*/
}

#header_background_orange {
background-image: url(/images/CSS/header_backgrounds/header_background2.jpg);
background-color: #000000;
background-repeat: no-repeat;
background-position: center top;
min-height: 185px;
_height: 185px; /*IE6 bandaid*/
}

#header_background_blue {
background-image: url(/images/CSS/header_backgrounds/header_background3.jpg);
background-color: #000000;
background-repeat: no-repeat;
background-position: center top;
min-height: 185px;
_height: 185px; /*IE6 bandaid*/
}

#wrapper {
width: 900px;
top: 185px;
left: 50%;
margin-left: -450px;
z-index: 90;
position: absolute;
}

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

#nav {
background-image: url(/images/CSS/nav_black.png);
background-repeat: repeat-x;
min-height: 45px;
_height: 45px; /*IE6 bandaid*/
}

#flash_holder {
width: 900px;
margin: 0 auto 0 auto;
padding-top: 32px;
text-align: left;
}

#home_copy {
float: left;
width: 450px;
}

#home_photo {
float: right;
width: 450px;
text-align: right;
margin: -70px 0 20px 0;
position: relative;
}

#left_column {width: 500px; float: left; margin-top: 25px;}
#right_column {width: 300px; float: right; margin-top: 25px;}

#tree_column_left {width: 400px; float: left; margin-top: 5px;}
#tree_column_right {width: 400px; float: right; margin-top: 5px;}

#footer {font-size: 10px; margin-top: 15px; padding-top: 5px; padding-bottom: 15px; line-height: 1.5em;}

#home_left {width: 275px; float: left; margin-top: 15px;}
#home_center {width: 275px; float: left; margin-left: 37px; margin-top: 15px;}
#home_right {width: 275px; float: right; margin-top: 15px;}

/*to account for the image*/
#home_left p, #home_left ul, #home_left h2 {padding: 0 11px 0 11px;}
#home_center p, #home_center ul, #home_center h2 {padding: 0 11px 0 11px;}
#home_right p, #home_right ul, #home_right h2 {padding: 0 11px 0 11px;}

.home_ctas {margin-top: 15px;}
.fineprint {font-size: 10px; padding: 0 18px 0 11px;}

#flash_nav_b {margin-top: 15px;}


#logo {margin: 0 auto 0 auto; padding-top: 55px; width: 900px;}

#floatclear {clear: both;}

/*misc*/
.subhead {font-family: Georgia, Times, "Times New Roman"; font-size: 13px; color: #8EA739;}
.quote {font-family: Georgia, Times, "Times New Roman"; font-size: 13px; font-style: italic; color: #594c69;}
.photo_header {margin-bottom: 10px; width: 315px;}
.tree_name {font-family: Georgia, Times, "Times New Roman"; font-size: 15px; color: teal; margin: 0; padding: 0;}
.tree_latin {font-style: italic; font-family: Georgia, Times, "Times New Roman"; font-size: 11px; color: #4c4c4c;  margin: 0; padding: 0;}
.photowrap {float: left; margin-right: 25px;}
.photowrap_right {float: right; margin-left: 25px;}


.spacer {margin-top: 25px;} /*to help pad the search page title a bit better, kind of a band-aid*/