body {
background-color: #F7F7F7;
font-size: .8em;
font-family: Verdana, Arial, Sans-Serif;
color:#747472;
padding:0px;
margin-top:20px;
}

#navcontainer{
width: 160px;
margin-left: 25px;
padding:5px;
}

#navlist { 
padding-left:0px;
margin-left:0px;
list-style-image: url(images/dots.gif); 
display: block;
line-height: 17px;
}



a {
color:#8D9852;
text-decoration: none;
}
a:visited {color:#8D9852;}
a:hover {color: #B9C86C;}
a:active { color:#B9C86C5;}


/* ----------topnav-------------- */

#topnav {
width: 640px;
margin-left: auto;
margin-right: auto;
background-color: #F7F7F7;
text-align: right;
}


/* ----------container to center the layout-------------- */

#containerout {
width: 650px;
margin-left: auto;
margin-right: auto;
padding: 3px;
background-color: #FFF;
border: 1px solid #8D9852;

}
#container {
width: 640px;
margin: 0px;
background-color: #FFF;
border: 5px solid #B9C86C;

}

/* -----------------content--------------------- */
#content {
color: #777;
padding: 0px;
margin-left: 210px;
margin-right: 5px;
}


#left {
float: left;
height: 100%;
background-color: #fff;
width: 201px;
margin: 0px;
padding: 0px;
}

#box{
width: 160px;
margin-left: 10px;
padding:5px;
color: #999;
font-size: 10px;
}

/* -----------headings--------------------------- */
h1,h2,h3 {
color: #888;
font-size: 12px;
border-bottom: 1px solid #B9C86C;
margin-right: 50px;
}

/* -----------footer--------------------------- */
#footer {
width: 640px;
margin-left: auto;
margin-right: auto;
background-color: #F7F7F7;
text-align: right;
}