/* CSS Document */

body {
color: #8B7E66;
background-color: #CDCDB4;
background-image: url(img/bg.gif);
background-attachment:fixed;
background-position:top left;
background-repeat:repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 0; 
text-align:center;
}


#container {
width:820px;
background-color: #CDCDB4;
text-align:left;
margin-left:auto;
margin-right:auto;
}

/* HEADER */

#header {
margin-top: 0; 
width:820px;
background-color: #CDCDB4;
padding: 0px 0px 0px 0px;
}

.header-links {
background-color: #8B7E66;
color: #FFFFE0;
padding: 6px 10px 6px 8px;
margin: 0px 0px 0px 0px;
}

.header-links a.hl, a.hl:visited {
font-size: 12px;
font-weight: bold;
color: #FFFFE0;
text-decoration: none;
}

.header-links a.hl:hover, a.hl:active {
color: #8B0000;
}


/* TABLES */

table, td
{
border-color: #855E42;
border-style: solid;
margin-left:auto;
margin-right:auto;
}

table
{
border-width: 0 0 1px 1px;
border-spacing: 0;
border-collapse: collapse;
}

td
{
margin: 0;
padding: 4px;
border-width: 1px 1px 0 0;
text-align:center;
}

table.tab2, td.tab2
{
border-width:0px;
border-style: none;
 text-align:left;
vertical-align: top;
}

/*  LEFT menu */

#left-nav {
background: #CDCDB4;
margin-top:0;
padding: 0;
width:180px;
border-right: 1px solid #8B7E66;
float:left;
}

.menutitle {
background-color: #8B7E66;
font-family: verdana;
color: #ffffff;
font-size: 11px;
font-weight: bold;
padding: 8px 8px 6px 8px;
}

.menutitle a, .menutitle a:visited {
color: #fff;
text-decoration: none;
}

.menutitle a:hover, .menutitle a:active {
text-decoration: underline;
color: #8B1A1A;
}

div.submenu {
font-weight: normal;
background: #CDCDB4;
padding: 0;
}

div.submenu a, div.submenu a:visited {
font-weight: normal;
display: block;
padding: 2px 2px 2px 8px;
margin: 0px;
font-size: 11px;
color: #855E42;
border-bottom: dotted 1px #8B7E66;
}

div.submenu a:hover,div.submenu a:active { 
font-weight: normal;
background: #ffffff;
background-color: #EEEEE0;
color: #EE6363;
}

/* MIDDLE */

#middle {
background-color: #CDCDB4;
margin-top:0;
width:630px;
font-size: 13px;
float:right;
padding: 0px 0px 0px 0px;
}

#box {
background-color: #CDCDB4;
margin-top:0;
width:820px;
font-size: 13px;
float:left;
padding: 0px 0px 0px 0px;
}

/* LINKS */

a:link, a:visited {
color: #855E42;
}

a:hover, a:active {
color: #8B0000;
text-decoration: underline;
}

a img.lnk{
border: 2px solid #855E42;
}

/* misc*/


h1 {
padding: 10px 10px 10px 10px;
font-family: verdana;
color: #FCFFF0;
font-size: 13px;
font-weight: bold;
background-color: #8B7E66;
border: solid 1px #FCFFF0;
margin: 0px 0px 8px 0px;
}

.hr {
width: 75%;
padding: 1px;
margin: 10px;
border-bottom: solid 1px #8B7E66;
font-size: 1px;
}

/*  Footer */
.footer {
width: 100%;
background: #8B7E66;
padding: 10;
margin-bottom: 20;
border-top: 1px solid #8B7E66;
border-bottom: 1px solid #8B7E66;
font-family: verdana;
color: #ffffff;
font-size: 11px;
text-align: center;
}

/* FOOTER */

#footer {
background-color: #8B7E66;
color: #FFFFE0;
text-align: center;
padding: 0px 10px 20px 10px;
font-size: 8px;
clear:both;
}

.footer a, .footer a:visited {
color: #3f3f3;
}

.footer a:hover,.footer a:active {
color: #ffffff;
text-decoration: underline;
}