* {
margin:0;
padding:0;
}

body {
background-color:#333;
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:680px;
text-align:left;
margin: 0 auto;
overflow: auto;
background-color: #262626;
}

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


#navi {
width:auto;
text-align:center;
background:#262626;
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 : #fff;
width: auto;
text-decoration: none;
padding : 10px 20px;
}
#navi a:hover {
color:#000;
background-color:#B8B8BB;
}
ul{
margin-left: 10px;
padding-left:3px;
}


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

}

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

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

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

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

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

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


strong {
color:#fff;}

em {
color:#ababb0;
}