body { background-image: url('images/nature010.jpg');
background-color: #8FB300 ;
background-position:   left top;
background-repeat: repeat;
color: black;
line-height: 120%;
font-family: Tahoma;
font-size: .8em;
margin-top:1px;
}

#navbar {width: 760px; 
height:20px;
background-image:url("");
margin-top:1px;

}


p.maintext {font-family: Tahoma;
font-weight: normal;
margin-top: 15px;
margin-left:20px;
margin-right:20px;

}


p.leftcol {margin-left: 20px;
margin-top:10px;
font-size: 16px;
font-weight: bold;

}


#container {
margin: auto;
width: 760px;
background-color:#667554;
border: 1px solid black;

}

#top {
background-color: #669933;
background-image: url('images/wood1.jpg');
background-position:  left top;
background-repeat: no-repeat;
height: 130px
}


#leftcol {
width: 190px;
background-color: #667554 ;
float: left;
background-image: url();
background-position:  left top;
background-repeat: no-repeat;



}
#maincol {
background-color:#ffffff;
width:570px;
float:left;
border-top-style:  ;
border-top-color: ;
border-top-weight: ;
border-top-width:;


}

#maincol1 {
background-color: #ffffff;
width:760px;
float:left;
background-image: url("images/balloon.gif");
background-position: bottom right;
background-repeat: no-repeat; 
}




#footer {
background-image: url('images/footer.jpg');
height: 25px; 
clear: both;
}

ul, li { color: #3366cc;
 
}

li {list-style: none;
font-family: comic sans ms;
font-weight: bold;}

.rollover a {
display:block;
width: 140px;
height: 25px;
background-color:#ffcc00;
background: url("images/camp1.gif") no-repeat 0 0 ;
font-family: Tahoma;
font-size: 14px;
font-weight:bold;
text-decoration: none;
margin-left: 20px;
color: #ffcc00;
margin-top:0px;
padding:3px;
}


.rollover a:hover { 
background: url("images/camp2.gif") 0 0 no-repeat;
color: #ffcc00;
padding:3px;

}
.rollover a:active {
color:#fff;
background-color:#ffcc00;
background: url("images/camp3.gif") 0 0 no-repeat;
padding:3px;
}

h4.intro{font-size: 18px; 
color: #8FB300 ;
font-family: comic sans ms;
margin-left: 20px;
margin-top: 15px;
}

h4.introA{font-size: 18px; 
color: #8FB300 ;
font-family: comic sans ms;
margin-left: 20px;
}


p.footertext {
font-size: 12px;
color:#ffcc00;
margin-left: 20px;
margin-top: 3px;
}

a.footer {
color: #ffcc00;
font-weight: bold;
text-decoration: none;
}
.rollover1 a {
display:inline;
width: 140px;
height: 30px;
background-color:#ffcc00;
background: url("images/camp1.gif") no-repeat 0 0 ;
font-family: Tahoma;
font-size: 14px;
font-weight:bold;
text-decoration: none;
margin-left: 20px;
color: #ffcc00 ;
margin-top:0px;
padding:3px;

}

.rollover1 a:hover { 
background: url("images/camp2.gif") 0 0 no-repeat;
color: #ffcc00;
padding:3px;

}
.rollover1 a:active {
color:#fff;
background-color:#ffcc00;
background: url("") 0 0 no-repeat;
padding:3px;
}

.menuitem a {
color: black;
text-decoration:none;
border-bottom: dotted 1px;
}

.menuitem a:hover {
color: red;
border-bottom: dotted 1px;
font-weight: bold;
}



a.camp:link { 
color: green; 
text-decoration: underline;
font-weight: bold;
 }
a.camp:active 
{
color: yellow; 
text-decoration: none;
}
a.camp:visited  {
color: green; 
text-decoration: underline;
font-weight: bold;

 }
a.camp:hover { 
color: orange; 
text-decoration: underline;
 }
