* {
margin:0;
padding:0;
}

body {
background-color:#332c22;
text-align:center;
font: .688em/1.833em  verdana, arial, sans-serif;
color:#fff;
margin:5px;
padding:0;
}

p {
padding: 3px; 
}

#header {
height:400px;
text-align:center;
width:auto;

}

#container {
width:620px;
text-align:left;
margin: 0 auto;
overflow: auto;
background-color: #231c12;
}

#content{
text-align: left;
padding: 20px;
line-height: 22px;
margin-top: 10px;}


#navi {
width:auto;
text-align:center;
background:#231c12;
padding:15px;
margin: 0;
}

#navi ul, #navi li {
list-style-type: none;
display : inline;
}

#navi a:link, #navi a:visited, #navi a:active{
float : inherit;
font :1.636em  verdana, arial, sans-serif;
color : #9c8e74;
width: auto;
text-decoration: none;
padding : 10px 20px;
}
#navi a:hover {
color:#000;
background-color:#9c8e74;
}
ul{
margin-left: 10px;
padding-left:3px;
}


blockquote {
display:block;
background:#b9ac9b;
padding:10px;
border-left:10px solid #4a1310;
color: #000;
align:center;

}

#footer {
clear: both;
background-color:#231c12;
height: 20px;
padding: 5px 5px 20px 0;
text-align: right;
overflow:hidden;
}

a:link,a:visited,a:active {
font:1.167em arial;
color:#7F6F4F;
text-decoration:none;
}

a:hover {
font:1.167em arial;
color:#fff;
}

h1{ 
font:2em Georgia, "times new roman", serif;
color:#4f503e;
}

h2{
font:italic 1.667em Georgia, "times new roman", serif;
border-bottom: 1px solid #4a1310;
padding: 3px;
}

input,textarea,submit,select,option {
font: 1em verdana, arial sans-serif;
color:#52483e;
overflow:auto;
background:#b9ac9b;
border: 1px solid #b9ac9b;
margin:2px;
padding:5px;
}


strong {
color:#fff;}

em {
color:#a72e33;
}