/* CSS Document */
html, body, #page {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
html>body, html>body #page {
	height: auto;
}
#page {
	position: absolute;
	top: 0;
	left: 0;
}

#header {
	margin: 0;
	width: 100%;
	height: 121px;
	color: #000;
	background-color: #fff;
	background-image: url(/images/bar120.gif);
	}
	
#header h1  {
	margin: 0;
	padding: 0.5em;
	position:absolute;
	top: 20px;
	left: 20px;
	width: 554px;
	height: 50px;
	}

#header hr  {
	position:absolute;
	top: 68px;
	left: 20px;
	width: 554px;
	}

#header h2  {
	margin: 0;
	padding: 0.5em;
	position:absolute;
	top: 73px;
	left: 20px;
	width: 400px;
	height: 40px;
	}

#leftColumn { /* hold the left-hand menu and search area */
	clear: none; 
	float: left; 
	width: 150px;
	margin: 0; 
	padding: 0;
	}

#menu {
	clear: both;
	float: left;
	}

#navigation {
/*	font-family: Arial, Helvetica, sans-serif; */
	font-size: 1.0em;
}
#navigation h5 {
	display: none;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 4px;
}
#navigation li {
	display: inline;
}
#navigation a:link, #navigation a:visited { 
	padding: 3px 10px 2px 10px; 
	color: #FFFFFF;
	background-color: #5a7798;
	text-decoration: none;
	border: 1px solid #234a76;
}
#navigation a:hover {
	color: #FFFFFF;
	background-color: #44658a;
}
 
#navsite h5 {
	display: none;
}
/*
#navsite {
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	width: 150px
}
 */
#navsite ul {
	margin-top: 0;
	margin-left: 0;
	padding: 0 0 5px 0;
}

#navsite ul li {
	list-style: none;
	margin: 0;
	display: inline; 
}

#navsite ul li a {
/*	padding: 2px 2px 2px 3px;*/
	padding: 8px 5px 5px 8px;
	border-right: #234a76 1px solid; 
	border-top: #869cb4 1px solid; 										
	border-bottom: #234a76 1px solid; 
	background-color: #5a7798; 
	color: #fff; 
	text-decoration: none;
/*	width: 150px; */
}
/*
html>body #navsite ul li a {
	width: auto;
}
*/

#navsite ul li a:hover {
/*	padding: 2px 2px 2px 3px;*/
/*	padding: 3px 1px 1px 4px;*/
/*	padding: 9px 4px 4px 9px;*/
	padding: 7px 6px 6px 7px;
	border-right: #869cb4 1px solid; 
	border-top: #234a76 1px solid; 
	border-left: #234a76 1px solid; 
	border-bottom: #869cb4 1px solid; 
	color: #fff; 
	background-color: #44658a; 
}

#mainBody {
	width: 95%; 
	clear: both;
	float: left;
	margin: 1em 1em 5em 1em;
	}

#mainBody h2 { /* change the padding if a bigger gap is needed for the title */
	margin-top: 0;
	padding-top: 0px;
	}

#mainColumn1, #mainColumn2 { /* if you want to divide the main section into two panels */
	margin: 0;
	width: 38%;
	float: left;
}

#footer { /*finish off page  */ 
	position: absolute;
	bottom: 0;
	width: 100%; 
/*	height: 80px; */
	display:block;
	clear: both;
	font-size: 0.8em;
	text-align: center
	}

#footer img {
	padding: 5px
	}
#footer hr {
	padding: 0;
	margin-top: -10px;
	margin-bottom: -10px;
	}
#footer p {
	clear: both;
	}
	
p.foot {
	display:block;
	clear: both;
	padding: 3px;
	border-bottom: 1px solid #000;
	}

p.foot1 {
	margin-top: -12px;
	line-height: 1.0;
	}
				
body {
	color: #000; 
	background-color: #fff; 
	background-image: none;
	margin: 0; 
	padding:0; 
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

body, p, td, li, blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif
}

p, td, li, blockquote {
	font-size: 0.9em
}

blockquote {
/*	color: #777;  */
}

.block {
	color: #000000;
	background-color: #ddd;
/*	list-style: url(none) none;  */
	font-style: normal;
	font-size: 1em;
	font-weight: normal;
	line-height: normal;
		
}
img {
	border: none
}

div.content {
	padding: 5px 5px 0px 10px
}

.admin {
	font-size: 8pt;
	font-style: italic
}

pre, tt, code, kbd, samp {
	font-size: 1.5em;
	font-family: monospace
}

span.author {
	font-style: normal;
	font-size: 9pt;
	font-weight: bold
}

.centre {
	text-align: center
}

p.pagelinks {
	text-align: center;
	font-size: 8pt
}

p.toplink {
	text-align: center;
	font-size: 8pt
}

li.links {
	padding: 0px 0px 10px 0px	
}

.picture_notes {
	font-size: 8pt
}

.nopic_caption {
	font-style: italic;
	font-size: 8pt
}

.caption {
	text-align: center;
	font-style: italic;
	font-size: 8pt
}

h1 {
	font-size: 1.6em;
	margin : 10px 0px 0px 0px
}

h2 {
	font-size: 1.2em
}

h3 {
	font-size: 1.1em
}

h4 {
	font-size: 1.0em
}

h5 {
	font-size: 1.0em;
	padding: 0px 0px 0px 20px
}

td {
	vertical-align: top
}

.nav { /* used in the footer */
	margin: 5px 0px 5px 0px;
	font-size: 0.6em;
	text-align: center
}

.red {
	color: #ff0000;
	background-color: #ffffff;
}

.green {
	color: #00ff00;
	background-color: #ffffff;
}

.blue {
	color: #0000ff;
	background-color: #ffffff;
}

.gray {
	color: #cccccc;
	background-color: #ffffff;
}

.darkgray {
	color: gray;
	background-color: #ffffff;
}

input {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}

span.image {
	padding: 0 20px 20px;
	font-style:italic;
	text-align: center;
	font-size: 0.9em;

/*	color:#808080; */
} 

span.image img { 
	display: block; 
} 

.centeredImage {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

a:link {
	color : #5a7798;
	text-decoration : none;
	font-weight: bold
}

a:visited {
	color : #5a7798;
	text-decoration : none;
	font-weight: bold
}

a:hover {
	color : #44658a;
	text-decoration : underline;
	font-weight: bold
}

form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	}

form p label {
	float: left;
	width: 40%;
/*	font: bold;*/
	}
fieldset {
	padding: 10px;
	width: 80%;
	}

legend {
	color: #00008B;
	background-color: #FFF
	}

#validate {
	display: block;
	font-size: 1.0em;
	text-align: center;
}

#validate img {
	width:88px;
	height:31px;
	vertical-align: middle;
}
#validate p { /* used to hide the separator bars between images which are links */
	color: #fff;
	background-color: inherit;
	}
p.access { /* used to hide the separator bars between images which are links */
	color: #fff;
	background-color: inherit;
	}

.hide {  /*	used to hide form fields in the spam trap */
	display: none;
	}