body {position: relative; background: black; margin: 0; padding: 0;}
body {
	background-color: #000000;
}
a:link {
		text-decoration:none;
}
div#links {
	position: absolute;
	top: 141px;
	left: 0px;
	width: 180px;
	font: 20px 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: 4px 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: 180px;
	font: 20px 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: 4px 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: 180px;
	right: 25px;
	color: #CCC;
	background: #000000;
	font: 13px Verdana, sans-serif;
	padding: 10px;
	border: 0px solid #444;
	visibility: visible;
	min-width: 650px;
}
div#content p {
	margin: 0 1em 1em;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}
div#content h3 {margin-bottom: 0.25em;}

h1 {
	margin: 12px -9px 0em;
	padding: 0px 10px 10px;
	text-align: left;
	color: #FF9900;
	letter-spacing: 0.1em;
	text-transform: none;
	font: bold 16px Verdana, sans-serif;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #000;
}
h2 {
	margin: 17px -9px 0em;
	padding: 8px 20px/* change this value to change the distance from lhs ofpage for text */ 8px/* change this value to change the depth of grey h2 main menu */;
	text-align: right;
	background: #333;
	color: #CCCCCC;
	letter-spacing: 0.1em;
	text-transform: none;
	height: auto/* change this value to change the depth of grey h2 main menu */;
	vertical-align: middle;
	white-space: nowrap;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
h3 {
	color: #FF9900;
	text-transform: none;
	font: bold 16px 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: #F90;}
div#content a:visited:hover {
	color: #F90;
}
#content p strong {
	font-family: Verdana, sans-serif;
	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;
	font-weight: bold;
}
.orange {
	color: #FF9900
}
.greyccc16 {
	font-size: 16px;
	color: #CCC;
}
.greyccc {
	color: #CCC
}
.red {color: #FF0000}

.orange14 {
	color: #FF9900;
	font-size: 14px;
}
.red16 {color: #FF0000; font-size: 16px; }
.orange18 {color: #FF9900; font-size: 18px; }
.blacktext {
	color: #000;
}
.greytext66 {
	color: #666;
}