body {
color: #005874;
background-color:#FFF1E6;
font-family: Georgia; 
}

h1 {
color:#BF8B60;
font-family: Georgia; 
}

code {
color:#BF8B60;
background-color: #FFF1E6;
padding-left:5px;
padding-right:5px;
}

a {
color: #005874;
}

a:hover {
color: #FFBA80;
text-decoration: none;
}

/* ----------container to center the layout---------- */
#container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
padding: 0px;
margin: 0 0 2em 0; 
border-bottom: 0.2em #FFF solid;
}

#banner img {padding:10px 0px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px #E6F9FF;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
} 

#inner{
margin:0px;
width:100%;
} /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
}

#left h2 {
margin: 0;
padding: 20px 20px 0 20px;
}

/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px; }

#content h2 {
padding: 20px 20px 0 20px;
}

#content h3 {
padding: 10px 20px 0 20px;
}

#content h4 {
padding: 10px 20px 0 20px;
}

#content p{
font-size: 1em;
padding: 10px 20px 0 20px;
}

#content p#nav_next {
text-align: right;
font-size: 0.8em;
}

blockquote {
border: 2px #FFF1E6 solid;
padding: 5px;
}

pre {
color: #BF8B60;
border-top: 1px #BF8B60 dotted;
border-bottom: 1px #BF8B60 dotted;
padding: 10px 0 10px 0;
margin: 10px 20px 0 20px;
font-size: 0.9em;
}

hr {
border-top: 1px #BF8B60 dotted;
border-bottom-width:0;
border-left-width:0;
border-right-width:0;
width:80%;
}
/*  ----------------footer---------------------- */ 
#footer {
text-align: right; 
font-size: 0.7em;
clear:left;
padding: 0;
margin-top: 2em;
border-top:  0.2em #FFF solid;
}