html{
    color: #000;
    margin: 0;
    padding: 0;
    background: url('images/bg.jpg')  fixed top left;
}
body  {font: 10pt "verdana",serif ; color:navy;
       margin-top: 10px ;
		 }

p.ql{color:green; font-style:italic}
p.q{color:green; font-style:italic; font-weight:bold}


/* Things at the top of this style section affect all parts of the page */


 h1 {
    padding: 0px;
    margin: 0px;
    font-size: 12pt;
        }
h2 {
    font-size: 9pt;
    padding: 0px;
    margin-left: 10px;
	 text-decoration: underline;
}
h3, h4, h5, h6 {
	 color: grey;
    font-size: 8pt;
    padding: 0px;
    margin: 0px;
}
hr {
color: black;
width: 75%;
height: 1px;
}
table {
  border-color: black;
}
p {color:navy;
    margin: 0px 5px 5px 20px;    /* top  right bottom  left  MARGINS*/
    font-size: 10pt;
   }


/* Specifics to menu */

#leftcontent {
    float:left;
    font-size: 9pt;
    width:200px;
    background-image: url("images/bg.jpg") ;margin-right:0px;
    margin-left: 0px;
    margin-top:20px;
    padding-bottom:0px;
	 position:fixed;
}

#leftcontent ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
  }

#leftcontent ul li {        /* don't think I need this */
	position: relative;
        top: 0px;
	}

#leftcontent  li ul {       /* don't think I need this */

	position: absolute;
   left: 149px;
   top: 0;
	display: none;
	}

#leftcontent ul li a {
	display: block;
	text-decoration: none;
  color: black;
  background: #E7FEcE;       /* do need this - background non-hover*/
	padding: 5px;
	border: 1px solid #ccc;
  border-bottom: 1px;
	}

/* Fix IE. Hide from IE Mac \*/    /* I DON'T UNDERSTAND THIS! This is something to do with selector specificity */
* html ul  { float: left; }        /* I removed the li (as compared to the css_index menu) to get it to work */
* html ul li a { height: 1%; }     /* see http://www.w3.org/TR/REC-CSS2/cascade.html#specificity for more info */
/* End */

#leftcontent  ul li a:hover { color: #c2144A; background: #E7FEaE; } /* Hover Styles background*/

#leftcontent ul {              /* This draws the bottom of the menu - left this out originally */
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
	}


#leftcontent li:hover   ul, li.over ul {      /* not needed???? */
  display: block;
   }

/* Have to re-define the ul and li for the main (right) section */

#rightcontent {
      position: absolute;    /* norobots directory has older version to provide a backup */
		max-width: 900px;     /* changed from width: 75% - display is too width on a really big screen */
		min-width: 800px;    /* Added 11 July 2010 to centre pages with no text and just graphics */
      left: 200px;
      top: 6px;
      background-color: #F4F8F9 ;
			margin-top: 0px ; padding-right: 20px;
}

#rightcontent   ul {
	margin: 10px;
	padding: 0px;
	width: 75%;
}
#rightcontent  li {
  color: navy;
  margin: 0px 30px 0px 30px;   /* top  right bottom  left  MARGINS*/
}
#rightcontent  a {  color: blue;    }
#rightcontent  a:visited {  color: purple; }
#rightcontent  a:hover {  color: red; }

#quoted {
         font-style:italic; font-weight:bold ;
}
#quoted p {color: green;}
#quoted li {color: green;}