/* BODY AND FONTS: =body
----------------------------------------------- */
* { 
 margin: 0; 
 padding: 0; 
 font-size: 100%;
}

html { 
 background: #FDFCFA url(images/bg.jpg) repeat-x left top;
}

body{
 background: #FDFCFA url(images/bg.jpg) repeat-x left top;
 height:100%;
 margin:0px;
 padding:0px;
} 

body, tr, td { 
 font:small/150%   Tahoma, Verdana, Arial, Helvetica, sans-serif;
 color: #40403A; 
}

div.container {
 width: 950px; 
 margin: 0px auto 0px auto;
 padding: 0px;
 position: relative; 
 background: #ffffff;
}

.printonly {
   display:none;
}
    




/* CONTAINER: =Wrap
----------------------------------------------- */

.parentWrap{
    position:relative;
    width:950px;
    color:#2D2A28;
    margin: 0px auto 0px auto;
    padding: 20px 0px 20px 0px;
    background: #ffffff; 
} 

/* Hides from IE-mac \*/
* html .parentWrap {height: 1%;}
/* End hide from IE-mac */

.parentWrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    background: #ffffff;
}

.contentWrap{
    position:relative;
    float:left;
    display:inline;
    clear:both;
    text-align: left;
}





/* HEADLINES AND PARAGRAPHS: =headlines
----------------------------------------------- */

h1 { 
    font-size: 180%;
    line-height: 110%;
    color: #3D4A5A;
    margin: 0px; 
    padding: 0px;
}

h2 { 
    margin: 4px 0px;
    font-size: 150%;
    color:#00714C;
    /*font-weight: normal;*/
}

h2 i{ 
    font-style: normal;
    /*font-weight: normal;*/
}

h3 { 
    margin: 18px 0px 8px 0px;
    font-size: 120%;
    text-transform: uppercase;    
}

h4 { 
    color:#8B282E;
    margin: 14px 0px 4px 0px;
    font-size: 110%;
}

h4 i{ 
    color:#8B282E;
}

h5 { 
    margin: 20px 0px 0px 0px;
    padding: 0px;
    font-size: 105%;
    text-transform: uppercase;
}

p {
    margin: 6px 0px 18px 0px;
    padding: 0px;
    line-height: 125%;
}

p.list {
    line-height: 150%;
}

.normal {
    font-size: 100%;
}

.highlight {
    color:#2C2C4F;
    font-weight: bold;
}

small {
    font-size: 85%;
    line-height: 115%;
}    

i {
    color:#00714C;
    font-weight: bold;
}

i.regular {
    color:#40403A;
    font-weight: normal;
}

.new {
    font-size: 80%;
    text-transform: uppercase;
    color: #8B282E;
    font-weight: bold;
}

table {
    padding: 0px;
    margin: 0px;
}

.photo {
    float: right;
    margin: 10px 0px 10px 10px;
    padding: 0px;
    width: 210px;
}

.photo p {
    margin: 3px 6px;    
    text-align: center;
    font-size: 85%;
}


/* LINKS: =links
----------------------------------------------- */

a { 
    text-decoration: underline; 
    color: #005C3E; 
    font-weight: bold;
}

a:hover{ 
    color: #13375E;
}

a img { 
    border: none; 
}




/**----Unordered List Styles--------------------------------------------------*/
   
#baseContent ul, 
#fullContent ul{
   list-style-type: square;
   list-style-position: outside;
   margin:6px 0px 10px 18px;
   padding:0;
}

#baseContent ul li ul,
#fullContent ul li ul {
   margin:0px 0px 0px 18px; 
}

#baseContent ol,
#fullContent ol {
   margin: 6px 0px 10px 18px;
   padding:0;
   font-size:100%;
}

#baseContent ol li ul,
#fullContent ol li ul {
   margin:0px 0px 0px 18px; 
}

ul li{
   margin:0px 0px 0px 10px;
   padding:0px 0px 4px 0px; 
   line-height: 120%;

} 

