body {
margin:0;
padding:0;
font: 100% "verdana";
background: #EDE0D7;
/*background: url(6270.jpg);*/
color:#333;
/*min-width:40%;*/
}

h1{
/*display: inline;*//*use this to make the bacground only effedt the word, and NOT the ebtire line/block*/
background:#FFFFFF  url(images/grass_small.jpg) repeat-x;
color:#000000;
margin :0;
padding: .2em 3% 0 3%;
border-bottom: 2px solid #000000;
}
h2 {
/*display:inline;*/
font-family: Oldtown, fantasy;
text-decoration:none;
text-align:center;
color:#000000;/*#660033*/
/*background: url(grass_small2.png) repeat-x;*/
}
h3, p {
margin: 0 2% 0 2%;/*need this to conteract the default h2/3/p settings*/

}
/*a:{
}

a:hover{
background: url(ants_btn1.jpg);

}*/

#container{
background:  url(images/mantis4c.gif) repeat-y 1% 0;/*place the image 50% across the [age, and at the top.horizontal/vertical-----mantis.3--good*/
}

#container2{
background:  url(images/back3.gif) repeat-y 71% 0;
}
#container3{
background:  url(images/grey.gif) repeat-y 14% 0;
}

#nav{
width:10%;
float:left;
margin:4em 2% 1em 2%;

}


#nav ul{
width:200px;
margin:0;
padding:;
color:#669933;
list-style-type:none;
line-height:150%;}

#nav li a:link{ 
display:block;
text-align:center;
background:  url(images/ants_btn4b.gif);
text-indent:-3000px; /*moves text out of the way*/
width:45px; /*equal to image width*/ 
height:68px;/*equal to image height*/ 
color:#669933;
text-decoration:none;
/*background:url(your_image.gif) 0 0 no-repeat;*/ /*the image*/
}
#nav li a:link:hover{
background:none;
font-family: Oldtown, fantasy;
font-size:140%;
color:#000000;
text-decoration:none;; /*moves text out of the way*/
text-indent:0px;
}

#content{
background:  url(images/scroll_plain.gif) no-repeat center top;
width:53%;/*all the 3 columns add to 100%*/
float:left;
margin:1em 2%; /*you need th margin to separate the columns.1em on top, and 3% at the sides.the margin is the margin around THIS div*/
/*border-left: 2px solid black;
border-right: 2px solid black;*/
/*border: 1px dotted #000000;*/
border-left:1px solid black;
border-right:1px solid black;
}
#content p{
margin: 2% 14%;
}
#content_inside{
background:none;
width:94% center;
float:left;
border: 0.1em solid #000000;
margin:1em 2%; /*this moves it away from the content div*/
}
#content_inside p{
margin: 2% 8%;
font-size:90%;
}
.image4{
text-align:center;
padding:18px 12px 12px 2px;

}
.image1{
float:left;
padding:20px 20px 20px 20px;

}


#news{
width:24%;
float:left;
margin:1em 2%;
border-left:1px solid black;
border-right:1px solid black;
}
#news_inside{
width:90%;
float:left;
margin:1em 2%;
}





#footer{
clear: both; /*this places the footer under the columns*/
background: #000000;
text-align:right;
padding: 5px 3%;
color:#fff;

}