body {color:#000; background:#fff; font:70% verdana,tahoma,helvetica,sans-serif; margin:0; padding:0;
		overflow: auto;
}
h1 {  font-family: Verdana, Arial, sans-serif; font-size: 1.5em; font-style: normal; font-weight: normal; color: #000000; text-decoration: none}
h2 {  font-family: Verdana, Arial, sans-serif; font-size: 1.0em; font-style: normal; font-weight: bold; color: #000000; text-decoration: none}
h3 {  font-family: Verdana, Arial, sans-serif; font-size: 1.0em; font-style: normal; color: #000000; text-decoration: none}
h4 {  font-family: Verdana, Arial, sans-serif; font-size: 0.75em; font-style: normal; font-weight: bold; color: #000000; text-decoration: none}
p {  font-family: Verdana, Arial, sans-serif; 
	font-size: 0.95em; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none;
	padding-right: 5px}

a {text-decoration:underline; color:#000}
a:hover {color:#000099}
/* a:active {color:#000}
a:visited {color:#a27192}*/
img {border:0}
em {  font-style: italic; font-weight: normal}
strong {  font-weight: bold;}
hr {  color: #999999; height: 1px; margin: 0px}
address {font-style:normal}

.noshow {display:none; font-size:0em; margin:0; padding:0; border:0; background:none}

.inline {display:inline}
.skip {position:absolute; left:-5000px}
.skip img {width:1px; height:1px}
.floatright { float: right}
.floatright2 { float: right; position: relative; top: -30px; padding-left: 20px; padding-right: 0px; padding-top: 0px; padding-bottom: 10px; background-color: #FFFFFF}
.floatright3 { float: right; top: 0px; padding-left: 20px; padding-right: 0px; padding-top: 0px; padding-bottom: 10px; background-color: transparent}
.floatleft { float: left}
.floatleft2 { float: left; top: 0px; padding-left: 0px; padding-right: 20px; padding-top: 0px; padding-bottom: 10px; background-color: #FFFFFF}
.small {font-size:0.9em}
.small2 { font-size: 75%}
.leftmenu2 {position:absolute; width:180px; left: 10px; top:360px; z-index:40; visibility: visible; overflow: auto; padding-bottom: 50px}
.leftmenu3 {position:absolute; width:180px; left: 10px; top:290px; z-index:40; visibility: visible;overflow: auto; padding-bottom: 50px}
.pagetitle{  font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-style: normal; font-weight: bold; color: #999999; text-decoration: none; margin-top: 0px; margin-bottom: 0px;}
.red {  color: #FF0000}
.allclear { clear: both}
.message { display: none}

.centred {text-align: center}
.skip {position:absolute; left:-5000px}
.skip img {width:1px; height:1px}

#hdr {
	position:relative;
	width:100%;
	height: 95px;
	margin:0; padding:0px 0px;
	background-color: #fff;
}
#header {
	position:relative;
	width:100%;
	height: 69px;
	margin:0; padding:0px 0px;
	background-color: #fff;
	border-top: 0;
	border-bottom: 1px solid #339933;
}
#header1 {							/* logo + text header	*/
	position:absolute;
	left:0; top: 0;
	height: 69px;
	width:570px;
	margin:0px 0px; padding:0px 0px;
	background-color: #fff;
	border:0;
}

/* 	border: 1px solid #000;	*/

#header1a {display:inline; margin:0px 0px ; padding:0px 0px; border:0;}		/* logo 	*/
#header1a_alt {display:none; margin:0px 0px ; padding:0px 0px;}
#header1a img {height: 69px; margin:0px 0px; padding:0px 0px; border:0}

#header1b {position:absolute; display:inline; 		/* text header	*/
	top: 0; 
	width:200px; height: 40px; ; 
	margin:15px 10px 10px 10px; 
	padding:0px 0px ; 
	vertical-align: top; 
	text-align: center; 
	border:0;
}
#header1b h1 {display:inline; margin:3px 0px; padding:0px 0px ; }

#header2 {float: right; 				 		/* right-hand image	*/
		top: 0; 
		margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 
		background-color: #fff;
}
#header2 img {top: 0; 
		height: 69px;
		margin:0px 0px 0px 5px; padding:0 ; border:0; 
}

/* Top navigation */
#topnav {
	position:absolute; 
	left:0; top:80px; width:100%; 
	text-align:left; 
	margin:0; padding:0;
	border-bottom: 1px solid #339933;
	white-space:nowrap;
	background-color: #fff;
}
#topnav ul {
	position:absolute; 
	left:0; top:0px; width:100%; 
	text-align:left; 
	margin:0; padding:0;
	border-bottom: 1px solid #339933;
	white-space:nowrap;
	background-color: #fff;
}
#topnav .now {display:inline; background:#339933; font-size:1.2em; 
	margin:0px 0px; padding:0px 20px; 
	width: auto;
	border-right: 1px solid #339933;
}
#topnav .goto {display:inline; background:#99CC99; font-size:1.2em; 
	margin:0px 0px; padding:0px 0px; 
	width: auto;
	border-right: 1px solid #339933;
}
#topnav .goto span  {display:none; background:#99CC99; font-size:1.0em; 
	margin:0px 0px; padding:0px 0px; 
	width: auto;
	border-left: 0;
}
/*
 #topnav .spacer {display:inline; background:#99CC99; font-size:1.2em; 
	margin:0px 0px; padding:0px 0px; 
	width: auto;
	border-left: 0;
} 
 #topnav .goto span {display:none; } 
/*	border-right: 1px solid #000099;
	*/

