@charset "utf-8";
/* CSS Document */

* {	margin:0;
	padding:0}
/* mac hide \*/
html,body{
	height:100%;
	width:100%}
/* end hide */
html,body {
	min-height:550px;/* for good browsers*/
	min-width:780px;/* for good browsers*/
	font-size:100%;
	background-color:#666666; 
	margin:0px; 
	padding:0px;
	font:0.83em/1.33 Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF}

/* centre box in middle of browser window, regardless of size */
#outer{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle}
#middle {
	text-align:center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height:550px} 
#inner {
	width:780px;
	height:550px;
	text-align:center;
	margin-left:auto;
	margin-right:auto}

#container {
	background-color:#999999;
	border:1px solid #CCCCCC;	
	margin:0px;
	padding:0px;
	text-align:left;
	width:778px;
	height:550px}
	
a {color:#FFFFFF}
a:hover {text-decoration:underline}
p { margin:0px;
	padding-top:5px; 
	padding-bottom:5px}

h1 {margin:0px;
	padding:5px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.4em;  
	font-weight:bold; 
	color:#FFFFFF}
h2 {margin:0px; 
	padding:5px 0px 5px 0px;
	font-size:1.2em; 
	font-weight:bold; 
	color:#FFFFFF}
hr {border:0px; 
	padding:0px; 
	margin:0px; 
	clear:both;
	background-color:#FFFFFF;
	color:#FFFFFF;
	height:1px;
	width:100%;
	text-align:center}

#lhs {
	float:left;
	margin:12px 0px 0px 12px;
	width:150px}
#rhs {
	float:left;
	margin:22px 0px 0px 30px;
	width:570px}
	
#topnav { 
	height:27px; 
	padding:0px; 
	margin:0px;
	width:100%;
	border-bottom:1px solid #FFFFFF}
#topnav a {margin-left:41px}
#topnav a.first {margin-left:0px}	

#bodytext { 
	margin:2px 0px 0px 0px;
	padding:0px;
	height:162px}
#bodyimage { 
	margin:0px; 
	padding:0px}
#imageinfo {
	margin:0px; 
	padding:0px; 
	width:570px}
#imagelinksbox { 
	padding:0px;
	margin:0px;
	font-size:0.9em;
	float:right; 
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-top:none}
#imagelinksbox span, #imagelinksbox a {padding:2px 4px 1px 4px}
#imagelinksbox a { 
	border-left:1px solid #FFFFFF;
	border-right:none;
	border-bottom:none;
	border-top:none}
	
#logo {
	margin:0px;
	padding:0px}
	
#leftnavheader { 
	margin:40px 0px 0px 0px;
	padding:0px}
#leftnav {
	height:265px; 
	margin:10px 0px 0px 0px;
	padding:0px; 
	overflow:hidden;}
#leftnav ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	list-style-type:none;
	font-weight:bold;
	padding:0px;
	margin:0px}
#leftnav li {
	background-image:url(images/bullet_off.gif);
	background-repeat:no-repeat;
	background-position:0px 0px; 
	padding-left:14px; 
	padding-top:1px}	
#leftnav li.on {background-image:url(images/bullet_on.gif)}	
#leftnav li.on a {color:#000000}	
#leftnav li:hover {background-image:url(images/bullet_on.gif)}	
	
#copyright { 
	margin:0px; 
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.1em;
	text-align:left;
	color:#CCCCCC}	
	
form div.formrow label {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.1em; 
	font-weight:bold; 
	color:#FFFFFF}
form div.formrow input, form div.formrow textarea {
	font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size:1em;
	background-color:#FEFEEE;
	padding:2px;
	border:solid 1px #666666;
	color:#000000;
	width:500px}
form div.formrow input:focus, form div.formrow textarea:focus { 
	background-color:white}