/** STRUCTURE **/

body,td,th,p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
body {
background-color: #64251C;
margin: 10px auto;
text-align: center;
}

#header {
width: 750px;
text-align: center;
margin: auto;
}

#content {
margin: auto;
width: 750px;
background: url(/images/content-bg.jpg);
padding: 0px 0px;
}

/* LEFT STUFF */

#left {
width: 200px;
float: left;
padding: 10px;
text-align: left;
background-color: #E1D3AE;
/* background: url(/images/tape.gif);*/
vertical-align: top;
/** ugly brilliant hack **/
voice-family: "\"}\"";
voice-family:inherit;
width: 180px;
}

#left a:link, a:visited, a:active {
color: #62231A;
text-decoration: none;
}
#left a:hover {
color: black;
text-decoration: none;
}
#left ul ul li a:link, #left ul ul li a:visited,  #left ul ul li a:active {
color: #C24409;
text-decoration: none;
}
#left ul ul li a:hover {
color: #882B00;
text-decoration: none;
}

#left ul, #left li {
margin: 0;
padding: 0;
list-style: none;
}
#left ul ul {
padding-left: 15px;
}

#left ul ul {
margin: 1px 0px 3px 0px;
border-bottom: 1px dotted #64251C;
border-top: 1px dotted #64251C;
padding-top: 3px;
}

#left ul ul li {
list-style-type: circle;
}

#left a:link, #left a:visited, #left a:active, #left a:hover {
display: block;
padding: 2px;
}

.menu_current {
font-weight: bold;
}


/* end of left stuff */

#right {
background-color: #EFE3BB;
padding: 10px;
width: 550px;
float: left;
text-align: left;
/** ugly brilliant hack **/
voice-family: "\"}\"";
voice-family:inherit;
width: 530px;
}

#clear {
content: "&nbsp;";
display: block;
visibility: hidden;
height: 0px;
clear: both;
}


#footer {
background-color: #862D21;
text-align: center;
font-size: 10px;
height: 10px;
width: 750px;
margin: auto;
}

#credits {
background-color: #64251C;
width: 750px;
text-align: center;
margin: 10px auto;
color: #B54E41;
font-size: 10px;
}

#credits a:link, #credits a:visited {
color: #B54E41;
text-decoration: none;
}

#credits a:hover {
color: #D5897F;
text-decoration: underline;
}

/** MARKUP **/

/* Colors
#862D21 brighter red
#64251C background
#62231A deep maroon
*/

h1, h2, h3, h4, h5 {
margin: 5px 0px 5px 0px;
}

h1 {
font-size: 18px;
color: #62231A;
}

h2 {
font-size: 15px;
color: black;
}

#right a:link, #right a:active {
color: #aa2D21;
text-decoration: underline;
}

#right a:visited, #right a:hover {
color: #622334;
text-decoration: underline;
}

h6 {
font-size: 8pt;
font-weight: normal;
}

