h1{
	font-family: verdana, ariel;
	color: #ffffff;
	margin:10px;
	font-style: italic;

}


/*Chapter name - background colour of banner*/
h2{	
		
	font-family: lucida, "times new roman", times;
	font-size: 28pt; 
	color: #28342c;
	font-weight: bold;
	font-style: italic;
	line-height: 16pt;
	text-align: center;
}



h3{
	line-height: 14px;
	margin-bottom: 5;
			
}




h4{
	line-height: 14px;
	margin-bottom: 5;
	margin-top: 5;		
}

h5{
	font-family: lucida, "times new roman", times;
	font-size: 13pt; 
	color: #ffffff;
	line-height: 14px;
	margin-bottom: 5;
	margin-top: 5;
	font-style: italic;

}



/*Alternate colour for Thumbnail text*/


.thalt{
	color: red;
	font-weight: bold;


}


/*Alternate colour for SFstory Thumbnail text*/

.thsf{
	color: #173330;
	font-weight: bold;


}


.info{
	font-family: lucida, "times new roman", times;
	font-size: 1em;
	font-weight: bold;
	color: black;
	background: transparent;
	}


.story{
	font-family: verdana;
	font-size: 1em;
	color: black;
	background: transparent;
	}




/*TO CHANGE COLOUR OF PAGE BACKGROUND ALTER COLOUR OF BACKGROUND TILE
(IN IMAGES FOLDER) - SEE TOP OF "feature.html" for name of file*/

/*BACKGROUND FOR IMAGES ON PAGE "feature.html>*/

#featurebox{
	width: 880;
	alignment: center;
	background: #987580;

}

/*BACKGROUND FOR THUMBNAILS TABLE AND IMAGE DESCRIPTION*/
.feature{	
	font-family: verdana;
	font-size: 10pt;
	background: #e0cfd4;
	color: #1c0f27;
			
			
}

/*REMOVE BORDER FROM ALL IMAGES IN "FEATURE"*/
.feature img{
	border: 0;
}



/*this sets the colour and attributes of the links on feature/feature.html*/
	.featurelink a{text-decoration: none; color: black; font-family: arial; font-size: 10pt;}
	.featurelink a:visited {text-decoration: none; color: black; font-family: arial; font-size: 10pt;}
	.featurelink a:hover {text-decoration: none; color: yellow; font-family: arial; font-size: 10pt;}
	.featurelink a:active {text-decoration: none; color: black; font-family: arial; font-size: 10pt;}