body {background: #fff ;  /* background color of the right panel -- currently white */
   color: #000 ; /* default text color -- currently black */
   font-size: 12pt; 
   margin: 0px;
   border: 0px;
   font-family: 'times roman', times, serif ;
   background: url("../image/left.gif") repeat-y left fixed;}
   /* left.gif is 200 px on entire left side of the screen */
   /* Current color of left.gif is #0000ff (blue) -- change to suit */
#left { width: 200px;  /* needs to be the same size as left.gif */
  padding: 0px;
  margin: 20px 0px;
  font-family: 'trebuchet ms', 'lucida grande',
	verdana, lucida, geneva, helvetica, 
  arial, sans-serif;
  background: transparent;
   color: #fff;}
   /* color needs to contrast with color of left.gif */
#right {position: absolute;
   color : #000;
   padding: 10px 20px;
   margin: 0px;
   top: 0px;
   left: 200px;  /* needs to be the same width as left.gif */
   background: transparent;  /* change color of right panel in body */
   border: 0px;}
/* begin setup for links in right panel */
/* try to coordinate the colors in a color-family */
a:link { color: #00f;
   font-weight: bold ;}
a:visited {color: #06f;}
a:active {color: #06f;}
a:hover {background: #00f;
		color: #fff; }
/* end setup for links in right panel */

/* begin setup for links in left (menu) panel */
#left ul {list-style: none;
   padding: 0px;
   margin: 0px 10px;}
#left ul li {display: block;
   padding: 0px 0px;
   margin: 0px 0px;
   text-indent: 10px;
   background: #fff;
   border-top: 1px solid #00f ;
   border-bottom: 1px solid #00f ;
   color: #00f;}
#left ul li ul { margin: 0px;}
#left ul li ul li { margin: 0px 0px;
    text-indent: 25px;}
#left ul li a { display: block; 
   text-decoration: none; 
   padding-left: 0px;
   margin-left: 0px;
   font-weight: bold;}
#left li a:hover { 
      background: #88f;
	color: #fff;}
#left a:visited {color: #00f;}
#left a:active {color: #00f;}

/* end setup for links in left (menu) panel) */

h1, h2, h3, h4, h5, h6 {color: #06f ;
      font-family: 'trebuchet ms', 'lucida grande',
	verdana, lucida, geneva, helvetica, 
        arial, sans-serif;
   line-height: 120% ;
   vertical-align: middle ;
   text-align: center ;}
img { border: 0;}
p { line-height: 100%;
   font-family: times, serif ;}
.red {  color   :   #f00 ;}
/* floatleft/right are for text with borders */
.floatleft {float : left ; 
      padding : 20px;
      border : thick blue solid;
      width: 200px;
      margin: 10px;}
.floatright {float : right ; 
      padding : 20px;
      border : thick blue solid;
      width: 200px;
      margin: 10px;}
/* imageleft/right are for images without borders */
.imageleft {float : left ; 
      padding : 20px;
      border : none;}
.imageright {float : right ; 
      padding : 20px;
      border : none;}
/* use centerblock for block elements (images mainly) */ 
/* and centertext for inline elements (text mainly) */
.centerblock { display: block;
   margin-left: auto; 
   margin-right: auto;
   margin-bottom: 20px;}
.centertext { text-align: center;}
#neststuff {display: none;}
#neststuff li a:visited { color: #00f;}