html {height:100%;padding:0;margin:0;}

body {
	height:100%;
	padding:0;
	margin:0;
	font-family: arial, verdana,  helvetica, serif;
	font-size: 12pt;
	font-weight: normal;
	padding: 0;
	margin: 0;
	background-color: #004422;
	background-image:  url(jpg/a-back.bmp);
	background-repeat: repeat-y;
	width:auto;
	}

p {clear: left;	padding: 1em 0 0 12px;	margin: 0;}
h1 { 	font-size: 26pt; font-weight: normal; text-align: left; 	padding: 1em 12px 0 12px; 	margin: 0; 	color:#ffffaa; }
h1.redhead { font-size: 30pt; color: red; }
h2 { 	font-size: 18pt; font-weight: normal; text-align: left; 	padding: 1em 12px 0 12px; 	margin: 0; 	color:#ffffaa; }
h3 { 	font-size: 14pt; font-weight: normal; text-align: left; 	padding: 1em 12px 0 12px; 	margin: 0; 	color:#ffffaa; }
em {font-style: normal; font-weight: bold; color: #ffffaa;}

#topbit {
	position: absolute;
	top: 0;
	left: 0;
    bottom: 0;
	width: 200px;
    height: 100px;
	border: 0;
	margin: 0;
	padding-top:0;
	font-size: 11pt;
	line-height:120%;
	color: white;
	background-color:#005830;
	}
	
#topbar {
	position: absolute;
	top: 0;
	left: 201px;
    bottom: 0;
	width: auto;
    height: 100px;
	border: 0;
	margin: 0;
	padding: 30px 0 0 50px;
	font-size: 11pt;
	line-height:120%;
	color: white;
	background-color:#004422;
	}

#topbar h1 { font-size: 30pt; font-weight: normal; text-align: left; padding: 0; margin: 0; color:#ffffaa; }
#topbar h4 { font-size: 11pt; font-weight: normal; text-align: left; padding: 0.7em 0 0 2px; margin: 0; color:#ffffaa; }
#topbar a:link {	color: #ffffaa; text-decoration: none; }
#topbar a:visited { color: #ffffaa; text-decoration: none;}
#topbar a:active {color: #ffffaa; text-decoration: none;}
#topbar a:hover {	color: red; text-decoration: none;}

#topdetails {
	position: absolute;
	top: 0;
	right: 0;
    bottom: 0;
	width: auto;
    height: 100px;
	border: 0;
	margin: 0 1.5em 0 0;
	padding: 0 0 0 0;
	font-size: 9pt;
	line-height:130%;
	text-align:right;
	color: #ffffaa;
	background-color:#004422;
	}

#omni {
	position: absolute;
	top: 138px;
	left: 0;
	height: auto;
    width: 48em;
	background-color:#004422;
	}
* html #omni {height:100%;}

a {text-decoration: none;}
a:link {color: #ffffaa;}
a:visited {color: #ffffcc;}
a:active {	color: #ffffaa;}
a:hover {	color: red; text-decoration: underline; }

#horbar {
	position: absolute;
	top: 100px;
	left: 0;
	height: 38px;
	border: 0;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color:white;
	background-color:#ffffaa;
	width: 100%;
	line-height: 32px;
	}
/*		the above is a stupid way to code this - it ought to be padding 8px 0 0 0 and default line height 
		but IE 6 can't add the top padding without adding bottom padding as well 
		*/

#horbar li {
	position: relative;
	float: left;
	padding: 3px 20px 3px 20px;
	color: black;
	border:none;
}

#horbar ul { 	list-style: none; 	padding: 0 0 0 60px; margin: 0; color:black; font-weight: bold;}
#horbar a:link {	color: #005830; text-decoration: underline; font-weight: bold; }
#horbar a:visited { color: #006840; text-decoration: underline; font-weight: bold;}
#horbar a:active {color: red; font-weight: bold;}
#horbar a:hover {	color: red; text-decoration: underline; font-weight: bold;}

#hnow a:link {	color: #000000; text-decoration: none; font-weight: bold; }
#hnow a:visited { color: #000000; text-decoration: none; font-weight: bold;}
#hnow a:active {color: red; font-weight: bold;}
#hnow a:hover {	color: red; text-decoration: none; font-weight: bold;}

#splash {
	position: relative;
	top: 138px;
	left: 0;
	border: 0;
	margin: 0;
	font-size: 11pt;
	line-height:120%;
	color: white;
	background-color:#660030;
	}
	
