body { 
background-color:#cccc99;
color: #000; 
font-family:serif,Arial,sans-serif,Verdana,Helvetica;
font-size:16px;/*displayed at 1em*/
margin:0px; 
padding:0px;
text-align:center;
}

#container {
background-color:#8f8f6b;
border-top:1px #fff solid;
margin:0 auto;
width:770px;
text-align:left;

}

#header {
background-color:#fff;
/*border-bottom: 1px #000000 solid;*/
width:770px;
}


#main {
background:#dfe3ba;
float:left;
width:570px;
padding:0px;
margin:0;
border:1px #cc9 solid;
}
/*---------------------------------------------*/
/*Right Navigation*/
#sidebar {
background:#fdffe6;
float:right;
width:200px;
border:1px #cc9 solid;
}

#sidebar ul {
margin-bottom:0;
}

#sidebar h3, #sidebar p {
padding:0 10px;
font-size:16px;
}
/*--------------------------------------------*/
/*The CSS margin properties define the space around elements.It is possible to use negative 
values to overlap content. The top, right, bottom, and left margin can be changed 
independently using separate properties. 
The CSS padding properties define the space between the element border and the element content. 
Negative values are not allowed. The top, right, bottom, and left padding can be 
changed independently using separate properties.*/


/*Horizontal navigation*/
/*Clagnut*/

#navcontainer ul
{
list-style-type: none;/*To remove left indentation consistently across all browsers, set both padding and margins to 0 for the UL*/
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
display: block;
margin:0px;
padding: 0;
float: left;
width: auto;
font-size:1em;
}

#navcontainer a
{
color: #448;
display: block;
width: auto;
text-decoration: none;
background: #cc9;
margin:0;
padding: 2px 18px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

#navcontainer a:hover, #navcontainer a:active{ 
background: #96997A;
color:#fff; 
}

#navcontainer a.active:link, #navcontainer a.active:visited
{
position: relative;
z-index: 102;
background: #96997a;
font-weight: bold;
}

#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #96997a;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav ul
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav li
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav a
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin:0;
padding: 2px 12px 2px 10px;
}

#subnav a:hover, #subnav a:active { color: #fff; }
#subnav a.active:link, #subnav a.active:visited { color: #448; }
#subnav br, #navcontainer br { clear: both; }

/*------------------------------------------*/
/*#searcharea{
float:right;
margin:-0px;
color:#900B09;
}*/
/*------------------------------------------*/
#foot{
background:#8f8f6b;
clear:both;
padding:0px;
margin:0;
width:770px;
text-align:center;
}
/*-------------------------------------------*/
th{
background-color:#8f8f6b;
color:#fff;
}
h2{
background-color:#8f8f6b;
color:#fff;
font:bold 12px Verdana, sans-serif;
text-align:center;
}
h1{
font: bold 12px Verdana, sans-serif;
}
form{
}
button{
background:#900B09;
width:50px;
color:#fff;
margin:0px 2px 0px 0px;
padding:1px;
font-size:8px;
}
p{
font-size:16px;
}