body { 
/*min-width: 800px;
position: relative;*/
margin:0;
padding:0;
font: 80% "verdana";
background: #FFFFFF;
/*background: url(6270.jpg);*/
color:#333;

}

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

}
p {
margin: 0 2% 0 2%;/*need this to conteract the default h2/3/p settings*/

}
/*a:{
}

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

}*/
a {
	color: #0F500F;
	/*text-decoration: none;*/
}

a:hover {
	text-decoration: none;
	color: #B5DB62;
	font-size:bolder;
}

#wrapper { /*this is for the min-width!!*/
	min-width: 1250px;
	margin: 0 auto;
	
}
#container{
min-width:8%;
background:  url(images/white_left.gif) repeat-y 1% 0;/*place the image 50% across the [age, and at the top.horizontal/vertical-----mantis.3--good*/
}
#container4{
min-width:8%;
background:  url(images/white_left_ants.gif) no-repeat 1% 0;/*place the image 50% across the [age, and at the top.horizontal/vertical-----mantis.3--good*//*layering these works to create interesting backgrounds*/
}

#container2{
background:  url(images/white_right.gif) repeat-y 71% 0;
}
#container3{
min-width:50%;
background:  url(images/gradient7.gif) repeat-y 14% 0;
}
hr {
  border: 0;
  margin:2% 10% 2% 10%;
  width:400px;
background:green;
color: green;
height: 3px;
}

hr 2 {
  border: 0;
  margin:2% 10% 2% 10%;
  width:400px;
color: #B5DB62;
height: 6px;
}
#nav{
width:12%;
float:left;
margin:0 0 1em 2%;

}


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

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

#left_col p{
width:90%;/*inside the mav div, so its 80% of the nav(12%)*/
float:left;
margin:90% 1% 1em 1%;
font-size:80%;
text-align:justify;
background:#E9FBE9;

}

#content{
background:;
width:57%;/*all the 3 columns add to 100%*/
/*min-width:50%;*/
float:left;
/*margin:1em 0 1em 0;*/ /*you need th margin to separate the columns.1em on top, and 3% at the sides.the margin is the margin around THIS div*/
margin:0;
border-left: 0.2px solid #66CC33;
border-right: 0.2px solid #66CC33;
/*border: 1px dotted #000000;*/
/*border-left:1px solid black;
border-right:1px solid black;*/
}

#content p{
margin: 2% 9% 2% 9%;
color:black;
}
.firstsentence{
clear:both;/*this stops the paragraph floatng up towards the top!!*/
margin: 16% 0 0 0;
}
.left1{
clear:both;
float:left;
background:#FFFFFF url(images/spring.jpg) no-repeat;
width:45%;
margin-left:4%;
/*border-left: 0.2px solid #66CC33;
border-right: 0.2px solid #66CC33;*/
}

.right1{
clear:right;
float:right;
background:#E9FBE9;
width:45%;
margin-right:3%;
/*border: solid black 0.2px;*/
}
.right1 .white{
/*margin:2%;*/
background:#FFFFFF;

}
.right1 a {
color:#669933;
text-decoration:none;
}
.right1 a:hover {
color:#000000;
font-size:larger;
text-decoration:none;
}

#con_inside{
background:none;
width:94% center;
float:left;
/*border: 0.1em solid #000000;*/
margin:1em 2%; /*this moves it away from the content div*/
}
#con_inside p{
margin: 2% 8%;
font-size:90%;
color:black;
}
#introduction {
width:100% center;
}
#introduction p{
width:52%;
margin:6% 6% 1% 9%;
float:left;
/*padding:0 0 80px 0;*/
/*padding-bottom:140px;*/
text-align:left;
font-size:1.2em;
color:green;
}
.text2 {
width:42%;
text-align:left;
font-size:0.9em;
color:green;
}
/*#introduction2 p{
width:360px;
margin:2% 6% 1% 1%;
float:right;
text-align:left;
font-size:0.9em;
color:#336600;
}*/
.introduction pic{
float:left;
border:2px solid black;
}
.image4{
text-align:center;
padding:12px 12px 12px 12px;
margin:39% 0 0 0;

}
.image1{
float:right;
margin:6% 10% 0% 0%;
border:1px solid green;

}
.image3{
float:left;
padding:2px 4px 0 12px;
margin:0;

}
.image_cen{
clear:left;
float:left;
/*max-width:45%;*/
padding:0;
margin:0 6% 4% 2%;

}

.image2{
float:right;
padding:2px;
margin:0;

}
#additional{
float:right;
background:#E9FBE9;
width:95%;
padding-top:2%;
margin-top:4%;
margin-right:3%;

}

#news{
width:22%;
float:left;
margin:0 2% 1em 0;
text-align:justify;
/*border-right: 1px solid black;*/
}
#news p{
margin:6%;
}
#news_inside{
width:100%;
float:left;
margin:1em 2%;
text-align:justify;
}
.yel{
background: url(images/yel_border2.jpg) no-repeat;
padding-top:10px;

}
#news ul{
float:left;
display:block;
width:90%;
margin:2% 0 0 4%;
padding:0;
list-style-type:none;
line-height:140%;}


}
#news li  {
text-decoration:none;
color:#669933;
font-size:160%;
}
#news li a {
color:green;
font-size:140%;
}
#news li a:hover {
color:yellow;
font-size:160%;
text-decoration:none;
}
/*#news li a:hover {
color:red;
font-size:160%;
}*/
.title {
font-family:fantasy;
display:block;
font-size:140%;
color:green;

}
.title2 {
font-family:fantasy;
display:block;
font-size:150%;
color:black;

}





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

}