img {border:0;} /*possibly obsolete*/

/*---------------START ARTICLES-------------*/
/* Creates the content container */
#articlebox {
	width:960px;
	height:auto;
	margin:auto;
	border:1px solid #808080;
}

/* Creates the content area floated to the left of the wrapper */
#article {margin: 5px;}

/* article h2 & h3 Added Jan 2016 for new Article Index page*/
#article h2 {
	text-align:center;
	padding:0px;
	font-size:16px;
	text-decoration:underline;
	/*color:#808080;*/
	color:#FFFFFF /*print colour added Mar2014*/
}

/*#article h3 {
	font-size:14px;
	margin:0px;
	color:#FFFFFF
}*/

#article a {
	color:#FFFF00;
	text-decoration:none;
	outline:none; 
}

#article a:hover {color:#FF0000;}

#figure {
	width:940px;
	height:260px;
	margin:auto;
	padding:5px;
	/*border:1px solid #0000FF;*/
}

#figure a {
	position:relative;
	z-index:10;
	display:block;
	float:left;
	width:300px;
	height:auto;
	margin:0px;
}

#figure img {
	width:100%;
	/*height:100%;*/ /*REMOVED DUE TO IMAGE OVERLAYING TEXT*/
	border:1px solid;
	border-color:#808080;
}

div.fig {
	margin:5px;
	/*border:1px solid #808080;*/
	height:auto;
	width:300px;
	float:left;
	text-align:center;
}

div.desc {
	text-align:center;
	font-weight:normal;
	color:#FFFFFF;
	width:280px;
	margin:2px;
 }

/*---------------END ARTICLES-------------*//*ARTICLES OK*/

/*---------------START PRINT-------------*/
/* Creates the content container */
#printbox {
	width:960px;
	/*height:auto;*/
	height:600px; /*height changed Mar2014*/
	margin:auto;
	border:1px solid gray;
}

#print {
	margin:5px;
	padding:5px;
	font-family:Arial;
	font-size: 16px;
}

#print p {color:#FFFFFF} /*print colour added Mar2014*/
/*---------------END PRINT-------------*//*PRINTS OK*/

/*---------------START ABOUT WEBSITE -------------*//*WEBSITE OK*/
/*Start of revision copy*/
/* Creates the content container */

#aboutbox {
	width:960px;
	height:600px; /*height changed Mar2014*/
	margin:auto;
	border:1px solid #808080;
}

/* Creates the content area floated to the left of the wrapper */

#about {
	width:400px;
	height:auto;
	float:left;
	margin:5px;
	font-family:Arial; /*font family and size added Mar2014*/
	font-size: 16px;
}

#about p {color:#FFFFFF}

#about a {
	color:#FF0000;
	text-decoration:none;
outline:none; 
}

#about a:hover {
	color:#FFFF00;
	text-decoration:underline;
}

/* Creates the picture container, which can fit images up to 490px in width */

#picturebox {
	width:500px;
	height:auto;
	float:right;
	margin-right:20px;
	margin-top:10px;
}

/* Creates a picture class, floats it right within container and can be stacked vertically */

.picture {
	float:left;
	padding: 0px 0px 0px 0px;
	border:5px outset #808080;
}

/*display block, margin left & right are to center the image. Padding 10px
adds a 0px space around image within container*/
/*End of revision copy*/

/*--------------------------------------------*/
/* Start of backup copy*/
/* Creates the content container */
/*
#aboutbox {
	width:960px;
	height:500px;
	margin:auto;
	border:1px solid #808080;
}*/

/* Creates the content area floated to the left of the wrapper */
/*
#about {
	width:400px;
	height:auto;
	float:left;
	margin:5px;
}

#about p {color:#FFFFFF}

#about a {
	color:#FF0000;
	text-decoration:none;
outline:none; 
}

#about a:hover {
	color:#FFFF00;
	text-decoration:underline;
}
*/
/* Creates the picture container, which can fit images up to 490px in width */
/*
#picturebox {
	width:500px;
	height:auto;
	float:right;
	margin-right:20px;
	margin-top:10px;
}
*/
/* Creates a picture class, floats it right within container and can be stacked vertically */
/*
.picture {
	float:left;
	padding: 0px 0px 0px 0px;
	border:5px outset #808080;
}
*/
/*display block, margin left & right are to center the image. Padding 10px
adds a 0px space around image within container*/

/* End of backup copy*/

/*---------------END ABOUT WEBSITE-------------*/

/*---------------START BIO-------------*/
/* Creates the content container */
#biobox {
	width: 900px;
	height: 600px;
	margin: auto;
	border:1px solid gray;
}

