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

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

#navlist { 
padding-left:0px;
margin-left:10px;
margin-bottom: auto; 
display: block;
line-height: 17px;
list-style-image: url(Images/dots.jpg);
list-style-position:outside;
}

ul li a:link
{
padding: 0;
margin: 0;
width:150px;
display:block;
}

ul li a:hover
{
padding: 0;
margin: 0;
width:150px;
display:block;
background-image: url(images/navbg2.gif);
background-repeat:no-repeat;
}

li{
border-bottom: 1px solid #BAD6FC;

}


a {
color:#FFA953;
text-decoration: none;
}
a:visited {color:#FFA953; }
a:hover { color: #4794B7; background-color: #E8FFFF; }
a:active { color:#4794B7; }



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

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

}

#topnav ul li a{
border-top: 3px solid #BAD6FC;
}

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

#containerout {
width: 650px;
margin-left: auto;
margin-right: auto;
padding: 3px;
background-color: #006699;
border: 1px solid #BAD6FC;
}

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

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

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

}

#box{
width: 160px;
margin-left: 10px;
margin-top: 10px;
padding:5px;
color: #006699;
font-size: 10px;
border: 1px #FFB0B0 solid;
background-color: #FFF0F0;
-moz-opacity:.8;
}

#box:hover {-moz-opacity:1; }
#box2:hover {-moz-opacity:1; }
#box3:hover {-moz-opacity:1; }

#box2{
width: 160px;
margin-left: 10px;
margin-top: 15px;
padding:5px;
color: #006699;
font-size: 10px;
border: 1px #79FF79 solid;
background-color:#E8FFE8 ;
-moz-opacity:.8;
}

#box3{
width: 160px;
margin-left: 10px;
margin-top: 15px;
padding:5px;
color: #4794B7;
font-size: 10px;
border: 1px #B3B3FF solid;
background-color:#DFFDFF ;
-moz-opacity:.8;
}

#picbox {
width: 160px;
float: right;
display:inline;
margin-left: 0px;
padding:5px;
color: #4794B7;
background-color: #fff;
border: 1px #ccc solid;
font-size: 10px;
padding:5px;
vertical-align: top;
top:auto;
}


/* -----------headings--------------------------- */
h1 {
color: #4794B7;
font-size: 1.5em;
border-bottom: 1px solid #BAD6FC;
margin-right: 50px;
}

h2 {
color: #7AB075;
font-size: 1em;
border-bottom: 1px solid #BAD6FC;
margin-right: 50px;
}

h3 {
color: #7AB075;
font-size: 1em;
border-bottom: 1px dotted #BAD6FC;
}

h4 {
color: #006699;
font-size: .7em;
}

h5 {
color: #DD6A50;
font-size: .8em;
border-bottom: 1px solid #BAD6FC;
margin-left: 20px;
font-family: Verdana, Arial, Sans-Serif;
}

.inset {
color: #DD6A50;
font-size: .8em;
border-left: 1px solid #BAD6FC;
border-right: 1px solid #BAD6FC;
margin-left: 20px;
margin-right: 20px;
font-family: Verdana, Arial, Sans-Serif;
}
/* -----------footer--------------------------- */
#footer {
width: 640px;
margin-left: auto;
margin-right: auto;
background-color: #E9F1FC;
text-align: right;
}
/* -----------box--------------------------- */