body {background: #fff ;
   color: #000 ;
   font-size: 12pt; 
   margin: 0px;
   border: 0px;
   font-family: 'times roman', times, serif ;
   background: url("../image/leftpanel.gif") repeat-y left fixed;}
#left { width: 200px;
  padding: 0px;
  margin: 20px 0px;
  font-family: 'trebuchet ms', 'lucida grande',
	verdana, lucida, geneva, helvetica, 
  arial, sans-serif;
  background: transparent;
   color: #fff;}
#right {position: absolute;
   color : #000;
   padding: 10px 20px;
   margin: 0px;
   top: 0px;
   left: 200px;
   background: transparent;
   border: 0px;}
a:link {       color :   #00f   ;
       font-family   :   times, serif  ;
        font-weight  :   bold ;}
#left ul {
   list-style: none;
   padding: 20px 0px;
   margin: 0px;}
#left ul li {display: block;
   padding: 0px;
   background: #fff;
   border-top: 1px solid #00f ;
   border-bottom: 1px solid #00f ;
   color: #00f;
   margin: 0px 10px;}
#left ul li a { display: block; 
   text-decoration: none; 
   padding-left: 10px;
   font-weight: bold;}
#left li a:hover { 
      background: #88f;
	color: #006;}
a:visited {    color :   #06f  ;}

a:active {    color  :   #06f   ;}

a:hover {   color    :   #f00  ; }
       
h1, h2, h3, h4, h5, h6     { color  :   #0066ff ;
	font-family  :   arial, 'sans serif' ;
	line-height  :   120% ;
     vertical-align  :   middle ;
	 text-align  :   center ;}

p { line-height  :   100% ;
         color   :   #000 ;
   font-family   :   times, serif ;
     text-align  :   left ;}

.red {  color   :   #f00 ;}

.floatleft {float : left ; 
      padding : 20px;
      border : thick black solid;
      width: 200px;
      margin: 10px;}
.floatright {float : right ; 
      padding : 20px;
      border : thick black solid;
      width: 200px;
      margin: 10px;}
.centerblock { display: block;
   margin-left: auto; 
   margin-right: auto;}
.centertext { text-align: center;}