body {
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
/**
* Black text, white background with image of writing at top and crescent
*/
  color: #000000;
  background: #ffffff url(../images/bg.jpg) no-repeat;
}

ul {
  margin-top: 1em;
  margin-left: 3em;
  padding-left: 1;
} 

li {
  line-height: 1.2em;
  margin-top: 1em;
  }


h1 {
  text-align: left;
  }

h2 {
  text-align: left;
  margin-top: 1em;
  }
  
h3 {
  margin-top: 1em;
  text-align: left;
  color: black;
  background-color:#8FBE86;
  padding: 0.5em;                             /** extend the green top and bottom  */
  }

img {
  float: left;
  padding-right: 1em;
  padding-bottom: 1em;        
  }
  
.red { background-color: #DD4444; }

.green { background-color: #008800; }

.orange { background-color: #FFDD00; }

.yellow { background-color: #FFFF33; }

.lightgreen { background-color: #8FBE86; }     /** colour for h3  */

.darkgreen { background-color: #356736; }      /** green crescent */

.midgrey { background-color: #D8D8D8; }      /** grey for Fatty's leagues */

.important { 
  border-style: solid; 
  border-width: thick; 
  border-color: #8FBE86;                      /** colour for h3  */
  padding: 5px; 
} 

.long {
  font-size: 13px;
  font-weight: bold;
  color: #ffff00;
}

.address {
  line-height: 1.3em;
}

.ctext-8 {  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
     font-size: 8pt; 
     color: #000000;
     text-align: center;
     vertical-align: text-top
}

#main-content {
  position: absolute;
  top: 150px; left: 327px; width: 600px;
  padding: 0; margin: 0; 
  list-style: none;
}
/* width of main-content was 445px */

#lhs-content {
  position: absolute;
  top: 130px; left: 138px; width: 142px;
  padding: 0; margin: 0; 
  list-style: none;
  border: 3px solid #8FBE86; padding: 5px;
}

#lhs-content-small {
  position: absolute;
  top: 155px; left: 138px; width: 142px;
  padding: 0; margin: 0; 
  list-style: none;
  border: 3px solid #8FBE86; padding: 5px;
}

#inside_crescent {
  position: absolute;
  top: 145px; left: 110px; width: 142px;
  padding: 5px; margin: 0; 
  list-style: none;
  border: 0px; 
}

#inside_crescent_image {
  position: absolute;
  top: 141px; left: 110px; 
  padding-left: 5px; padding-right: 0px; 
  list-style: none;
  border: 0px; margin: 0; 
}


#main-navigation {
  position: absolute;
  top: 15px; left: 130px;
  padding: 0; margin: 0;
  list-style: none;
}

#main-navigation li {
  position: relative;
  margin: 10px;
}

#main-navigation li a {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5em;
  color: #ffff00;
  text-decoration: none;
}

#sheen_micro {
  position: absolute;
  top: 540px; left: 5px; 
  padding: 5px; margin: 0; 
  border: 0px; 
}

#colourworld {
  position: absolute;
  float: right;
  top: 580px; left: 5px; 
  padding: 5px; margin: 0; 
  border: 0px; 
}




#nav1 { position: absolute; left: -15px; }
#nav2 { position: absolute; left: -57px; }
#nav3 { position: absolute; left: -81px; }
#nav4 { position: absolute; left: -99px; }
#nav5 { position: absolute; left: -115px; }
#nav6 { position: absolute; left: -123px; }
#nav7 { position: absolute; left: -128px; }
#nav8 { position: absolute; left: -130px; }
#nav9 { position: absolute; left: -127px; }
#nav10 { position: absolute; left: -121px; }
#nav11 { position: absolute; left: -112px; }
#nav12 { position: absolute; left: -96px; }
       
     
  
ul#navlist { font-family: "Times New Roman", Times, serif;}


ul#navlist, ul#navlist ul, ul#navlist li {
  margin: 0px;
  padding: 2px;
  list-style-type: none;
  line-height: 1.5em;
  }

ul#navlist li a
  {
  color: #ff0000;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5em;
  background-color: #356736;
  padding: 3px;
  border: 1px #ffffff outset;
  }

ul#subnavlist { display: none; }    /* Turn off display of sub list until it's hovered over */


ul#subnavlist li { 
  float: none;
  background-color: #356736; 
  }

ul#navlist li:hover ul#subnavlist  {
  display: block;
  position: absolute;
  font-size: 8pt;
  padding-top: 5px;
  }

ul#navlist li:hover ul#subnavlist li a {
  display: block;
  width: 10em;
  border: none;
  padding: 2px;
  }

ul#navlist li:hover ul#subnavlist li a:before {
  content: " - "; 
  }
  
  
  
  
  
    /* ]]> */