* { margin: 0; padding: 0; }

body {
font-family: verdana,arial,sans-serif;
background-color: #B5A999;
}

#topshadow {
width: 980px;
}

#botshadow {
width: 980px;
}

#pagewrap {
width: 980px;
margin: 0 auto;
}

#midwrap {
width: 980px;
background-image: url("mid.png");
background-repeat: repeat-y;
margin-top: -4px;
}


#contentwrap {
position: relative;
width: 864px;
margin-left: 59px;
text-align: center;
}

#navwrap {
width: 864px;
background-color: #B5A999;
background-image: url(bg-1.png);
background-repeat: repeat-x;
background-position: top;
}

table.nav {
border-collapse: collapse;
width: auto;
margin: 0 auto;
}

table.nav a {
display: block;
font-family: arial,verdana,sans-serif;
text-align: center;
text-decoration: none;
color: #fff;
padding: 5px 0;
font-size: 14px;
font-weight: bold;
margin-right: 4px;
width: 90px;
background-image: url(bg-2.png);
background-repeat: repeat-x;
background-position: bottom;
}

table.nav a:hover {
background-image: none;
}

.clear { clear: both; }

#sidepanel {
float: left;
width: 240px;
height: 340px;
background-color: #E7E3DE;
margin: 15px 0 0 0;
border-bottom: 1px solid #BAAFA0;
}

#contentpanel {
float: left;
width: 606px;
height: 340px;
background-color: #E7E3DE;
margin: 15px 0 0 18px;
border-bottom: 1px solid #BAAFA0;
}