/***************************************************
   HTML Element Styles
 ***************************************************/

*
{
padding: 0;
margin: 0;
}


body {
  margin: 0px;
  padding: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  background-color: #EEE;
}

p  {
  margin-bottom: 10px;
	
	}


h1 {
  font-size: 16px;
  font-weight: bold;
  color: #297900;
  margin-bottom: 10px;
}

h2 {
  font-size: 14px;
  font-weight: bold;
  color: #297900;
  margin-bottom: 10px;

}

h3 {
  font-size: 12px;
  font-weight: bold;
  color: #297900;
  margin-bottom: 10px;

}

h4 {
  font-size: 14px;
  font-weight: bold;
  color: #297900;
  margin-bottom: 10px;
  text-align: center;
}



.title {
  font-size: 20px;
  font-weight: bold;
  color: #297900;
  border-left: 5px solid #F90;
  padding-left: 5px;
}

.subtitle {
  font-size: 13px;
  font-weight: bold;
  color: #333;
  border-left: 5px solid #FFF;
  padding-left: 5px;
}

#lpanel .heading {
  background-color: #297900;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  padding: 0px;
  margin-top: 15px;  
  margin-bottom: 5px;
}

#lpanel a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
  padding-left: 15px;
  background: url(../images/b-1.gif) no-repeat center left;
}

#lpanel a:hover {
  color: #297900;
  background: url(../images/b-2.gif) no-repeat center left;
}

a {
  color: #297900;
  text-decoration: underline;
  padding: 1px;
}

a:hover {
  color: #666;
  background-color: #EEE;
}


a.image {
  color: #FFF;
  padding: 0px;
 
}

ul {
  margin-left: 30px;
  margin-bottom: 10px;
}


img {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
}

img.banner {
  
  padding-left: 0px;
  padding-right: 0px;
  width: 768px;
  height: 181px;
}

img.centered {
	float: none;
}

img.inline {
  float: right;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 0px;
  border: 1px solid #AAA;
}




/***************************************************
   Site Layout Containers
 ***************************************************/

 #header {
  width: 767px;
  height: 181px;
  background-color: #FFF;
  border-bottom: 1px solid #CCC;  
  border-right: 1px solid #CCC;  
  border-left: 1px solid #CCC;  
  margin-top: 0px;
  margin-right: 200px;
  margin-bottom: 0px;
  margin-left: 5px; 
   
  }   
  
 
 #headertext {
  float: left;
  margin-top: 10px;
  margin-left: 180px;
  padding: 0px;
}


#headertext a {
  float: left;
  color: #FFF;
  text-decoration: none;
  padding-top: 0px;
  padding-left: 0px;
}

#headertext a:hover {
  text-decoration: underline;
  background-color: #297900;
  padding-left: 0px;
  padding-top: 0px;
}

#headertext p {
  float: left;
  color: #FFF;
  background-color: #297900;
  padding-left: 15px;
  padding-right: 15px;
}

  

#footer {
  float: left;
  width: 767px;
  height: 40px;
  background-color: #297900;
  border: 1px solid #CCC;
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 5px; 

}

#footertext {
  float: left;
  margin-top: 8px;
  margin-left: 215px;
  padding: 0px;
}



#footertext a {
  float: left;
  color: #FFF;
  text-decoration: none;
  padding-top: 0px;
  padding-left: 0px;
}

#footertext a:hover {
  text-decoration: underline;
  background-color: #297900;
  padding-left: 0px;
  padding-top: 0px;
}

#footertext p {
  float: left;
  color: #FFF;
  background-color: #297900;
  padding-left: 15px;
  padding-right: 15px;
}



#topborder {
  width: 767px;
  height: 40px;
  background-color: #297900;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  margin-top: 5px;
  margin-right: 200px;
  margin-bottom: 0px;
  margin-left: 5px; 

}




#title {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 10px;
  background-color: #FFF;
}

#lpanel {

  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px; 
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  background-color: #FFF;
  border: 1px solid #CCC;
  width: 150px;
}

#lhandcolumn {

  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; 
  background-color: #ebffee;
/*  border: 1px solid #000;  */
  width: 172px;
}

#newsbox {

  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px; 
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 15px;
  background-color: #FFF;
  border: 1px solid #CCC;
  width: 150px;
  text-align:center;
}



#picbox {
  float:left;
  border: 1px solid #CCC;
  width: 170px;
  text-align: left;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #FFF;

}


#sitemap {

  width: 560px;
  margin-top:  0px;
  margin-bottom:  5px;
  margin-right:  0px;
  margin-left:  177px; 
  padding: 15px; 
  background-color: #FFF;
  border: 1px solid #CCC;

}

#sitemap a {
  font-size: 14px;
  font-weight: bold;
  color: #297900;
  margin-bottom: 10px;
  margin-left: 5px;
  text-decoration: underline;
  
	}

#sitemap a:hover {
  color: #666;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-left: 5px;
  text-decoration: underline;

}

#sitemap .innerlink a {
  font-size: 12px;
  font-weight: normal;
  color: #297900;
  margin-bottom: 10px;
  margin-left: 5px;
  text-decoration: underline;
  
	}

#sitemap .innerlink a:hover {
  font-size: 12px;
  font-weight: normal;
  color: #666;
  margin-bottom: 10px;
  margin-left: 5px;
  text-decoration: underline;
  
	}

#sitemap .innerlink p {
  margin-left: 25px;
  
  }


#content {

  width: 560px;
  margin-top:  0px;
  margin-bottom:  5px;
  margin-right:  0px;
  margin-left:  177px; 
  padding: 15px; 
  background-color: #FFF;
  border: 1px solid #CCC;
}

#box {
  padding-top: 5px;
  float: left;
  width: 769px;
  margin-top:  0px;
  margin-bottom:  0px;
  margin-right:  200px;
  margin-left:  5px;   
  background-color: #ebffee;  
/*  background-color: #e70400;  */

/*  border: 1px solid #AAA;  */
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;  
margin-left: 50px;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background-color: #fff;
width: 255px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;

}

.anylinkmenu li{
width: 240px;
display: block;
text-decoration: none;
font-weight: normal;
color: #000;
background: url(../images/b-1.gif) no-repeat center left;
background-position: 5px;  

	
	
}

.anylinkmenu a{
width: 100%;
display: block;
border-bottom: 1px solid black;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 15px; 
padding-right: 0px; 
text-decoration: none;
font-weight: normal;
text-indent: 5px;
color: #000;
background: url(../images/b-1.gif) no-repeat center left;
background-position: 5px;  
}

.anylinkmenu a:hover{ /*hover background color*/

color: #297900;
background: url(../images/b-2.gif) no-repeat center left; 
background-position: 5px;
background-color: #ebffee;

}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
margin-left: 50px;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}