body {
 background: #E7E7E7 url(dkgr.jpg);
font-size: 12px;
font-family:  Arial, SunSans-Regular, Sans-Serif;
color:rgb(35,31,32);
padding:0px;
margin:20px;
}
a {color: rgb(35,31,32);}
a:visited {color:#c43300;}
a:hover {color: #c43300;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;

/*border-top:1px solid #564b47;
border-bottom:1px solid #564b47;*/
/*padding:5px 0px;*/
margin:0px }

h2 {
color: #9A1212;
font-size:20px;
font-weight: normal;
padding: 5px 0px;
margin:0px;}

img.download {vertical-align:left;}

/* ----------container to center the layout-------------- */
#container {
width: 760px;

margin-left: auto;
margin-right: auto;
height:100%;
background: rgb(217,228,175) url() no-repeat bottom left;
border:10px solid #857E70;
}

/* ----------banner for logo-------------- */
#banner {
height:300px;


background-repeat:no-repeat;
background-color: rgb(217,228,175);

padding: 0px;
margin-top: 0px;
}
#banner img {padding:px 0px;} 
#bannertitle{padding-top:0px;font-size:2em;font-weight:bold;}

/* -----------------content--------------------- */
#content {
text-align:justify;
background: rgb(217,228,175) url()   no-repeat bottom right;
padding: 15px;
margin-left: 190px;
margin-right: 0px;
line-height:1.5em;
}
div#content { 

/*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
}

p.dropcap:first-letter{
float:left;
width:40px;
font:60px french script mt;
line-height:50px;
}



p, pre{
padding: 5px 0px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 190px;
font-size:9pt;
color: rgb(35,31,32);
margin: 0px;
padding: 0px;
border-bottom: 0px solid rgb(35,31,32);
background:rgb(217,228,175);
 height:90%;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding:0px;

height:35px;
text-align: right; 
background:  url('footer.gif') repeat-x ;
}
 #footer h1 a{
 color:#FFFFFF;
 }
  #footer h1{
  padding:5px 5px 0px 0px;
  }
 /**********vertical menu***************/


.verticalmenu ul{
 list-style:none;
/*list-style-image: url("bullet.gif")*/


 padding: 10px;
 margin: 0px;
}

 .verticalmenu li, .verticalmenu a:visited, .verticalmenu a:hover {
   display: block;
   font: 7pt Verdana, Arial, Helvetica, sans-serif;
   color: rgb(35,31,32);
   text-decoration: none;
 
border-bottom:1px solid rgb(35,31,32);
   width: 160px;
   height: 22px;

 }

 .verticalmenu a:hover{
   background: white; no-repeat;
   color: rgb(35,31,32);