ol li{
   margin:0px 0px 0px 10px;
   padding:0px;
   line-height:120%;
}
   

ul#rows{
   list-style-type: square;
   margin:2px 0px 10px 0px;
   padding:0; 
   clear: both;
   width: 573px; 
}
    
ul#rows li {
   float:left;
   display:inline;
   padding:0px 30px 0px 10px;
   margin: 0px; 
   width: 205px;
   background: url(images/bullet.gif) no-repeat center left;
}   
   
   
   
/**/

hr{ 
    color: #CCCCCC;
    height: 1px;
    clear: both;    
}



/* HEADER BAR: =header
----------------------------------------------- */

div.header { 
    height: 194px; 
    margin: 0px auto;
    width: 930px;
    background: #00714C url(images/headerbg.gif) no-repeat center top;    
}

div#headerHome { 
    height: 326px;      
}

.header h1 { 
    position: absolute; 
    top: 24px; 
    left: 246px;      
}

.header h1,
.header h1 span { 
    background: transparent url(images/logo.gif) no-repeat 0px 0px; 
    width: 463px; 
    height: 58px;
    z-index: 4;
}

.header h1 a, 
.header h1 a:hover{ 
    color: #ffffff;
    text-decoration: none;
    padding: 16px;
}




/* UTILITIES: =utility
----------------------------------------------- */

div#utility{
   position: absolute;
   top: 0px;
   left: 0px;
   overflow: hidden;
   width: 930px;
   margin:0px;
   padding: 0px 0px 0px 20px;
   z-index: 5;
}

#utility ul{
   list-style: none;
   float: left;
   padding: 8px 0px 0px 0px;
   margin: 0px;
}

#utility li {
   float:left;
   padding:0px;
   margin:0px;
}

#utility li a {
   background: url(images/utilitydivide.gif) no-repeat right center;
   float:left;
   display:block;
   padding:0px 11px 0px 10px;
   margin:0px 0px 0px 0px;
   white-space: nowrap;
   color:#ffffff;
   text-decoration: none;
   text-transform: uppercase;
   font-size: 85%;
   font-weight: normal;
}

#utility li.active a{
   text-decoration: underline;
}

#utility li.end a {
   background-image: none;
}

#utility li a:hover{
   text-decoration: underline;
}

div.phone {
   float: right;
   background: url(images/phone_tab_left.gif) no-repeat left bottom;
}

div.phone h4{
   background: #8B282E url(images/phone_tab_right.gif) no-repeat right bottom;
   color: #ffffff;
   font-size: 105%;
   padding: 2px 10px 4px 4px;
   margin: 0px 22px 0px 6px;
}


div#photo {
   position: absolute;
   top: 73px;
   left: 0px;
   width: 930px;   
   clear: both;
   position: relative;
}

div#photo img{
   z-index: 1; 
}

h2.tagline { 
   position: absolute;
   top: 174px;
   left: 24px;   
   padding: 0px;
   margin: 0px;
   color: #ffffff;
   width: 650px;
   text-align: left;
   line-height: 120%;
   font-size: 185%;
   z-index: 3;
}

h2.title { 
   position: absolute;
   top: 68px;
   left: 24px;   
   padding: 0px;
   margin: 0px;
   color: #ffffff;
   width: 650px;
   text-align: left;
   line-height: 120%;
   font-size: 235%;
   font-weight: normal;
   z-index: 3;
}


div.button {
   background: url(images/button_left.gif) no-repeat left bottom;
   height: 30px;
}

div.button p{
   background: #8b282e url(images/button_right.gif) no-repeat right bottom;
   color: #ffffff;
   height: 20px;
   padding: 6px 12px 4px 0px;
   margin: 0px 0px 0px 12px;
}


div.button a, div.button a:link, div.button a:visited, div.button a:hover{
   color: #ffffff;
   text-decoration: none;
}


/* CONTENT/COLUMNS: =contentWrap class
----------------------------------------------- */


