body {
     background-color: #ffffff;
     font-family: arial, helvetica, sans-serif;
     color: #000000;
     border-style: none; 
     border-width: 0;
		 max-width: 1280px;
		 margin-left: auto;
     margin-right: auto;
}

/* formats for all pages */

/* from mobile friendly guide */
img {
  width: auto ;
  max-width: 100% ;
  height: auto ;
} 

#top {
     padding: 0;
     margin: 0;
     border: 0; 
		 background-color: #008763;
}

/* formats for header lines */
#head {width: 100%; padding: 0; margin: 0; border: none;}
#head td {padding: 0; margin: 0; border: none;}
#head td img {padding: 0; margin: 0; border: none;}
#headleft {width: 180px;}
#thumbnails {
     float: left;
		 margin-top: 0;
		 margin-bottom: 0;
		 margin-left: 0;
		 padding: 0;
		 border: none;
}

#tagline { 
     clear: both;
     font-family: "arial black", helvetica, sans-serif;
		 font-size: 0.9em;
     line-height: 25px;
     font-weight: normal;
     font-style: normal;
		 color: white;
     background-color: #4dab92; 
     border-width: 0;
     border: none; 
     margin-top: 0;
     padding: 0;
     text-align: center; 
}


.menubar {
     margin: 0;
     clear: both;
     width: 100%;
		 line-height: 25px;
     background-color: #8cc9b9;
     color: #006f48;
     padding-top: 0;
     padding-bottom: 0;
		 padding-left: 0;
		 padding-right: 0;
}


/* format "navline" class to show list horizontally */
.navline {
		 margin: 0;
     clear: both;
     font-size: 0.8em;
		 font-weight: bold;
		 line-height: 25px;
     width: 100%;
     background-color: #8cc9b9;
     color: #006f48;
     padding: 0;
     text-align: center;
}
.navline ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}
.navline li {
     display: inline;
		 padding-left: 26px;
     padding-right: 26px;
}
.navline li a {text-decoration: none;}

.navline li a:link {color: #006f48;}
.navline li a:visited {color: #006f48;}
.navline li a:hover {color: #8cc9b9; background-color: #006f48;}   

#whereami {
     font-size: 0.7em;
     color: black;
		 background-color: white;
     font-weight: normal;
     margin: 0;
     padding-left: 0px;
		 padding-top: 0.5em;
		 padding-bottom: 0.5em;
		 padding-right: 0px;
     border-bottom: thin solid #008763;
}
#whereami a {text-decoration: none;}
#whereami a:link {color: #000000;}
#whereami a:visited {color: #000000;}
#whereami a:hover {color: #ffffff; background-color: #000000;} 

.nobreak {white-space: nowrap;}
.colour {color: #006f48;}
.subheadcolour {color: #d74aa7; font-weight: bold;}
.emphasise {font-weight: bold;}
.emphasiselarge {font-weight: bold; font-size: 1.5em}
.underline {text-decoration: underline;}
.underlinebold {font-weight: bold; text-decoration:underline;}
.genus {font-style: italic;}
.genusbold {font-style: italic; font-weight: bold}
.messagetext {font-size: 1.5em; font-weight: bold; color: red;}
.historyquote {font-family: Times, serif; font-size: 1.3em;}

#hideParagraph {visibility: hidden;}  /* For when JavaScript is disabled. If enabled, the visibility is changed to visible */

/* Classes for small images interspersed with text */

.leftimage {
     float: left;
     border-style: none;
     border-width: 0;
     margin-left: 0px;
     margin-right: 15px;	
     margin-top: 0px;
     margin-bottom: 15px; 
}

.rightimage {
     float: right;
     border-style: none;
     border-width: 0;
     margin-left: 15px;
     margin-right: 0px;	
     margin-top: 0px;
     margin-bottom: 15px; 
}

/* default link colours */
a {text-decoration: none}
a:link {color: #006f48}
a:visited {color: #006f48}
a:hover {color: #ffffff; background-color: #006f48}



h2 {
    font-size: 1.3em; 
    font-weight: bold; 
    text-align: left;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

h3 a {
    font-size: 1.2em; 
    font-weight: normal; 
    text-align: left;
    text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* main container on home page */
#homemain {
     width: 100%;
     margin-top: 1.0em;
     padding-top: 0;
     padding-bottom: 0;
		 padding-left: 0;
		 padding-right: 0;
		 background-color: transparent;
}



#footnote {
     clear: both; 
     padding-top: 2.0em;
     font-size: 1.2em;
     text-align: center;
}

/* Formatting for Calendar */

#calendar {
    margin-left: 10px;
    margin-right: 10px;  
}

#calendar h1 {
    font-size: 1.8em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#calendar table {
    margin-left: auto;
    margin-right: auto;
    padding: 0; 
    border-collapse: collapse;
}
#calendar td {
    padding: 0.4em; 
    border: 1px solid #000000;
    font-size: 1.2em;
    margin: 0;
		color: #006f48;
}

#calendar td.subheadcolour {color: #d74aa7; font-weight: bold;}



/* Formatting for Contacts */

#contactsmain {
     margin-top: 0;
		 margin-left: 10px;
     margin-right: 10px;
     padding-top: 1.0em;
     padding-bottom: 1.0em;
     padding-left: 1.0em;
		 padding-right: 1.0em;
     font-size: 1.0em;
}

#contactsmain h1 {
    font-size: 1.8em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

#contactsmain p {
		color: #006f48;
		font-size: 1.0em;
		font-weight: bold;
}

#contactsmain table {
    padding: 0;
		margin-left: auto;
		margin-right: auto; 	
}

#contactsmain th, #contactsmain td {
    padding: 0.5em; 
    border: 1px solid #000000;
    font-size: 1.2em;
    margin: 0;
}		
#contactsmain th {
		color: #006f48;
}

