body {
/*background-image: url(images/09original.gif);*/
background-color: #383838;
font-family: courier, serif;
font-size: 11px;
color: #383838;
padding: 0;
margin: 0;
text-transform: lowercase;
letter-spacing: .1em;
}

#wrapper {
display: block;
width: 900px;
height: auto;
margin: auto;
padding-top: 20px;
}

#content {
display: block;
background-color: #cdcdcd;
float: left;
width: auto;
padding: 0 10px 20px 10px;
border-top: 3px solid #ddd;
border-left: 2px solid #999;
border-right: 2px solid #aaa;
}

#header {
float: left;
width: 100%;
border-bottom: 1px solid #564545;
border-top: 1px solid #564545;
margin: 10px 0 30px 0;
}



#section {
display: block;
padding: 50px 0;
}

.interactive {
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #564545;
}

.head {
clear:both;
width: 100%;
height: auto;
}

#left {
float: left;
}

#right {
float: right;
}

ul {
padding: 0;
}

li {
padding: 0;

list-style-type: none;
display: inline;
}


img {
float: none;
}

a img {
border: 1px solid #bcbcbc;
}

a:hover img {
border: 1px solid white;
}

img, a img, a:hover img, a:active img {
 outline: none;
 }

h1, h2, h3, h4, h5 {
font-size: 1em;
font-variant: normal;
font-weight: 100;
}

h2 {
/*text-transform: uppercase;*/
padding: 0;
margin: 20px 0 0 2px;
}

a {
text-decoration: underline;
color: #564545;
}

a:hover {
text-decoration: overline;
color: white;
background-color: #564545;
}

p {
color: #383838;
padding: 0;
margin: 0 0 0 2px;
}

.center{
text-align: center;
}

.white {
color: #fff;
}

.red {
color: red;
}

.maroon {
color: maroon;
}