body {position: relative; background: black; margin: 0; padding: 0;}
body {
	background-color: #000000;
}
div#links {
	position: absolute;
	top: 141px;
	left: -6px;
	width: 164px;
	font: 16px Verdana, sans-serif;
	z-index: 100;
	visibility: visible;
}
div#links a {
	display: block;/* change these values to change the pop up text of main menu */
	text-align: center;
	font: bold .7em sans-serif;
	padding: 5px 10px;
	margin: 0 0 1px;
	text-decoration: none;
	color: #CCCCCC;
	background: #333;
	border-right: 0 solid #FF9900;
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}
div#links a:hover {color: #000000; background: #999999;/* change these values to change colours of text and box displayed on rollover */
   border-right: 2px solid #FF9900;}
   
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 400px; left: 0; width: 125px;/* change these values to alter position of text displayed on rollover */
   padding: 5px; margin: 15px; z-index: 100;
   color: #999999; background: left;
   font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: left;}
   
div#links a img {height: 0; width: 0; border-width: 0;}
div#links a:hover img {position: absolute; top: 330px; left: 20px; height: 70px; width: 125px;} /* change these values to alter position and size of images of main menu displayed on rollover */

/* a new link box is created below */div#links2 {
	position: absolute;
	top: 26px;
	left: 0px;
	width: 164px;
	
	font: 16px Verdana, sans-serif;
	z-index: 100;
	visibility: visible;
}
div#links2 a {
	display: block;/* change these values to change the style of the pop up text */
	text-align: center;
	font: bold .7em sans-serif;
	padding: 5px 10px;
	margin: 0 0 1px;
	text-decoration: none;
	color: #FF9900;
	background: #333;
	border-right: 0 solid #FF9900;
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}
div#links2 a:hover {color: #000000; background: #999999;/* change these values for colours of text and box displayed on rollover */
   border-right: 2px solid #FF9900;}
   
div#links2 a span {display: none;}
div#links2 a:hover span {display: block;
   position: absolute; top: -8px; left: 360px; width: 380px;/* change these values to alter position and colour of the text displayed on rollover within the top 2 menu links */
   padding: 5px; margin: 15px; z-index: 100;
   color: #FF9900; background: left;
   font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: left;}
   
div#links2 a img {height: 0; width: 0; border-width: 0;}
div#links2 a:hover img {position: absolute; top: 420px; left: 0px; height: 70px; width: 165px;} /* change these values to alter position and size of the top 2 popup images displayed on rollover */

div#content {
	position: absolute;
	top: 3px;
	left: 170px;
	right: 25px;
	color: #CCC;
	background: #000000;
	font: 13px Verdana, sans-serif;
	padding: 10px;
	border: 1px solid #444;
	visibility: visible;
	min-width: 500px;
}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}

h1 {
	margin: 12px -9px 0em;
	padding: 0px 10px 10px;
	text-align: left;
	background: #333;
	color: #FF9900;
	letter-spacing: 0.1em;
	text-transform: none;
	font: bold 16px Verdana, sans-serif;
	vertical-align: middle;
	white-space: nowrap;
}
h2 {
	margin: 12px -9px/* change this value to change the width of grey h2 main menu */ 0em;
	padding: 0px 10px/* change this value to change the distance from lhs ofpage for text */ 10px/* change this value to change the depth of grey h2 main menu */;
	text-align: right;
	background: #333;
	color: #CCCCCC;
	letter-spacing: 0.2em;
	text-transform: none;
	font: bold 12px sans-serif;
	height: auto/* change this value to change the depth of grey h2 main menu */;
	vertical-align: middle;
	white-space: nowrap;
}
h3 {
	color: #FF9900;
	text-transform: none;
	font: bold 14px sans-serif;
	text-align: center;
}h4 {
	color: #666666;
	text-transform: none;
	font: bold 14px sans-serif;
	text-align: left;
}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {
	color: #EEE;
}
div#content a:visited {color: #BBC;}
div#content a:link:hover {color: #FF9900;}
div#content a:visited:hover {color: #FF9900;}
code, pre {
	color: #FF9900;
	font: 110% Helvetica, sans-serif;
}
.very_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
}
.greentext {
	color: #0F0;
}