html, body {padding:0; margin:0;}
body {
font: normal 1em/1.4em verdana, helvetica, sans-serif;
/*	background: #fff url(images/band.png) left 160px repeat-x; */
background: #d0cac1 url(images/bg2.jpg) left -10px repeat-x fixed;
background: #567391 url(images/mtbg.jpg) left bottom repeat-x fixed;
}
/* ----------container to center the layout---------- */
#container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#head {
background-color: #567391;
padding: 0px;
margin: 0px;
height:160px;
overflow:hidden;
}
#head h1 {color:#fff; padding:22px 42px 0 0; font:bold 18px/1.4em "Engravers MT", georgia, serif;text-align: right;}
#head img {margin:5px; float:left;} 

/* -------------------------topnav------------------------ */
#topnav {position:absolute; top:120px; margin-left:60px;}

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px #fffff6;  /* 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;
 }

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

p{
padding: 5px 10px;
margin:0px; 
font-size:0.8em;}

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

h2 {
margin:0; padding:1px 8px; background:#000;
font-size:12px; color:#fff;
border-top:1px solid #69f;
}



/* -------------------------leftnav------------------------ */
ul#leftnav {
list-style: none;
margin: 10px;
padding: 0px;
border: none;
}
ul#leftnav li {
margin: 0px;
padding: 0px;
}
ul#leftnav li a {
font-size: 0.9em;
display: block;
border-bottom: 1px dashed #c7beab;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #420;
width:180px;
}

ul#leftnav li a:hover, ul#leftnav li a:focus {
color: #fff;
background-color: #84b0df; 
}
/*  ----------------------misc--------------------- */
img {border:0;}
a, a:visited {color:#059;}
a:hover {color:#940; text-decoration:none;}

.photocap { font:oblique 0.7em/1.6em arial, sans-serif; text-align:center;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; }