body {
background-color: #3A2419;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#FFF600;
padding:0;
margin:0;
}
a {color: #FFF600;}
a:visited {color:#FFF600;}
a:hover {color: #FF4E00;}
a:active { color:#FF4E00;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E4953F;
border-top:1px solid #FFF600;
border-bottom:1px solid #FFF600;
padding:5px 15px;
margin:auto }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

h3 {
padding: 0;
margin:0;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: auto;
margin-bottom: 10px;
margin: 0 auto;
background-color: #3A2419;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #3A2419;
text-align: center;
padding: 20px;
margin: 0px;
}
#banner img {padding:10px;
background-color: #3A2419;} 

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin: 0 200px;
}

div#content { 
min-height:900px;
height:expression(this.scrollHeight > 900 ? "auto":"900px"); 
}

p{
padding: 5px 10px;
margin:0px;
color: #573626;
}

pre{
padding: 5px 10px;
margin:0px;
color:#FFF600;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0;
padding: 0;
}
#right {
float: right;
width: 200px;
height: 600px;
margin: 0;
padding: 0;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
padding: 0;
text-align: center; }