/* Creates the content area floated to the left of the wrapper */
#bio {
	width: 360px;
	height: auto;
	float: left;
	margin: 5px;
}

#bio p {color:white}

/* Creates the picture container, which can fit images up to 490px in width */
#picturebox {
	width: 500px;
	height: auto;
	float: right;
	margin-right:20px;
	margin-top:10px;
}

/* Creates a picture class, floats it right within container and can be stacked vertically */
.picture {
	float: left;
	padding: 0px 0px 0px 0px;
	border: 5px outset grey;
}



/*display block, margin left & right are to center the image. Padding 10px
adds a 0px space around image within container*/

/*p.copyright{
	text-align:center;
	color:#999999
}*/
/*---------------END BIO-------------*/

/*---------------START PIA-------------*/
/* Creates the content container */
#biobox {
	width: 900px;
	height: 600px;
	margin: auto;
	border:1px solid gray;
}

/* Creates the content area floated to the left of the wrapper */
#bio {
	width: 360px;
	height: auto;
	float: left;
	margin: 5px;
}

/* Creates the picture container, which can fit images up to 490px in width */
#picturebox {
	width: 500px;
	height: auto;
	float: right;
	margin-right:20px;
	margin-top:10px;
}

/* Creates a picture class, floats it right within container and can be stacked vertically */
.picture {
	float: left;
	padding: 0px 0px 0px 0px;
	border: 5px outset grey;
}

/*display block, margin left & right are to center the image. Padding 10px
adds a 0px space around image within container*/

/*---------------END PIA-------------*/

/*---------------START COPYRIGHT-------------*//*COPYRIGHT OK*/
/* (copyright text copied from Naturefocused, need to reword etc*/
#copyrightbox {
	width:960px;
	/*height:auto;*/
	height:600px; /*height changed Mar2014*/
	margin:auto;
	border:1px solid gray;
}

#copyright {
	margin:5px;
	padding:5px;
	font-family:Arial;
	font-size:16px;
}

#copyright p {color:#FFFFFF} /*print colour added Mar2014*/

/*---------------END COPYRIGHT-------------*/

/*---------------START CONTACT-------------*//*CONTACT OK*/
/* Creates the content container */
#contactbox {
	width:960px;
	height:auto;
	margin:auto;
	border:1px solid gray;
}

#contact {
	margin:5px;
	padding:5px;
	font-family:Arial;
	font-size:16px;
}

/*---------------END CONTACT-------------*/




/*---------------START SITEMAP-------------*//*SITEMAP OK*/
/*THE BODY H2 & H3 INTERFERE WITH SITEMAP H2 & H3 SO BODY ONES ARE OFF*/

#sitemapbox {
	width:960px;
	/*height:800px;*/
	height:600px; /*height changed Mar2014*/
	margin:auto;
	border:1px solid gray;
}

#sitemapbox a {
	color:#FFFF00;
	text-decoration:none;
	outline:none; 
}

#sitemapbox h2 {
	text-align:center;
	padding:0px;
	font-size:16px;
	/*color:#808080;*/
	color:#FFFFFF /*print colour added Mar2014*/
}

#sitemapbox a:hover {
	color:#FF0000;
	text-decoration:underline;
}

#sitemapbox h3 {
	font-size:14px;
	margin:0px;
	/*color:#808080;*/
	color:#FFFFFF /*print colour added Mar2014*/
}

.left {

	margin:15px;
	float:left;
  	clear:left;
}

.right {

	margin-top:15px;
	margin-right:300px;
	float:right;
  	clear:right;
}

/*-------END SITEMAP-----*/

/*---------------START LINKS-------------*//*LINKS OK*/
/*THE BODY H2 & H3 INTERFERE WITH LINK H2 & H3 SO BODY ONES ARE OFF*/

#linkbox {
	width:1100px;
	/*height:auto;*/
	height:600px; /*height changed Mar2014*/
	margin:auto;
	border:1px solid #808080;}

#linkbox a {
	color:#FFFF00;
	text-decoration:none;
	outline:none; 
}

#linkbox a:hover {
	color:#FF0000;
	text-decoration:underline;
}

#linkbox h2 {
	text-align:center;
	padding:0px;
	font-size:16px;
	/*color:#808080;*/
	color:#FFFFFF /*print colour added Mar2014*/
}

#linkbox h3 {
	font-size:14px;
	margin:0px;
	color:#808080;
	/*color:#808080;*/
	color:#FFFFFF /*print colour added Mar2014*/
}

.lft {
	margin:5px;
	float:left;
  	clear:left;
}

.rgt {
	margin-top:5px;
	margin-right:100px;
	float:right;
  	clear:right;
}

/*-------END LINKS-----*/