body {
font-size:16px;/*1em*/
font-family:Arial, Helvetica, sans-serif;
padding:0;
margin:0;

}

img {
border:0;
}

#container {
width:"100%";
height:1500px;
background-color:#CCCCCC;
}


#wrapper
{
    width: 800px;
padding:0; 
    margin: 0 auto;
background-color:white;
    }

#header
{
    width: 800px;
                
}

#header ul {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 3px;
padding: 0;
list-style:none;
width: 784px;
font-size: 0.80em;
background: black;
float: left;
}

#header li 
{
float: left;


 }


#header a {
display: block;
padding-left: 7px;
padding-right: 7px;
line-height: 25px;
color: white;
text-decoration: none;
background:black;
border-right: solid 1px white;

}

#header a:hover {
background: white;
color: black;
}

#header a.active {
background: #BDBDBD;
color: black;
}





    
#navigation
{
    
    width:160px;
    float:left;
margin-left: 3px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top:10px;
    font-size:0.90em;
    }
    
#navigation li.head
  {
border-right: solid 1px black;
border-left: solid 1px black;
border-top: solid 1px black;
height: 25px;
color: white;
font-weight: bold;
line-height: 25px;
background: #5A5A5A;
padding-left: 4px;
width: 154px;

}




#content
{
    
    width:560px; 
    float:right;
    margin: 10px;
    padding: 10px;
    
}



#leftbox {
width: 50%;
float: left;
}

#rightbox {
width: 40%;
float: right;


}



#footer {
clear: both;
width: 798px;
padding:0;
margin:0;
background-color: #f5f5f5;
border: 1px solid #3A6D85;
text-align: center;
font-size: 0.80em;

}


#footer p {
margin:0;
padding:3px;
}

.note {
font-size: 0.80em;
}


fieldset {
border: solid 1px #3A6D85;
margin: 10px;
 background: #f5f5f5;
 padding: 5px;
	
}


legend {
	
	font-weight:bold;
}