#verbar {
	position: absolute;
	top: 0;
	left: 0;
    bottom: 0px;
	width: 200px;
    height: 100%;
	border: 0;
	margin: 0;
	padding-top:140px;
	font-size: 11pt;
	line-height:120%;
	color: white;
	background-color:#005830;
	}
* html #verbar {height:100%;}

#verbarabs {
	position: absolute;
	top: 0;
	left: 0;
    bottom: 0;
	width: 200px;
    height: 100%;
	border: 0;
	margin: 0;
	padding-top:278px;
	font-size: 11pt;
	line-height:120%;
	color: white;
	background-color:#005830;
	}

#nastyhackbar {
	position: absolute;
	left: 0;
    bottom: 0;
	width: 200px;
	min-height: 100%;
    height: 100%;
	border: 0;
	margin: 0;
	background-color:#995830;
	}

#vnow a:link {	color: #ffffff; text-decoration: none; font-weight: bold; }
#vnow a:visited { color: #ffffff; text-decoration: none; font-weight: bold;}
#vnow a:active {color: red; font-weight: bold;}
#vnow a:hover {	color: #ffffff; text-decoration: none; font-weight: bold;}

#main {
	position: relative;
	top: 0;
	left: 0;
	background-color: #004422;
	color: white;
	padding: 0;
	border: none;
	margin: 2em 2em 2em 210px ;
	width: auto;
	height: auto;
}

#main ul { margin-top: 0.5em; margin-bottom: 0.5em;}
#main li { 	padding: 0; 	margin: 0;  border: none;}

#submain {
	position: absolute;
	top: 138px;
	left: 50em;
	width: auto;
	height:100%;
	background-color:#005830;
	padding: 1em 0;
	border: none;
	}

xul { 	list-style: none; padding: 0; margin: 0; }

hr {	display: none;}


p.current {font-weight: bold;}

span.ill {
	position: relative;
	margin: 1em 1em 1em 2em;
	border: 0;
	padding: 0;
	float:right;
	}
.ill img {border-color: #004422; }

br {clear:right}

div.graph {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid;
	border-color: black;
	padding: 2px;
	background-color: #444444;
	width: 28em;
	height: auto;
	}

IMG.l { float:left; margin-left:0px;margin-top:0px; margin-bottom:0px; margin-right:0px;}
IMG.r { float:right; margin: 2em 1em 2em 1em; border: 0; padding: 0;}
IMG.ra { position: absolute; float:left; margin: 2em 1em 2em 20em; border: 0; padding: 0;}
IMG.banner { float:left; margin-left:20px;margin-top:20px; margin-bottom:20px; margin-right:0px; }
IMG.decor { float:right; margin-left:0;margin-top:0px; margin-bottom:0px; margin-right:0px; text-align: center;}

#centered 	{
	background-color: transparent;
	text-align: center;
	margin-top: -67px;
	margin-left: -76px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 353px;
	height: 273px;
	visibility: visible;
	color: red;
	}
#centered img {border-color: #004422; }
#centered p {color: #ffffaa;}	


/* 
- half of 353 (image width) = -176
+ half of 200 (verbar) = 100
total = -76

.5 * 273 = -136
.5 of 138 (horbar) =69
total= -67
*/



#footer 
	{
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	visibility: visible;
	display: block
	}