body{
color: #e8ffe4;
background-color: #627726;
border-style: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
background-image: url(../images/greengrd.jpg);
background-repeat: repeat-x;
text-align: center;
margin-top: 4px;
}

#mastborder{
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #336DCC;
}

#logo{
height: 205px;
background-image:  url("../images/EC-art.png");
background-repeat: no-repeat;
background-position: center top;
}/* a:link {

} *//* a:hover {

background-color: #ccffcc;

text-decoration: none;

} */

a:link, a:visited{
color: #e2f9a5;
}

a:hover{
color: #000;
}

.skiplinks{
/* no display:none, so this is still visible for screen readers */
position: absolute;
visibility: hidden;
top: 0;
font-size: 1px;
}

/* IE/Mac needs this, or it will show large horizontal scrollbar \*//*/.skiplinks{
display: none;
}/**/

ol, ul, li{
font-size: 10px;
line-height: 18px;
margin-top: 4px;
margin-bottom: 4px;
}

#nav-main{
width: 800px;
text-align: center;
padding-top: 6px;
}

#nav-main ul{
list-style-type: none;
font-weight: bold;
}

#nav-main li{
display: inline;
padding-left: 2px;
}

#nav-main a{
text-decoration: none;
background-color: #003300;
display: inline;
padding: 4px;
}

#nav-main a:hover{
color: #000;
background-color: #e8ffe4;
}

#nav-main li.cur a{
cursor: default;
}

#nav-main li.cur a:link, #nav-main li.cur a:visited{
color: #000;
}

#sub-nav{
text-align: right;
color: #336600;
}

#sub-nav ul{
list-style-type: none;
font-weight: bold;
font-size: 11px;
}

#sub-nav li{
display: inline;
}

#sub-nav a{
display: inline;
color: #336600;
padding-right: 4px;
padding-left: 4px;
}

#sub-nav a:hover{
color: #cc3300;
text-decoration: none;
}

#main{
width: 800px;
text-align: left;
}

#forest{
background-image: url(../images/forest.jpg);
background-repeat: no-repeat;
height: 258px;
width: 800px;
}

#heading{
text-align: center;
font-size: 32px;
font-weight: bold;
font-style: italic;
color: #ffffff;
font-family: Times, "Times New Roman", serif;
margin-bottom: 26px;
margin-top: 9px;
}

#content{
}

#content p.heading{
	font-size:22px;
margin: 0px;
padding:0px;
text-indent: 0px;
}

#content p{
padding-right: 72px;
padding-left: 72px;
text-indent: 24px;
line-height: 20px;
text-align: left;
}

#content p.list{
text-indent: 0px;
}

#content p.caption{
margin: 0px;
padding:0px;
text-indent: 0px;
}

#content p.list2c{
padding-right: 6px;
padding-left: 6px;
text-indent: 0px;
}

#content h1.list2c{
margin-right: 6px;
margin-left: 6px;
}

#content table.list2c{
width: 82%;
}

h1{
color: #336633;
background-color: #b7e093;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 20px;
text-align: left;
margin-right: 72px;
margin-left: 72px;
padding-left: 6px;
}

h2{
color: #663300;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
width: 82%;
}

h3{
background-color: #ffff99;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #336600;
width: 82%;
}

h4{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
width: 82%;
}

h5{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
width: 82%;
}

#img-border{
border: 4px #cccccc solid;
margin-right: 12px;
margin-left: 12px;
margin-bottom: 32px;
}

#footer{
margin:30px 0 0 0;
width: 800px;
text-align: center;
float:left;
}

#footnav{
width: 800px;
text-align: center;
text-transform:uppercase;
}

#footnav ul{
list-style-type: none;
font-weight: bold;
}

#footnav li{
display: inline;
padding-left: 2px;
}

#footnav a{
display: inline;
padding: 4px;
}

#footnav a:hover{
text-decoration: none;
color: #ffff99;
}