body, html {
padding: 0;
margin: 0;
font-size: 11px;
font-family: arial;
color: #787878;
text-align: justify;
line-height: 19px; 
background-color: #f6f8f2;
}

ul.noIndent {
margin-left: .6em;
padding-left: .6em;
}

#header {
margin: auto;
background: url('images/v1coa_top.jpg') center;
background-repeat: no-repeat;
height: 315px;
width: 681px;
}

#content-box {
margin: auto;
text-align: left;
padding-bottom: 15px;
width: 681px;
background-color: #FFFFFF;
}

#content {
width: 540px;
padding-bottom: 10px;
padding: 10px;
float: right;
text-align: justify;
}

#sidebar {
font-size: 10px;
width: 100px;
padding: 10px;
float: left;
text-align: justify;
line-height: 17px;
} 

#sidebar a:link, a:visited, a:active{
color: #000000;
text-decoration: none;
font-weight: normal;
}

#sidebar a:hover{
color: #a9a9a9;
cursor: help;
text-decoration: none;
font-weight: normal;
}

#footer {
clear: both;
margin: auto;
height: 20px;
width: 681px;
background-color: #432c05;
}

.clear {
clear: both; 
}

b, strong {
color: #6fa8cf;
}

u {
color: #e66424;
}

i, em {
color: #9b9b9b;
}

a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #9f9f9f;
cursor: help;
text-decoration: none;
font-weight: bold;
text-transform: none;
}

h1 {
font-family: arial;
font-weight: normal;
margin-top: 0;
color: #9f9286;
font-size: 18px;
text-align: left;
text-transform: lowercase;
line-height: 30px;
margin-bottom: 0px;
}

h1:first-letter {
font-family: arial;
font-weight: normal;
color: #ab7951;
font-size: 18px;
text-decoration: none;
text-align: left;
text-transform: lowercase;
margin-bottom: 0px;
}

h2 {
font-family: arial;
margin-top: 0;
color: #535353;
font-size: 9px;
text-align: right;
text-transform: uppercase;
padding-right: 5px;
line-height: 20px;
margin-bottom: 0px;
font-weight: bold;
}

h3 {
font-family: arial;
color: #da3730;
font-size: 17px;
border-bottom: 1px solid #e7e7e7;
text-align: left;
line-height: 20px;
padding-left: 20px;
margin-bottom: 0px;
font-weight: normal;
}

a.sidenav, a.sidenav:link, a.sidenav:active, a.sidenav:visited {
color: #7979ac !important;
font-size: 12px;
width: 94px;
text-align: left;
font-family: arial;
font-weight: bold;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 5px;
display: block;
margin-bottom: 1px;
text-decoration:none;
line-height: 18px;
text-transform: lowercase;
border-bottom: 2px dotted #e6dcd7;
}

a.sidenav:hover {
color: #45457b !important;
font-size: 12px;
width: 94px;
text-align: left;
font-family: arial;
font-weight: bold;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 5px;
display: block;
margin-bottom: 1px;
text-decoration: none;
line-height: 18px;
text-transform: lowercase;
border-bottom: 2px dotted #d6c8c2;
}

a:active, a:focus {
outline: 0
}

img.pic {
border: 1px solid #8cbcdd;
margin: 3px;
padding: 3px;
}

img.pic:hover {
border: 1px solid #bbbbbb;
margin: 3px;
padding: 3px;
}

.posthidden {
display:none
}

.postshown {
display:inline
}

input {
width: 150px;
font-family: arial;
font-size: 11px;
color: #7b7058;
text-transform: none;
border: 1px solid #d5d5d5;
margin-top: 2px;
background-color: #F9F9F9;
}

textarea {
width: 470px;
font-family: arial;
font-size: 11px;
color: #7b7058;
padding: 1px;
margin: 2px;
border: 1px solid #d5d5d5;
background-color: #F9F9F9;
}

blockquote {
color: #847658;
background-color: #f8f8f8; 
border-left: 6px solid #e1d0d0;
border-bottom: 1px dotted #A4A4A4;
line-height: 18px;
padding: 5px;
}