/* CONTENT COLUMNS (main content): =baseContent and fullContent
----------------------------------------------- */

#baseContent {
    width: 593px; 
    line-height:normal;
    margin: 0px;
    padding: 0px 62px 0px 24px;
    clear:none;
}

#fullContent {
    width: 892px; 
    line-height:normal;
    margin: 0px;
    padding: 0px 24px 0px 24px;
    clear:none;
}


#divideContentOne {
    width: 422px; 
    line-height:normal;
    margin: 0px;
    padding: 0px 24px 0px 0px;
    clear:none;
}

#divideContentTwo {
    width: 422px; 
    line-height:normal;
    margin: 0px;
    padding: 0px 0px 0px 24px;
    clear:none;
}


/* RIGHT COLUMN: =rightColumn
----------------------------------------------- */
#rightColumn { 
    width: 250px;
    margin: 0px;
    padding: 0px 10px 20px 0px;
    clear:none;
    background: url(images/right_bottom.jpg) no-repeat left bottom;
}

div#rightColumn h4{
    background: url(images/right_top.jpg) no-repeat left top;
    padding: 20px 24px 4px 24px;
    margin: 0px;
}

div#rightColumn h4 i{
    font-weight: bold;
    color:#8B282E;    
}

div#rightColumn h5{
    padding: 20px 24px 4px 24px;
    margin: 0px;
}

div#rightColumn p {
    padding: 0px 24px 8px 24px;
    margin: 0px;
    text-align: left;
}

div#rightColumn ul {
    padding: 4px 14px 4px 30px;
    margin: 0px;
    text-align: left;
    list-style-type: disc;
}

div#rightColumn i {
    color:#2C2C4F;
    font-weight: normal;
}

/* NAVIGATION: =nav
----------------------------------------------- */
div#navbox { 
    background: #67675D;
    width: 930px;
    height: 29px;      
    line-height:normal;
    margin: 0px 10px;
    padding: 8px 0px 0px 0px;
    clear: both;  
    /*overflow: hidden;*/
}

#navbox ul { 
   height: 29px;
   line-height:normal;
   margin: 0px;
   padding: 0px 24px; 
   list-style-type: none;
   list-style:none;
   float: left;
}

#navbox li{ 
    height: 27px;
    background: url(images/nav_left.gif) no-repeat top left; 
    float:left;
    /*position: relative;*/
    margin: 2px 6px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    list-style-image: none;
    list-style-type: none;
    list-style:none;
}

#navbox a {
   height: 24px;
   background: #40403A url(images/nav_right.gif) no-repeat top right; 
   float:left; 
   display:block;
   width:.1em;   
   padding: 5px 17px 0px 11px;
   margin: 0px 0px 0px 5px;
   text-decoration:none; 
   white-space: nowrap; 
   color: #FFFFFF;
   font-size: 101%;
   font-weight: normal;
}

#navbox > ul a{ width:auto; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navbox a { float:none; }
/* End IE5-Mac hack */

#navbox a:hover,
#navbox a:link:hover,
#navbox a:visited:hover { 
    color: #CACAC0;
}

#navbox li#active { 
    height: 29px;
    background: url(images/nav_active_left.gif) no-repeat top left;   
    margin: 0px 6px 0px 0px; 
}

#navbox li#active a, 
#navbox li#active a:link,
#navbox li#active a:visited { 
   height: 22px;
   background: #ffffff url(images/nav_active_right.gif) no-repeat top right; 
   padding: 7px 17px 0px 11px;
   color: #40403A;
   font-weight: bold;
}

#navbox li#active a:link:hover,
#navbox li#active a:visited:hover { 
    color: #40403A;    
}


/* SUBNAVIGATION: =subNavigation
----------------------------------------------- */

ul#navigation li ul {
   padding: 0px;
   margin: -2px 0px 0px 0px;
}

ul#navigation li#active ul{
   padding: 0px;
   margin: 0px;
}

