/* CSS Document */
#header { /* logo and title */
	height: 166px;
	margin: 0px;
	padding: 0px;
	border: solid 1px;
}

#header h1 { /*	place the header title clear of the logo */
	padding-top: 30px;
	text-align: center;
}

#header h2 { /*	place the header sub-title clear of the logo */
	text-align: center;
}

#header img {
	margin: 0px;
	padding: 0px;
	float: left;
}
body {
	background-color: #FFFFFF;
	background-image: none;
	margin: 0px; 
	padding:10px;
	border: solid 1px; 
}

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

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

blockquote {
	font-style: italic
}

img {
	border: none
}

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

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

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

.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 : 40px 0px 0px 0px */
}

h2 {
	font-size: 1.4em;
}

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 {
	margin: 5px 0px 5px 0px;
	font-size: 8pt
}

.red {
	color: #FF0000
}

.gray {
	color: #CCCCCC
}

.darkgray {
	color: gray
}

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

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
}

.main {
	padding: 5px;
}

#navsite h5 {
	display: none;
}  	

#navsite ul {
	padding: 3px 0; 
	margin-left: 0; 
	border-bottom: 1px solid #669; 
	font: bold 0.9em Verdana, sans-serif; 
}

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

#navsite ul li a {
	padding: 3px 0.5em; 
	margin-left: 3px; 
	border: 1px solid #669; 
	border-bottom: none; 
	background: #ccf; 
	text-decoration: none; 
}

#navsite ul li a:link { 
	color: #339;
} 

#navsite ul li a:visited { 
	color: #339;
} 

#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
	color: #000; 
	background: #AAE; /*  #44658a; #5a7798 #AAE; */
	border-color: #336; 
}

#navsite ul li a#current {
	background: white; 
	border-bottom: 1px solid white; 
}

/* figure-divs and their supporters */
/* Thanks to http://rjohara.net */

div.figure {
padding: 0 20px 20px;
/* the original setting with a thin border is as below
padding: 20px; 
margin: 0.67em auto; /* needed to support centering of almost-full-width figures */
/* border: thin solid silver; */
}

div.figure img { width: 100%; }

div.figure p { /* the default "legend" style, as opposed to "caption" */
font-family: verdana, arial, sans-serif;
font-size: smaller;
padding-left: 1%;
padding-right: 1%;
line-height: 1.1;
margin: 0.25em auto 0 auto;
}
div.figure p.caption { text-align: center; }
/* "caption" for short phrases; "legend" (default) is for continuous prose */

.full { width: 90%; padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.right { float: right; margin: 20px; }
.left { float: left; margin-right: 2%; }

/* end figure-divs */

span.image { 
/*float: left; */
padding: 0 20px 20px;
/*padding-right:15px; 
padding-bottom:2px; */
font-style:italic; 
text-align: center;
/*color:#808080; */
} 
span.image img { 
display: block; 
} 

form.join p {
	clear: left;
	margin: 0;
	padding: 5px 0 0 0;
	}

form.join p label {
	float: left;
	width: 25%;
/*	font: bold;*/
	}
fieldset {
	padding: 10px;
	width: 90%;
	}

legend {
	color: #00008B;
	background-color: #FFF
	}
#gallerylist {
	list-style-type: none;
}
#gallerylist li {
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
}
#gallerylist img {
	display: block;
	border: 1px solid #333300;
}

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;
	}

.break {
	clear:both;
	}