body {
		margin:0; 
		padding:0; 
		font-family:verdana, arial, sans-serif; 
		font-size:80%; 
		color:#333333; /* dark grey */
		text-align:center;
		background-color: #000000; /* black */
	}

p {
		margin:0.2em 0 1.2em 0; /* top, right, bottom, left */
		padding:0.3em;
		font-weight:normal;
		line-height:1.4em;
	}

p.reference	{
		margin-left: 10%;
		margin-bottom: 0%;
		text-indent: -4%;
	}

p.figure {
		clear: both;
		margin:0; 
		padding:0;
}

p.caption {
		clear: both;
		font-size:70%;
		margin:0; 
		padding:0;
}



/* h2.index_heading is used only on index.php of the species profiles */
h2.index_heading {
		background-color:black;
		color:white; 
		font-size:180%; 
		font-weight:normal;
		text-align:center;
		margin:0; 
		font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}

/* h2.common_name used for the main species heading */
h2.common_name {
		background-color:black; 
		color:white; 
		font-size:180%; 
		font-weight:bold;
		margin:0; 
		font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}

/* h2.sci_name used for the main species heading */
h2.sci_name {
		background-color:black; 
		color:white; 
		font-size:2em; 
		font-weight:bold; 
		margin:0; 
		padding:0; 
		font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}


/* h2.author used for main author heading */
h2.author {
		color:black; 
		font-size:110%; 
		font-weight:bold; 
		margin:0; 
		padding:0; 
		font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}

/* h2.email used for main author heading */
h2.email {
		color:black; 
		font-size:100%; 
		font-weight:bold; 
		margin:0; 
		padding:0; 
		font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}


/* h2.date used for main author heading */
h2.date {
		color:black; 
		font-size:100%; 
		font-weight:bold; 
		margin:0; 
		padding:0; 
		font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}


/* h2.editor used for main author heading */
h2.editor {
		color:black; 
		font-size:80%; 
		font-weight:normal; 
		margin:0 0 1em 0; /* 1 em makes a space below before main text starts */
		padding:0; 
		font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}


/* h3 used for headings within text */
h3 {
		background-color:#333333; /* grey */
		color:white; 
		font-size:125%; 
		font-weight:bold; 
		margin:0.2em; 
		padding:0; 
		font-style:normal; 
		font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}

h3.canterburynature {
		background-color:white; 
		color:black; 
		font-size:125%; 
		font-weight:bold; 
		margin:0.2em; 
		padding:0; 
		font-style:normal; 
		font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}


/* h4 used for subheadings within text */
h4 {
		background-color:#333333; 
		color:white; 
		font-size:110%; 
		font-weight:bold; 
		margin:0.2em; 
		padding:0; 
		font-style:normal; 
		font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}

/* for text of the form Genus species, e.g., Rhipidura fuliginosa*/
em.genusspecies {
	font-style: italic;
	font-weight: 500;
}

/* for subspecies, etc.*/
em.subsp {
	font-style: italic;
	font-weight: 500;
}

/* for abbreviated scientific names of the form G. species, e.g., R. fuliginosa*/
em.gspecies {
	font-style: italic;
	font-weight: 500;
}

/* for when genus only appears in text, e.g., Rhipidura species*/
em.genus {
	font-style: italic;
	font-weight: 500;
}

em.heading {
	font-style: normal;
	font-weight:bold;
}


div {
		margin:0;
		padding:0;
		display:block;
}

div.figure {
		margin:0.2em 0 2em 0; 
		padding:0.5em;

}

a:link, a:active {
/*		color:#50930D; text-decoration:underline;*/ /*green*/
/*		color:#CC0000; text-decoration:underline;*/ /*mid red*/
		color:#793000; text-decoration:underline; /*mid brown*/

		}
a:hover {
/*		color:#3B4471; text-decoration:none;*/ /*blue grey*/
/*		color:#990000; text-decoration:underline;*/ /*dark red*/
		color:#CCA300; text-decoration:underline; /*mustard*/
		}
a:visited {
/*		color:#50930D; text-decoration:underline;*/ /*green*/
/*		color:#660000; text-decoration:underline;*/ /*darker red*/
		color:#330000; text-decoration:underline; /*dark red brown*/
		}



table {
		text-align: left;
		font-family: Verdana;
		font-weight: normal;
		font-size: 80%;
		color: #404040;
		width: 65%;
		background-color: #fafafa;
		border: 1px #6699CC solid;
		border-collapse: collapse;
		border-spacing: 0px;
		margin:0.2em 1.2em 1.2em 1.2em; 
}

td,th{
	border:1px solid #000;
	border-collapse:collapse;
	padding:5px;
}

caption{
	font-size:120%;
	padding:5px;
	text-align:left;
	width: 95%;
}

thead th{
	text-align:left;
	background:#BEC8D1;
}

tbody th{
	text-align:left;
	background:#fafafa;
	font-weight: normal;
}

.container {
		background-color:#FFFFFF; /*white*/
		margin:0 auto 0 auto; 
		padding:0; 
		width:90%; /* this is the width of the box for the whole website \*/
	} 

.titleblock {
		padding:0 2em 2em 0 ; /* top, right, bottom, left */
		margin:0; 
		background-image:url(celmisia.jpg);
		background-repeat:no-repeat; 
		background-position:right center;
	}

/* h1 used for main page banner heading */
.titleblock h1 {
		padding:0; 
		margin:0 0.3em 0 0.3em;
		text-align:left;
		font-size:5em; 
		font-weight:normal; 
		font-family:"Trebuchet MS", verdana, arial, sans-serif;
	}
	

/* remove any formatting of links in the banner */
.titleblock a {
		text-decoration:none;
	}	

/* h2 used for main page banner subheading */
.titleblock h2 {
		padding:0;
		margin:0 0 0 1.5em; 
		text-align:left;
		color:#333333;
		font-size:2em;
	}

/* p used for main page banner photo label */
.titleblock p {
		padding:0;
		margin:0; 
		text-align:right;
		text-indent:1em; 
		color:#333333;
		font-size:0.8em;
		font-weight:normal; 
	}

.titleblock span {
		background-color: #CCCCCC; /* pale grey */
		opacity: 0.6;
	}


.rightcontainer {
		float:right;
		clear:both; 
		width:13em; 
		margin:0em 0 0 0; 
		padding:0;
/*		right:10%;*/
/*		position:fixed;*/
	}

.rightbox { margin:0.5em; padding:0.5em; border:1px solid #999999; text-align:left; }

.rightcontainer h2 {
text-align:left; padding:0 0 0 1.5em;}

.linkbox a {display:block;}

.photo {background:#2a2a2a; color: white; text-align:center;}

.photo a:link, .photo a:active {
		color:white; text-decoration:underline; /*white*/
		}
.photo a:hover, .photo a:visited {
		color:#CCCCCC; text-decoration:underline; /*light grey*/
		}

.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}	


.content {
		clear:left; 
		text-align:left;
		margin:0em 13em 0 0; /* first value is zero to force the content up to near the base of the submenu */
		padding:0em 1ex 1em 1.5ex; /* first value is zero to force the content up to near the base of the submenu; the last value is the left padding*/
	}

.content h2 {text-indent:5%;}
.content h3 {text-indent:5%;}
.content h4 {text-indent:7%;}

.footer {
color:#999999; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #999999; text-align:left; clear:both;}

.footer .right {
float:right; clear:right; text-align:right;}

.footer p {margin:0;}