body {
font: 0.75em Verdana, Arial, Helvetica, sans-serif;
padding: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #606060;
background-color: #A3CF23;
margin-top: 10px;
margin-bottom: 0px;
line-height: 130%;
		}
p,h1,h2,h3,pre {
margin: 0 0 10px 0;
}
li {
margin: 0 0 5px 0;
}
		
A:link {
text-decoration: underline;
color: #DC6E11;
}

A:visited {
text-decoration: underline;
color: #DC6E11;
}
A:active {
text-decoration: underline;
color: #DC6E11;
}
A:hover {text-decoration: underline; 
color: #6B9E01;
}



#frame {
width: 805px;
margin: 0 auto;
text-align: left; /* this overrides the text-align: center on the body element. */
background-image: url(images/bg_sitemiddle.jpg);
background-repeat: repeat-y;
		}
#contentheader {
		margin:0;
		}
#contentleft {
width:200px;
padding-top:5px;
padding-left:5px;
float:left;
background:#fff;
}

#navcontainer {
background-color: #FFFFFF;
background-image: url(images/bg_mainnavtop.jpg);
background-repeat: no-repeat;
background-position: top;
margin-bottom: 0px; /* prevent margin colapse */
padding: 0 15px; /* prevent margin colapse */
margin-top: 0px;
}

/* mainnav style*/
#navlist
{
margin: 0;
padding:0;
font: bold 1.1em verdana;
width: 168px;
color: #fff;
}

#navlist li
{
list-style: none;
margin: 0px;
border-bottom: 1px #fff dotted;
text-align: left;
}

#navlist li a
{
display: block;
padding: 10px 0 10px 0;
text-decoration: none;
margin: 0px;
}

#navlist li a:link { 
color: #fff; 
}
#navlist li a:visited {
color: #fff;
}

#navlist li a:hover {
color: #FFCC00;
}


#navlist li #subnavlist {
margin: 0;
padding: 10px 0 10px 0;
font: normal 0.8em verdana;
width: 168px;
color: #fff;
}
#navlist #subnavlist li
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}
#navlist li #subnavlist li a
{
margin: 0;
padding: 6px 0 6px 15px;
text-decoration: none;
width: 153px;
background: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 3px 9px;
}
#navlist li #subnavlist li a:link { 
color: #fff; 
}
#navlist li #subnavlist li a:visited {
color: #fff;
}
#navlist li #subnavlist li a:hover
{
background: url(images/arrow_o.gif);
background-repeat: no-repeat;
background-position: 3px 9px;
color: #FFCC00;
}
/* end mainnav style */


#navfeature {
background-image: url(images/bg_mainnavbottom.jpg);
background-repeat: no-repeat;
background-position: bottom;
margin-top: 0; /* prevent margin colapse */
padding: 15px 7px 7px 5px; /* prevent margin colapse */
margin-bottom: 8px;
}

#tipcontainer {
background: url(images/bg_tipbox.jpg) no-repeat bottom left;
height: 185px;
padding: 0 15px;
}
#tipcontainer h1 {
background: url(images/tips.gif) no-repeat top center;
width: 158px;
height: 40px;
margin-bottom: 0;
padding-bottom: 0;
}
#tipcontainer h1 span {
position: absolute;
left: -999em;
}

#tiplist
{
margin: 0;
padding: 0;
font: bold 0.9em verdana;
color: #669900;
}

#tiplist li
{
margin: 0;
padding-bottom: 7px;
border: 0;
list-style-type: none;
}

#tiplist li a
{
text-decoration: none;
}

#tiplist li a:link { 
color: #669900; 
}
#tiplist li a:visited {
color: #669900;
}

#tiplist li a:hover {
color: #FF9900;
}

#contentleft .eventbox {
height: 114px;
padding: 15px 12px 15px 10px;
background: url(images/bg_eventbox.gif) no-repeat top center;
margin-bottom: 10px;
}
#contentleft .eventbox p {
font: normal 0.90em verdana;
height: 73px;
margin: 0;
}
#contentleft .eventbox img {
padding-top: 0px;
border: 0px;
margin-top: 0px;
margin-left: 14px;
}


#maincontainer_home {
width:385px;
padding:0 10px;
float:left;
margin-top: 5px;
}
#maincontainer {
width:570px;
padding:0 10px;
float:left;
margin-top: 5px;
background-color: #FFFFFF;
}

#maincontent h1 {
padding-top: 10px;
font-size: 150%;
line-height: 100%;
color: #6B9E01;
}
#maincontent h2 {
font-size: 150%;
line-height: 100%;
color: #6B9E01;
}

#maincontent h3 {
font: bold 120% Verdana;
color: #dc6e11;
}
#maincontent hr {
height:0px;
border:0;
border-top:dotted #999999 1px;
color: #ffffff;
margin-bottom: 10px;
margin-top: 0px;
}

#maincontent .evenlist {
padding-bottom: 20px;
}
#maincontent .evenlist img {
float: left;
border: 0;
}
#maincontent .evenlist h1 {
padding-left: 90px;
padding-top: 0px;
font: bold 100% Verdana;
color: #dc6e11;
margin-bottom: 0;
}
#maincontent .evenlist h1 a {
text-decoration: none;
}
#maincontent .evenlist h1 a:link { 
color: #dc6e11; 
}
#maincontent .evenlist h1 a:visited {
color: #dc6e11;
}

#maincontent .evenlist h1 a:hover {
color: #6B9E01;
}
#maincontent .evenlist p {
padding-left: 90px;
margin-bottom: 0;
}

#maincontent .toplink a {
float: right;
width: 40px;
height: 16px;
padding-right: 10px;
text-align: right;
display: block;
background: url(images/arrow_top.gif) no-repeat 2px 0px;
background-color:#FFFFFF;
}
#maincontent .toplink a:link { 
color: #dc6e11; 
}
#maincontent .toplink a:visited {
color: #dc6e11;
}

#maincontent .toplink a:hover {
color: #6B9E01;
background: url(images/arrow_top_o.gif) no-repeat 2px 0px;
}

#maincontent .bookbox {
padding: 10px 20px;
clear: both;
}
#maincontent .bookbox img {
float: left;
margin-right:10px;
}


#contentright {
width:185px;
padding:0 10px 20px 0;
float:left;
margin-top: 5px;
}
#contentright img {
padding-bottom: 5px;
border: 0;
}
#contentright img a {
padding-bottom: 5px;border: 0;
}

#contentright p { font-size: 90%;
}

#footer {
padding: 0;
background-image: url(images/bg_sitefoot.jpg);
background-repeat: no-repeat;
background-color: #A3CF23;
}

#footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 20px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
text-align: center;
font-size: 90%;
color: #FFFFFF;
}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}