ul#navigation li li,
ul#navigation li#active li{
   display: block;
   float:left;
   background: none;
   padding: 0px;
   margin: 0px;
   width: auto;
   list-style-image: none;
   list-style-type: none;
   list-style:none;
   border-right: 1px solid #67675D;
   border-left: 1px solid #67675D;
   border-top: 1px solid #67675D;
}

ul#navigation li li.bottom {
   border-bottom: 4px solid #40403A;
   padding: 0px;
}

ul#navigation li li a,  
ul#navigation li li a:link,
ul#navigation li li a:visited 
ul#navigation li#active li a,
ul#navigation li#active li a:link,
ul#navigation li#active li a:visited {
   background-color: #ffffff;
   background-image: none;
   display: block;
   font-weight: normal;
   color: #4A4949;
   padding: 5px 16px 0px 16px;
   margin: 0px;
   width:120px;
}

ul#navigation li li a:link:hover,
ul#navigation li li a:visited:hover, 
ul#navigation li#active li a:link:hover,
ul#navigation li#active li a:visited:hover {
   background-color: #00714C;
   background-image: none;
   color: #ffffff;
   padding: 5px 16px 0px 16px;
   margin: 0px;
   width:120px;
}

li ul, 
li#active ul { /* second-level lists */
   background-color:#ffffff;
   background-image: none;
   display: none;
   position: absolute;
   top:  0px;
   left: 0px;
   z-index: 8;
   clear:both;
   width:157px;
   margin: 20px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

li>ul, li#active>ul  { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
   top: auto;
   left: auto;
}

li:hover ul, 
li.over ul,
li#active:hover ul, 
li#active.over ul{ /* lists nested under hovered list items */
   display: block;
}
	
/* TABLE1: =naturalist
----------------------------------------------- */
table.naturalist { 
    width: 100%;
    margin: 12px 0px;
    padding: 0px;     
}

table.naturalist td{ 
    color: #ffffff;
    margin: 0px; 
    padding: 8px;
}

table.naturalist h3, 
table.naturalist p, 
table.naturalist ul, 
table.naturalist li{ 
    color: #ffffff;
    margin: 0px; 
    padding: 0px;    
}

table.naturalist td i { 
    color: #ffffff;
    font-weight: normal;   
}

table.naturalist td.yellow h3, 
table.naturalist td.yellow p,
table.naturalist td.yellow ul, 
table.naturalist td.yellow li,
table.naturalist td.yellow i { 
    color: #40403A;
    margin: 0px; 
    padding: 0px;    
}


/* TABLE2: =executurf
----------------------------------------------- */
table.executurf { 
    width: 100%;
    padding: 0px;   
    margin: 12px 0px;    
}

table.executurf td{ 
    color: #ffffff;
    margin: 0px; 
    padding: 8px;
    font-size: 90%;
    line-height: 120%;
    text-align: center;
}

table.executurf td small{ 
    line-height: 135%;
}

table.executurf th{ 
    background: #000000;
    color: #ffffff;
    margin: 0px; 
    padding: 4px;
    font-size: 90%;
    line-height: 120%;
    text-align: center;
}

table.executurf h3, 
table.executurf p,  
table.executurf ul, 
table.executurf li{ 
    color: #ffffff;
    margin: 0px; 
    padding: 0px;    
}

table.executurf td i { 
    color: #ffffff;
    font-weight: normal;   
}

table.executurf td.yellow,
table.executurf td.yellow i { 
    color: #40403A;   
}

/* TABLE3: =staff
----------------------------------------------- */
table.staff { 
    padding: 0px;   
    margin: 12px 0px;    
}

table.staff td{ 
    margin: 0px; 
    padding: 2px 28px 2px 12px;  
}

/* TABLE5: =admin
----------------------------------------------- */
table.admin { 
    padding: 0px;   
    margin: 12px 0px;
    width: 100%;
    border-bottom: 1px solid #B3B3AE;
}

table.admin th{ 
    margin: 0px; 
    padding: 3px 12px 4px 12px;  
    text-transform: uppercase;
    background: #13375E;
    color: #ffffff;
    font-size: 110%;
}