#topnav a	{color:#000; text-decoration:none; padding:0px 20px; margin:0px 0px;border:none}
#topnav a:active 	{color:#000; text-decoration:none; margin:0px 0px;border:none}
#topnav a:hover	{color:#fff; text-decoration:none; margin:0px 0px;border:none} 

#topnav strong {color:#fff; padding:0 4px}

#topnav .navpad {width:6px; height:1px; padding:0}


#content-home {position:relative; 
	height:auto;
	font-size:1.2em; 
	margin:0px 180px 10px 210px; 
	padding:30px 0px ; 
	border-top: 0;
	border-left: 1px solid #339933;
	border-right: 1px solid #339933;
	border-bottom: 1px solid #339933;
}
#content-home h1,h2 {padding:20px 10px 5px 10px ; }
#content-home p {padding:10px 10px 30px 10px ; }
#content-home a {text-decoration:underline; color:#0000FF}

#content {position:relative; 
	height:auto;
	font-size:1.2em; 
	margin:0px 13.5em 10px 12em; 
	padding:5px 5px ; 
	border-top: 0;
	border-left: 1px solid #339933;
	border-right: 1px solid #339933;
	border-bottom: 1px solid #339933;
}
#content h1 {font-size:1.3em; padding:5px 5px 5px 10px ; }
#content h2 {padding:0px 10px 0px 10px ; }
#content p {padding:0 10px 0 10px ; }
#content a {text-decoration:underline; color:#0000FF}
#content img {margin:0px 15px 0px 0px ; }

#footer { font-size:0.85em; 
	margin:30px 0px 0px 0px; 
	padding:0px; 
	border-top:1px #339933 solid;
}
#footer p,address,div {padding:0px 10px 0px 10px ; }

#leftcol {position:absolute; float:left; 
	top:97px; left:0; width: 11em;
	font-size:1.3em; 
	padding:0px 0px }
#leftcol .menu, #rightcol .menu {
	font-size:0.90em; font-weight:normal; 
	text-align:left; 
	margin:5px 10px; padding:10px 10px 25px 0px;
	border:1px #339933 solid; }
#leftcol h3 {margin:0; padding:2px; border-bottom:1px #ffa20e solid}
#leftcol h4 {
	font-size:0.85em; font-weight:normal;
	margin:10px 5px; padding:0px ;
}
#leftcol div a strong {font-weight:normal}
#leftcol a:hover  {color:#0000FF; font-style:normal}

#rightcol {position:absolute; float:right; 
	top:0; right:0; width:170px; 
	font-size:0.9em; 
	text-align:center; 
	margin-top:91px; padding:3em 0px}
#rightcol a {display: block; padding:0px 20px; text-decoration:underline; color:#0000FF}
#rightcol img {display: block}
#rightcol h3 {margin:0; padding:2px; border-bottom:1px #ffa20e solid}

.xhtml, .css, .wai, .ufw  {height:32px; width:88px}
.ufw {background:url(../images/user-friendly-AAA.gif) no-repeat}
.xhtml {background:url(../images/xhtml.gif) no-repeat}
.css {background:url(../images/css.gif) no-repeat}
.wai {background:url(../images/wcag1A.gif) no-repeat}