/* CSS Document */
* { margin: 0; padding: 0;}
html, body {font: 76%/160% Helvetica, Arial, Verdana, sans-serrif; font-size: 16px; line-height: 120%; color: #00703C;
}
h1, div#main, #issues { behavior: url(iepngfix.htc); }
h2, h4, h5, p, ul { margin: 0; padding: .5em;}
h2 { font-size: 1.3em;}
h3 { padding-left: 0; padding-bottom: 0; margin-bottom: .4em; font-size: 1.1em;}
h2, h3 {color:#013a20;}
p {padding-left: 0;}




body { background: url(images/tanBG.png) top left repeat-x #FFFFFF;}

a {text-decoration: none; color: #5f5338; font-weight: bold;}
a:hover {color: #c2aa71;}

img {border: 1px solid #00703C;}

/* STRUCTURE ------------------------------- */

#frame { width: 900px; height: 1130px; margin: auto; position: relative;}

#branding { width: 900px; height: 146px; margin: auto; padding: 0; text-align: left; 
/*background-attachment: fixed; background: url(images/issues.png) bottom right no-repeat;*/}
/*#branding img { float: right; margin: 30px 100px 0 0; border: none; border-style: none;}*/
#brandingRight {float: right; width: 638px; height:120px; position: absolute; right: 107px; top: 25px;}
#issues { text-indent: -9999px; background: url(images/issues.png) 70% 80% no-repeat; width: 638px; height: 120px; margin: 0; padding: 0;}

h1#logo { float: left; width: 158px; height: 136px; text-indent: -9999px; background: url(images/logo.png) top center no-repeat;
margin-top: 10px;}

#main { width: 900px; height: 900px; margin: 0; padding: 0; font-size: .9em;background: url(images/plantLogo.png) bottom left no-repeat;}

#left {float: left; width: 50%; margin: 10px 5px 5px 0px;}

#right {float: left; width: 35%; margin: 10px 25px 5px 30px;}

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


/* NAVIGATION ------------------------------- */

#nav {margin-top: 20px; margin-bottom: 15px; width: 800px; border: 1px solid #00703C; background: url(images/navBG.png) bottom left repeat-x #ffffff;}
ul#navList { list-style: none; margin: auto; height: auto;  text-align: center; font-size: 18px; overflow: hidden;}
ul#navList li { display:inline; padding: 5px 20px 5px 20px;}
ul#navList a {text-decoration: none; color: #00703C;}
ul#navList a:hover {color: #013a20;}

.urhere {color:#5f5338; font-weight: bold;}


/* HOME ------------------------------- */

#homeLeft {float: left; width: 50%; margin: 10px 10px 5px 0;}
#homeRight {float: left; width: 45%; margin: 15px 0 5px 10px; padding: 0;}

#homeLeft h3 {margin-top: 2em;}
#homeLeft p { margin-bottom: 2em; padding: 0;}

#marketCaption { padding: 8px 0 8px 0; margin-top: 10px; width: 264px; overflow: hidden; text-align: center;
background: url(images/headingBG.png) bottom left repeat-x; border: 1px solid #00703c;}

#treatmentList { list-style: none; text-align: center; width: 264px;}


/* PROGRAM SERVICES ------------------------------- */

#programsLeft {float: left; width: 50%; margin: 10px 5px 5px 0;}
#programsRight {float: right; width: 40%; margin: 15px 25px 5px 5px;}

#programsLeft h3 {margin-top: 2em;}
#programsLeft p { margin-bottom: 2em; padding: 0;}



/* WORKSHOPS ------------------------------- */

#workshopList {list-style: none;}
#workshopList li {margin-bottom: .5em;}

#workshopListHeading {text-align: center; margin: 8px 0 5px 0; padding: 0; }
.workshopHeading { text-align: center; margin-bottom: .5em; padding: 8px 0 8px 0;  background: url(images/headingBG.png) bottom left repeat-x; border: 1px solid #00703c;}
.goalsHeading { padding: 8px 0 8px 0; margin: 15px 0 10px 0; text-align: center; background: url(images/headingBG.png) bottom left repeat-x; border: 1px solid #00703c;}

ul#goalsList { margin-left: 8px;}
#goalsList li {margin-bottom: .3em;}

.footnote {font-size: .7em;}


/* ABOUT US ------------------------------- */

#aboutLeft {float: left; width: 800px; margin: 10px 5px 5px 0px;}
#aboutRight {float: right; margin: 5px 0 5px 15px; text-align: center; padding: 0;}
ul#head-shots { list-style: none; margin: 0; padding: 0;}
ul#head-shots li {float: left; margin: 0 0 0 10px;}

/* CONTACT ------------------------------- */

#contactWrapper { margin: 40px 0 0 0; width: 800px; text-align: center;}
#contactWrapper p {text-align: left; width: 60%; margin: auto; margin-bottom: 20px; margin-top: 5px; padding: 0;}

#subLeft { }

#subMiddle {}

#subRight {}

#subLeft, #subMiddle, #subRight { margin-bottom: 40px;}