table.admin th a,
table.admin th a:visited,
table.admin th a:hover { 
    color: #ffffff;
    text-decoration: none;
}

table.admin td{ 
    margin: 0px; 
    padding: 2px 12px 2px 12px;  
}

table.admin td a,
table.admin td a:visited { 
    font-weight: normal;
    color: #40403A;
    text-decoration: none;
}

table.admin td a:hover { 
    font-weight: normal;
    color: #40403A;
    text-decoration: underline;
}

/* FOOTER: =footer
----------------------------------------------- */
div#footer { 
    background: transparent url(images/footerGrass.jpg) no-repeat center top;
    width: 100%;
    margin: 0px; 
    padding: 123px 0px 100px 0px;
    float:left;
    display:inline;
    clear:both;    
}


#footer p {    
    margin: 0px auto 12px auto; 
    padding: 0px 15px;
    font-size: 85%;
    line-height: 130%;
    text-align: left;      
}

#footer p.links { 
    width: 920px;
}

#footer span.green {   
    color: #005C3E;
    font-weight: bold;    
}

#footer span.credit { 
    margin: 0px;
    padding: 0px;
    float: right;
    text-align: right;    
}

#footer span.credit a.creditlink {   
    color: #005C3E;
    font-weight: normal;
    text-decoration: underline;
}

div.logos {
    text-align: center;
}

div.logos img{
    padding: 20px 10px 0px 10px;
}


/* FORM: =form
----------------------------------------------- */
	
   	
fieldset {
    margin: 30px 0px 20px 0px;
    padding: 0px 30px 6px 30px;
    width: 80%;
}	

fieldset p {
   margin: 8px 0px 8px 0px;
}
		

legend {
   font-size: 110%;
   padding: 0px 0px 6px 0px;
   font-weight: normal;
   color: #40403A;
}


label {
   width: 150px;
   margin: 0px;
   padding: 0px 4px 0px 0px;
   text-align: right;
   float: left;
   font-weight: bold;
   font-size: 90%;
}

label.checkbox,
label.br,
label.textarea {
   clear: both;
   padding: 2px 4px;
   width: 100%;
   text-align: left;
} 

label a{
   color: #8F3F28;
   font-size: 95%;
   font-weight: normal;
}

.required { 
   color: #CC0000; 
}

input, select, textarea {
   font-size: 90%;
   text-align: left;
}

input.submit {
   test-align: center;
   padding: 0px 3px;
}

textarea { 
   text-align: left;
   margin: 0px;
   padding: 0px;   
}





/* REPLACE FIXES: =replace
----------------------------------------------- */

/* 
 * Image replacement using the Gilder/Levin IR technique 
 * http://www.ryznardesign.com/pages/web_page_coding/gilder_levin_ir_mac/gilder_levin_ir_mac_2.html
 */
 
.replace { 
    position: relative;
    /* hide overflow: hidden from mac ie5 \*/
    overflow: hidden;
    /* end hide from mac ie5 */
}

.replace span {
    display: block;
    position: absolute;
    top: 0px; left: 0px;
    z-index:1; /*for Opera 5 and 6*/
}

.replace a { display:block; cursor: pointer; }
a.replace { cursor: pointer; }


/*
 * "How To Clear Floats Without Structural Markup" -
 * http://www.positioniseverything.net/easyclearing.html
 */
 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 .clearfix { display: inline-block; }   


/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */


/* EVENT: 
----------------------------------------------- */

div#event {
  width: 194px;
  position: absolute;
  right: 40px;
  top: 150px;
  background: transparent;
  z-index: 1000;
}


/* ADMIN: 
----------------------------------------------- */

img.icon {
  border: 0px;
  padding: 0px 6px;
}

H5.adminTitle a {
  text-decoration: none;
  color: #40403A;
}

H5.adminTitle{
  margin: 32px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
}

form table td input {
  text-align:center;
}