body { 
background-color:#cccc99;
color: #000; 
font-family:serif,sans-serif, Arial,Verdana,Helvetica;
font-size:16px;
margin:0px; 
padding:0px;
text-align:center;/*This CSS is to cure IE 5*/
}

/*---------------------------------------------*/
/*Note to self:To make design liquid instead of fixed-width, get rid
of all the pixel values and convert them to relative values in percent
I used a 770px width so that the sight at a minimum resolution of 800*600.
The margin setting above is CSS shorthand and it is telling the browser to
apply no margins to the top and bottom of the div but to apply auto margins to 
the left and right.*/
/*---------------------------------------------*/
#container {
background-color:#8f8f6b;
border-top:1px #fff solid;
margin:0 auto;/*center design on the screen*/
width:770px;/*100%;*/
text-align:left;
}
/*---------------------------------------------------*/
#header {
background-color:#fff;
/*border-bottom: 1px #000000 solid;*/
width:770px;/*100%;*/
}

/*---------------------------------------------*/
#main {
background:#dfe3ba;
float:left;
margin-left:180px;/*width of sidebar plus margin-left (5px)*/
width:400px;/*68.4%;*/
padding:0px;
border:1px #cc9 solid;
display:inline;/*Fix for IE*/
}
/*--------------------------------------------*/

#sidebar {
background:#fdffe6;
float:left;
margin-left:5px;
width:175px;/*30%;*/
border:1px #cc9 solid;
}

#sidebar ul {
margin-bottom:0;
}

#sidebar h3, #sidebar p{
padding:0 10px;
}
/*-------------------------------------------*/

#leftnavigation{
width:185px;/*Width is suppose to be 175px(22.7% liquid) but I changed it to 185px to reduce margin*/
float:left;
background:#fefff2;
padding:0px;
margin-left:-770px;
border-top:1px #cc9 solid;
text-align:left;
}
/*--------------------------------------------*/
/*/*Note to self:This extra wrapper not only avoids the nasty IE three pixel text-jog,
it also adds simplicity and elegance to the way we can swap columns.
The only thing we need to do to swap columns is to modify floats. */

#wrapper{
float:right;
width:585px;/*76%;*/
}*/
/*--------------------------------------------*/
/*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*/

#navcontainer
{
margin: 0;
padding: 0 0 0 12px;
}

#navcontainer ul
{
list-style-type: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
display: block;
margin:0px;
padding: 0;
float: left;
width: auto;
}

#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;/*100%;*/
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;
color:#900B09;
text-align:center;
}
form{
}
button{
background:#900B09;
width:50px;
color:#fff;
margin:0px 2px 0px 0px;
padding:1px;
font-size:8px;
}
p{
font-size:16px;
}