body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, sans-serif;
}
img {
	border:none;
}
h1 {
	font-family:'Times New Roman', serif; 
	font-size:1.5em; 
	font-weight:bold; 
	color:#800000;
}
h2 {
	font-family:'Times New Roman', serif; 
	font-size:1em; 
	font-weight:bold; 
	color:#000080;
}
h3 {
	font-family:'BankGothic Md BT', 'CopprplGoth Bd BT', Arial, sans-serif; 
	font-size:1.4em; 
	font-weight:normal;
	border-bottom:1px solid maroon; 
	margin:50px 0 20px 0;
}
h4 {
	font-family:'BankGothic Md BT', 'CopprplGoth Bd BT', Arial, sans-serif; 
	font-size:1.0em; 
	font-weight:normal;
	margin:0 0 20px 0;
	font-style:italic;	
}
a:link
{
    color: blue;
    text-decoration: underline
}
a:visited
{
    color: navy;
    text-decoration: underline
}
a:hover
{
    color: maroon;
    text-decoration: underline;
    font-weight:normal;
}

.Emphasise {
	font-weight:bold
}
.fineprint {
	font-size:.75em;
}
.highlight {
	color:green;
	font-style:italic;
}
.red {
	color:red;
}
acronym { 
    cursor:help;
    border-bottom: 1px dashed navy;
}

/*LEFT NAV styles*/
#leftnav {
	position:absolute;
	top:20px;
	left:20px;
	width:150px;
}
#leftnav p.NavHeader {
	font-family:"Dom Casual", Verdana, sans-serif;
	font-size:1em;
	color:#800000;
	text-align:center;
	width:130px;
	margin:15px 0 0 0;
}
#leftnav ul {
	list-style-type:none;
	display:block;
	margin:5px 0;
	padding:0;
}
#leftnav ul li {
	padding-bottom:5px;
}
#leftnav a {
	color:#0000EE;
	font-size:.8em;
	font-weight:bold;
}
#leftnav a:visited {
	color:#551A8B;
}
#leftnav a:hover {
	color:#800000;
}
form#clockGMT {
	margin:20px 0;
	clear:both;
	height:30px;
}
form#clockGMT p input {
	float:left;
}	
form#clockGMT p {
	font-weight:bold;
	font-size:.8em;
	margin:3px 0 0 0;
	float:left;
}
form#clockGMT p.utc {
	margin:5px 0 0 3px
}
#WeatherNetwork {
	margin-bottom:20px;
}

/*MAIN styles*/
#Main {
	position:absolute;
	top:20px;
	left:200px; /*225*/
	width:785px;/*775*/
	font-size:.85em;
	padding-bottom:75px;
}
label {
	
	float:left;
	color:navy;
	margin-right:10px;
	width:100px;
}
ul.toc {
	list-style-type:none; 
	margin-left:10px; 
	margin-bottom:10px;
}
ul.toc a {
	text-decoration:underline; 
	font-size:12px;	
}
ul.toc a:link {
	color:#004C33; 
}
ul.toc a:active {
	color:#004C33; 
} 
ul.toc a:visited {
	color:#9C2914; 
}
ul.toc a:hover {
	color:#000066; 
	text-decoration:none; 
}
li.name {
	color:#000066;
}

.news {
	border-bottom:1px solid #800000; 
	margin:10px;
	padding-bottom:10px;
	font-size:.8em;
}
/*Forms */
div#formcontainer {
	width:400px; 
	margin-left:40px;
}
div#formcontainer div.clearfix {
	border-top: 1px solid #CCC; 
	padding:10px 0px; 
	vertical-align:top;
} 
div#formcontainer form label {
	width:120px; 
	float:left;
	font-size:1em; 
	color: #003366; 
	margin:0 10px;
} 
div#formcontainer div.buttongroup {
	float:left; 
	border:0px; 
	padding:0px; 
	margin-left:10px;
} 
div#formcontainer div.buttongroup div {
	margin-bottom:5px; 
	font-size:.85em;
} 
div#formcontainer div.buttongroup input {margin-right:5px;}
/* postions the submit button by selecting a div with attribute type SUBMIT - IDWIMIE */
div#formcontainer input[type="submit"] {display:block; margin-left:auto; margin-right:10px;}

/* Light Box */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border:none ; } 
#overlay img{ border:none ; }

#overlay{ background: url(../imagesStyle/overlay.png);  }


.clearfix:after {
    content: ".";   
	display: block; 
    height: 0;  
    clear: both;  
    visibility: hidden;	
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */