/* << ----------------// General Styles //---------------->> */
body {
margin:10px;
padding:0;
background-color:#5D9934;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
line-height:18px;
text-align:justify;
color:#000000;
}

p {
margin:4px 4px 4px 4px;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

h1, h2, h3, h4 {
font-weight:bold;
margin:10px 0 0 0;
}

h1 {
font-size:26px;
}

h2 {
font-size:23px;
}

h3 {
font-size:20px;
}

h4 {
font-size:17px;
}

a:link, a:visited {
color:#00008b;
text-decoration:underline;
}

a:hover, a:active {
color:#999999;
text-decoration:none;
}

ul {
margin:5px 0 5px 20px;
padding:0;
list-style-type:disc;
}

ol {
margin:5px 0 5px 30px;
padding:0;
list-style-type:decimal;
}

ul li, ol li {
margin:0 0 0 0;
padding:0;
}



/* << ----------------// Outer container that holds all the columns //---------------->> */
#mainContainer {
margin:0 auto;
padding:0;
width:950px;

}

/* << ----------------// Header //---------------->> */
#header {
margin:0 0 20px 0;
padding:0px;
width:920px;
height:294px;
font-family:papyrus;
font-weight:normal;
color:#000000;

}

#logo  {
position:relative;
left:20px;
}

#forest  {
position:relative;
left:20px;
}


#headerpic  {
position:relative;
left:600px;
top: -230px;
border-style:solid;
border-width:1px;
}

#header h1  {
position:relative;
left:200px;
top: -250px;
line-height:20px;
font-size:22px;
text-align:center;
}

#header p  {
position:relative;
left:200px;
top: -210px;
text-align:center;
}

/* << ----------------// Horizontal navigation //---------------->> */
#navHorizontal {
margin:0 0 0 160px;
padding:0;
width:600px;
height:30px;
line-height:30px;
text-align:center;
background-color:#4a7baf;
border:1px solid black;


}

#navHorizontal ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#navHorizontal ul li {
margin:0 0 0 -5px;
padding:5px 0 5px 0;
list-style:none;
display:inline;
}

#navHorizontal ul li a:link, #navHorizontal ul li a:visited {
padding:5px 8px 5px 8px;
color:black;
text-decoration:none;
border-right:1px solid #999999;
border-left:1px solid #999999;
}

#navHorizontal ul li a:hover, #navHorizontal ul li a:active {
color:#454545;
text-decoration:none;
background-image:url("Images/nav.png");
background-color:#cccccc;
}



/* << ----------------// Left column //---------------->> */
#columnOne {
float:left;
margin-top:15px;
margin-right:5px;
text-align:center;
padding:5px 5px 5px 5px;
width:148px;
background-color:#5D9934;
}
#columnOne p  {
margin:4px 4px 4px 4px 4px;
padding:4px 4px 4px 4px 4px;
line-height:20px;
}

#columnOne h2, #columnThree h2 {
font-size:16px;
}

#columnOne  a:link, #columnOne a:visited {
color:#999999;
text-decoration:none;
}

#columnOne a:hover, #columnOne a:active {
color:#ffffff;
text-decoration:underline;
background-image:url("Images/nav.png");

}

#roundbox3  {
margin:55px 10px 0 5px;
padding:5px;
width:130px;
height:320px;
background-color:#5d9934;
}

/* << ----------------// Vertical navigation //---------------->> */
#navVertical {
padding:0;
margin:5px 0 5px 5px;
width:120px;
background-color:#4a7baf;
border:1px solid black;
}

#navVertical ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#navVertical ul li {
margin:0 0 0 -5px;
padding:0;
list-style:none;
border-bottom:1px solid #999999;
}

#navVertical ul li a:link, #navVertical ul li a:visited {
padding:5px 8px 5px 8px;
color:#eeeeee;
font-size:14px;
text-decoration:none;
display:block;
}

#navVertical ul li a:hover, #navVertical ul li a:active {
color:#454545;
text-decoration:none;
background-color:#eeeeee;
}



/* << ----------------// Middle column //---------------->> */

.rounded_STYLE
{
    background-color:#5d9934;          /* if needed */
    border: 2px solid black;   /* if needed */
    -webkit-border-radius:8px;    /* for Safari */
    -moz-border-radius:8px;       /* for Firefox */
}

#roundbox1  {
padding:5px;
margin:0 10px 0 10px;
}




#columnTwo {
float:left;
margin:0;
padding:0 5px 10px 5px;
width:616px;
background-color:#5D9934;
}

#columnTwo h1  {
font-family:Papyrus;
text-align:center;
line-height:30px;
}

#columnTwo h2  {
text-align:center;
font-size:16px;
}

#bodybait  {
text-align:center;
}

#lotus  {
float:left;
height:130px;
width:200px;
margin:0 10px 0 0;
border:1px solid black;
}

#roundbox4  {
padding:5px;
}

/* << ----------------// Right column //---------------->> */
#columnThree {
float:left;
margin:0;
padding:0 5px 10px 5px;
width:150px;

}

#social-media  {
border:1px solid black;
margin:24px 10px 10px 10px;
padding:0 5px 0 5px;

}


#socialmarker  {
margin:10px 0 10px 5px;
}


#social-media2  {
border:1px solid black;
margin:10px 10px 10px 10px;
padding:0 5px 0 5px;

}


#social-media2 p  {
text-indent:0;
text-align:center;
font-size:12px;
margin:5px 0 10px 0;
}

#social-media p   {
text-indent:0;
text-align:center;
font-size:12px;
margin:5px 0 10px 0;
}

#tweets  {
float:left;
text-indent:0;
text-align:left;
margin:0 10px 0 10px;
}

#roundbox2  {
margin:76px 0px 0 5px;
background-color:#5d9934;
height:325px;
}





/* << ----------------// Footer //---------------->> */
#footer {
margin:0;
text-align:center;
margin:0 0 0 360px;
padding:0 0 5px 0;
width:235px;
height:20px;
line-height:18px;
font-size:14px;
color:#cccccc;
background-color:#4a7baf;
clear:both;
border:1px solid black;
}


#footer a:link, #footer a:visited {
color:black;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#454545;
text-decoration:none;
background-image:url("Images/nav.png");
background-color:#cccccc;
}


/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

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