/* css document  */

body {
background: #E7E7E7;
font-size: 14px;
font-family: Arial;
color:#000000;
padding:0px;
margin:0px;
height:100%;
}

.csc-textpic-caption {
font-size: 12px;
color: #65388b;
text-align: center;
padding: 5px 0px 0px 0px;
}

h1 {
color: #000000;
font-size:30px;
font-weight: bold;
padding: 0px 0px 20px 0px;
margin:0px;
text-align: left;
}

h2 {
color: #65388b;
font-size:14px;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin:0px;
text-align: left;
}



/* ----------container to center the layout-------------- */
#container {
width: 800px;
margin-left: auto;
margin-right: auto;
background:  url('img/back.gif');
border:1px solid #8D8D8D;
}

.clearer {
clear: both;
}
/* ----------banner for logo-------------- */
#banner {
height:200px;
background:  url('header.jpg') no-repeat bottom center;
background-color: #e1ddd9;
padding: 0px;
margin: 0px;
}


/* -----------------content--------------------- */
#content {
float: left;
width: 478px;
height: auto;
background:#ffffff;
padding: 20px;
margin-left: 0px;
margin-right: 0px;
}

p, pre{
padding: 0px 0px 10px 0px;
margin:0px;
line-height: 16px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
background-image: url('img/lila.gif');
background-repeat:repeat;
background-color:#FFFFFF;
/*height:90%;*/
}


/* ----------right colour-------------- */
#right {
float: right;
width: 82px;

margin: 0px;
padding: 0px;
margin-left: auto;
margin-right: right;
height: auto;
}

/*#footer {
clear: both;
margin: 0px;
padding:0px;
height:1px;
background: #8D8D8D;
}*/
 
/**********vertical menu***************/
.verticalmenu ul{
 list-style:none;
 padding: 20px 10px 10px 20px;
 margin: 0px;
}

 .verticalmenu li a:link, .verticalmenu a:visited {
   display: block;
   font-size: 16px;
   font-weight: bold;
   font: Arial;
   color: #ffffff;
   text-decoration: none;
   text-align: left;
   
   width: 180px;
   height: 32px;
 }

 .verticalmenu a:hover, .verticalmenu a.active {
   color: #eb7035;
 }
 
 /**********vertical menu2***************/
ul.verticalmenu2{
 list-style:none;
 padding: 5px 10px 10px 20px;
 margin: 0px;
}

 .verticalmenu2 li a:link, .verticalmenu2 a:visited {
   display: block;
   font-size: 14px;
   font-weight:normal;
   font:Arial;
   color: #ffffff;
   text-decoration: none;
   text-align: lef;
   
   width: 180px;
   height: 32px;
 }

 .verticalmenu2 a:hover, .verticalmenu2 a.active {
   color: #eb7035;
 }