html, body {
background-color: #FFFFFF;
TEXT: #330000;
LINK: #FFFFFF;
VLINK: #99FFFF;
ALINK: #66FF99;
font-family: Verdana, Arial, helv, sans-serif; 
padding: 0; margin: 0;
 }

P { color : #336611;
font-size : 12pt;
font-family : Verdana, Arial, helv, sans-serif; 
padding: 8px 0 0 6px;
line-height: 160%;
}

UL { color : #006666;
font-size : 12pt;
font-family : Verdana, Arial, helv, sans-serif; }

LI { padding: 0 0 10px 0;
}

OL { color : #006666;
font-size : 12pt;
font-family : Verdana, Arial, helv, sans-serif; }

h1 { color : #2f5f3f;
font-size : 24px;
font-family : Georgia;
font-weight : bold;
font-style : italic;
 }

h2 { color : #164406;
font-size : 14pt;
font-weight : normal;
font-family : Georgia, Arial, helv;
padding: 16px 0 0 6px;
}

H3 { color : #00CC99;
font-size : 14pt}

.title {
 font-weight : bold;
 font-style : italic;}
 
h1.title {
  padding: 15px 0 10px 50px;
  margin: 0 0;
  font-size : 36px;
} 
h2.title {
  padding: 0px 0 0 50px;
  margin: 0 0;
} 

P.sidebox {
 background-color: #FFEEDD;
 border: 1px solid #669933;
 padding: 12px;
 margin: 2px;
 }

P.small { font-size : 10pt}
P.tiny  { font-size : 8pt}
div.close {line-height: 13pt; }

a { color : #33CC33;
font-weight : bold;
font-family : Verdana, Arial, helv, sans-serif; 
}

a:hover { color :#FF0033}
a.tiny  { font-size : 8pt}

.menu { font-family : Verdana, Arial, sans-serif;
font-size : 10pt;
color : #0066FF;
background : #FFCC66;}

BLOCKQUOTE { color : #009900;
font-size : 12pt;
font-family : Verdana, Arial, helv, sans-serif; 
font-style : italic}

#mainframe {
  /* Colour just behind body text */
  background-color: #E6F9E6;
  width:900px;
  float:left;
  position: relative;
  left: 50%;
  margin: 0px 0 10px -450px;

}
#contentframe {
  width: 900px;
}


#mainheader {
  background-color : #00F0E0;
  text-align: left;
  height: 108px;
  width: 900px;
  margin: 0;
  padding: 0px 0 0 0;
  background: url(images/banner.jpg) no-repeat; 
}
#navheader {
  text-align: center;
  height: 54px;
  color : #336644;
  font-size : 14px;
  padding: 6px 0 0 0;
  width: 100%;
  background-color: #A7ED90;
}

ul#topnav {
	margin: 0 0 20px 50px;
	padding: 0 0 0 12px;
	list-style: none;
	border: none;
} 

#topnav li {
	display: block;
	margin: 0;
	padding: 0;
	float:left;
}
	
#topnav a {
	display:block;
	color:#306040;
	text-decoration:none;
	background: url(images/tab.png) no-repeat;
	margin:0;
	padding: 3px 48px 3px 32px;
	border-right: 1px solid #aaa;
	position: relative;
	
	font: bold 14px helvetica, arial, geneva, lucida, sans-serif;
}
#topnav a#a0 { left: 0px;}
#topnav a#a1 { left: -10px;}
#topnav a#a2 { left: -20px;}
#topnav a#a3 { left: -30px;}
#topnav a#a4 { left: -40px;}
#topnav a#a5 { left: -50px;}
	
#topnav a:hover {
	background: url(images/tab-hover.png) no-repeat;
}

#topnav a.here {
	z-index:102;
	background: url(images/tab-front.png) no-repeat;
	border-right: 1px solid #777;
	padding: 3px 18px 3px 36px;
	margin: 0 12px 0 0;
}
	
#subnav
{
   width: 880px;
	height: 34px;
	background: #E6F9E6;
}

div#subnav {
	position:absolute;
	z-index:101;
	margin: 0px 0 0;
	left: 10px;
}
.subnav-1 {
  padding: 0 0 0 0px;
  width: 880px;
}
.subnav-2 {
  padding: 0 0 0 100px;
	width: 700px;
}
.subnav-3 {
  padding: 0 0 0 200px;
	width: 780px;
}
	
#subnav li{
	position:relative;
	z-index:102;
	display: block;
	margin: 0;
	padding: 0;
	float:left;
}
	
#subnav a {
	color:#869686;
	display:block;
	text-decoration:none;
	margin:0;
	padding: 8px 12px 2px 10px;
	background-image: none;
	border: 0 none;
}
	
#subnav a:hover {
	color:#50A080;
	background: transparent;
	background-image: none;
	border: 0 none;
}

#subnav a.here {
	color:#007030;
	background: transparent;
	background-image: none;
	border: 0 none;
	margin:0;
	padding: 8px 12px 2px 10px;
}
	
div#content {
  padding: 10px 10px 10px 10px;
  border-left:   10px solid #A7ED90;
  border-right:  10px solid #A7ED90;
  border-bottom: 10px solid #A7ED90;
}


div.story P { text-indent: 3em }