#contactsmain td {
    color: black;
}


/* Formatting for "General Text" */

.generaltext {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

.generaltext h1 {
    font-size: 1.8em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

.generaltext h2 {
    font-size: 1.5em;
    color: #000000; 
    font-weight: bold; 
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

.generaltext h3 a {
    font-size: 1.2em; 
    font-weight: normal; 
    text-align: left;
    text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.generaltext p {
   font-size: 1.3em;
}

.generaltext li {
   font-size: 1.3em;
} 

.credits {
   font-size: 0.9em;
   font-style: italic;
}

/* Formatting for Message Board */
.messageboard {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 0;
    padding-bottom: 1.0em;
}

.messageboard h1 {
    font-size: 1.8em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
		margin: 0;
    padding-left: 0;
		padding-right: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.msgaddlink {
    font-size: 1.6em; 
    font-weight: bold; 
    text-align: center;
    text-decoration: none;
    margin: 0; 
    padding-top: 0.5em;
    padding-bottom: 0;
}

.msg {
    clear: both;
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 3px;
		padding-bottom: 3px;
		margin-left: 0;
		margin-right: 0;
		margin-top: 1.0em;
		margin-bottom: 1.0em;
		border: 2px solid #008763;
}

.msgsubject {
		font-size: 1.3em; 
    font-weight: bold; 
    text-align: left;
    text-decoration: none; 
		margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0;
		padding-left: 0.5em;
	  padding-right: 0.5em;
}

.msgdate {
		font-size: 1.3em; 
    font-weight: bold; 
    text-align: right;
    text-decoration: none;
		margin: 0;
    padding-top: 0;
    padding-bottom: 1.0em;
		padding-left: 0.5em;
	  padding-right: 0.5em;
}

.msgtext {
   width: 80%;
	 clear: both;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 0;
	 margin-bottom: 0;
	 font-size: 1.1em;
	 font-weight: normal;
	 padding-top: 1.0em;
	 padding-bottom: 1.0em;
	 padding-left: 0.5em;
	 padding-right: 0.5em;
}

.msgname {
   margin-left: 10%;
	 margin-top: 0;
	 margin-bottom: 0;
	 font-size: 1.1em;
	 font-weight: bold;
	 padding-top: 0.5em;
	 padding-bottom: 1.0em;
	 padding-left: 0.5em;
	 padding-right: 0.5em;
}

.msgbacknext {
    padding-top: 1.0em;
		padding-bottom: 1.5em;
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
		width: 80%;
    font-size: 1.5em;
    font-weight: bold; 
}

.backtext {float:left; text-align: left;}
.nexttext {float: right; text-align: right;}

.messageboard table {
    padding: 0.5em;
		margin-top: 1.0em;
		margin-bottom: 0.5em;
		margin-left: auto;
		margin-right: auto;
}

.messageboard td {
    font-size: 1.1em;
		font-weight: normal;
}


/* formatting for "Images" */

.thumbstring {
    border: 2px white solid;
}

.thumbselected {
    border: 2px black solid;
}
		
#imageshowframe {
    width: 100%;
}

#imageshowframe h1 {
    font-size: 1.8em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#imageshowframe p {
    text-align: center;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 0;
}

#imageshow {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 730px;
}

td.cellwidth{
    width: 60px;
}

#imageshowtext {
    text-align: center; 
    font-size: 1.5em;
    padding: 0;
    margin: 0;
}


.imageshowintro {
    text-align: center; 
    font-size: 1.1em;
    padding: 0;
    margin: 0;
}



/* Formatting for Site Map */
#sitemap {
    padding-left: 1.0em;
    padding-right: 1.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#sitemapleft {
    margin: 0;
		padding: 0;
		width: 60%;
		float: left;
}

#sitemapright {
    margin-left: 60%;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 0;
}

#sitemap h1 {
    font-size: 1.8em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#sitemap p {
   font-size: 1.1em;
	 margin: 0;
	 padding: 0;
}


#sitemap ul {
     margin-left: 1.0em;
		 margin-right: 0;
		 margin-top: 0;
		 margin-bottom: 1.0em;
		 padding: 0;
}

#sitemap li {
   font-size: 1.1em;
} 


/* not sure where button is used */

button {
   font-size: 0.8em;
	 margin: 0;
	 padding: 2px;
}


/* Formatting for article text */

.articletext {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
		
}

.articletext h1 {
    font-size: 1.8em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

.articletext h2 {
    font-size: 1.5em;
    color: #000000; 
    font-weight: bold; 
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

.articletext h3 {
    font-size: 1.0em; 
    font-weight: normal;
		color: #008763; 
    text-align: left;
    text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.articletext h3 a {
    font-size: 1.0em; 
		background-color: #008763;
		color: #ffffff;
    font-weight: normal; 
    text-align: left;
    text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.articletext h3 a:hover {
   font-weight: bold;
}
	 
.articletext p {
   font-size: 1.3em;
}

.articletext li {
   font-size: 1.3em;
} 



/* Formatting for User Survey */
#survey {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#survey h1 {
    font-size: 1.5em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#survey h2 {
    font-size: 1.2em; 
    font-weight: bold; 
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#survey.table {
    padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
}

#survey td {
   font-size: 1.0em;
}

#survey input {
   font-size: 1.0em;
}

/* Formatting for eventsAdmin */

#eventsAdmin {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#eventsAdmin h1 {
    font-size: 1.5em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsAdmin h2 {
    font-size: 1.3em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsAdmin h3 {
    font-size: 1.2em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsAdmin table {
    padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
}

#eventsAdmin td {
   font-size: 1.0em;
	 color: black;
}

/* Formatting for events update */
#eventsUpdate {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#eventsUpdate h1 {
    font-size: 1.5em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsUpdate h2 {
    font-size: 1.3em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsUpdate h3 {
    font-size: 1.2em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsUpdate table {
    padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
}

#eventsUpdate td {
   font-size: 1.0em;
	 color: black;
}

#eventsUpdate input {
   font-size: 1.0em;
}

/* Formatting for eventsAdd */

#eventsAdd {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#eventsAdd h1 {
    font-size: 1.5em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#eventsAdd h2 {
    font-size: 1.2em; 
    font-weight: bold; 
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#eventsAdd table {
    padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
}

#eventsAdd td {
   font-size: 1.0em;
}

#eventsAdd input {
   font-size: 1.0em;
}

/* Formatting for articleAdd */

#articleAdd {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#articleAdd h1 {
    font-size: 1.5em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#articleAdd h2 {
    font-size: 1.2em; 
    font-weight: bold; 
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#articleAdd table {
    padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
}

#articleAdd td {
   font-size: 1.0em;
}

#articleAdd input {
   font-size: 1.0em;
}

/* Formatting for articleAdmin */

#articleAdmin {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#articleAdmin h1 {
    font-size: 1.5em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#articleAdmin h2 {
    font-size: 1.3em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#articleAdmin h3 {
    font-size: 1.2em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#articleAdmin table {
    padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
}

#articleAdmin td   {
   font-size: 1.0em;
	 color: black;
}

#articleAdmin th {
   font-weight: bold;
	 font-size: 1.1em;
	 color: black;
}

/* Formatting for article update */
#articleUpdate {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#articleUpdate h1 {
    font-size: 1.5em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#articleUpdate h2 {
    font-size: 1.3em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#articleUpdate h3 {
    font-size: 1.2em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#articleUpdate table {
    padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
}

#articleUpdate td {
   font-size: 1.0em;
	 color: black;
}

#articleUpdate input {
   font-size: 1.0em;
}

/* Formatting for logViewer */

#logViewer {
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-top: 0;
    padding-bottom: 1.0em;
}

#logViewer h1 {
    font-size: 1.5em;
    color: #008763; 
    font-weight: bold; 
    text-align: center;
    text-decoration: underline;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#logViewer h2 {
    font-size: 1.3em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#logViewer h3 {
    font-size: 1.2em; 
    font-weight: bold; 
		color: black;
		text-decoration: none;
    margin-left: 0; 
    margin-top: 0.5em;
    margin-bottom: 1.0em;
}

#logViewer table.criteria {
    padding: 0;
		margin-top: 0;
		margin-bottom: 1.0em;
		margin-left: auto;
		margin-right: auto;
}

#logViewer table.results {
    padding: 0;
		margin-top: 1.0em;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;	
}

#logViewer td {
   font-size: 0.8em;
	 color: black;
	 border: 1px solid #000000;
}

#logViewer th {
   font-size: 0.9em;
	 color: black;
	 border: 1px solid #000000;
}

/* div bottom is on all pages */

div#bottom {
     margin: 0;
		 padding: 0;
     clear: both;
		 background-color: #ffffff;
		 width: 100%;
} 

/* formating for copyright */
h6 {font-size: 0.8em; color: #008763; text-align: center; border: none; padding: 0; margin: 0; line-height: 25px;}