/*specify blanket rules for all elements*/
	body {
		/*12/3/08 - changed body width to 990 px as masthead was wider than this...*/
		width:990px;
		background: #999999;
		font-size:80%;
		padding:10px;
		color: #000;
		font-family:'Lucida Grande', Verdana, sans-serif;
		/*centre content on larger screens*/		
		margin-left:auto;
		margin-right:auto;
		}
	
/*rules for headings */
	h1 {
		font-size:150%;
		}
	
	h2 {
		font-size:140%;
		}
	
	h3 {
		font-size:120%;
		}
/*Image class for logo*/
	img.logo {
		float:left;
		}
		
/*default paragraph styles*/

	p {
		font-size:100%;
		line-height:150%;
		
		}
 /*Create drop cap characters */
 	p.dropcap:first-letter {
 		float: left;
 		width:40px;
 		font: 60px "Lucida Grande", Arial, sans-serif;
 		line-height: 50px;
 	}
/*Spacer class to make masthead behave properly with the image. (see p 219 of Collinson)*/
	.spacer {
		clear:left;
		}
/*define class to float copyright notice to right of footer box.*/
	.right-float {
		float:right;
		}
		/*define styles for horizontal menu based on <ul> and <li> tags*/
 	ul.horizontal {
		list-style-type:none;
		}
 	li.horizontal {
 		display:inline;
		}
/*Rules for <a> tag */
	a {
		color:#333;
		text-decoration:none;
		/*line-height:90%;*/
		}
/*define styles for <a> tag in horizontal menu.*/
	a.horizontal-menu {
		float:left;
		text-align:center;
		width:5em;
		text-decoration:none;
		font-size:1.25em;
		color:#000;
		padding-top: 0.2em;
		padding-left: 0.2em;
		padding-right: 0.2em;
		padding-bottom: 0.2em;		
		}
		a:hover {background-color:#669999}
/* Masthead */
	#masthead {
		width:960px;
		margin:0 0 10px 0;
		padding:10px;
		border:2px solid #000;
		background-color:#ccc;
		}
/* Content */
	#content {
		/*float:right;*/		
		width:600px;
		min-height:600px;
		margin-left:179px;
		margin-right:179px;
		margin-bottom:10px;
		padding:10px;
		/*border:1px solid #000;*/
		}
	img.content {
		background:#fff;
		padding: 5px 5px 5px 5px;		
		border:2px solid #000;
		}
	img.index {
		float:right;
		/*background:#fff;*/
		padding: 7px 7px 7px 7px;		
		/*border:2px solid #000;*/
		}
/* whole-width (when 3 columns not required...Added 25/05/2008*/
	#whole-width {
		width:990px;
		min-height:525px;
		}


/*Style for acknowledgement message*/
	#acknowledgement {
		width:300px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		margin-top:150px;
		margin-bottom:auto;
		text-align:justify; 
		padding:10px;
		border:2px solid #000;
		background-color:#ccc;
		font-size:120%;
		}
		
/*Side bar A*/
	#sidebar_a {
		float:left;
		width:145px;
		margin-bottom:10px;
		padding:10px;
		/*border:1px solid #000;*/
		}
/* Sidebar B*/
	#sidebar_b {
		float:right;
		width:145px;
		margin-bottom:10px;
		padding:10px;
		/*border:1px solid #000;*/
		}
/*Styles for two colun layout for admin area.  Created 25/05/2008 */
/* input-data */
	#input-data {
		float:left;
		width:554px;
		min-height:325px;
		margin-bottom:10px;
		padding:10px;
		border:1px solid #000;
		}
	#picture-area {
		/*float:right;*/
		margin-left:585px;
		width:365px;
		min-height:325px;
		max-height:500px;
		margin-bottom:10px;
		padding:10px;
		/*border:1px solid #000;*/
		}
	#response-area {
		width:365px;
		margin-left:585px;
		height:200px;
		margin-bottom:10px;
		padding:10px;
		border:1px solid #000;
		}

/* Footer */
	#footer {
		width:960px;
		clear:both;
		padding:10px;
		border:2px solid #000;
		background-color:#ccc;
		}
/*create class to justify descriptive text in sidebar_b*/
	.narrative {
		font-size:85%;
		text-align:justify;
		}
/* Create classes for the categories, sub-categories and subjects used in the sidebar_a */
/* Category */
	.category {
		font-size:110%;
		line-height:110%;
		letter-spacing:3px;
		font-weight:bold;
		text-transform:uppercase;
		}
/*sub-category */
	.sub-category {
		font-size:100%;
		line-height:100%;
		font-weight:bold;
		text-transform:capitalize;
	}
/* subject */
	.subject {
		font-weight:normal;
		font-size:80%;
		line-height:100%;
		}
/*class for inline components.*/
	.inline-items{
		display:inline;
		}
/* form */
	form {
		margin:0;
		padding:0;
		}
	textarea {
		border:3px double #000;
		}
	input {
		border:3px double #000;
		/*text-align:right;*/
		}	
	input.cost {
		text-align:right;
		}
	#name, #email, #message{
		width:100%;
		}
	#response {
		width:10%;
	}
	legend {
		background-color:#CCC;
		margin:0;
		padding:5px;
		border-style:solid;
		border-width:1px;
		border-color: #FFF #AAA #666 #FFF;
		}
	hr {
		width:960px;
		}
/*iframe styling for upload form in admin area added MP 28/05/2008 */
	iframe {
	
		}
	iframe.noshow {
		display:none;
		}
/* added classes for displaying picture info in gallery pages 1/11/2009 */
	th.picture-info {
		text-align: left;
		font-size:80%;
		}
	td.picture-info {
		padding:10px;
		font-size:80%;
		border-style:solid;
		border-width:1px;
		border-color:#000;
		}
	table {
		/*border-width:1px;
		border-style:solid;
		padding:10px;*/
		}
	table.edit-details {
		border-width:1px;
		border-style:solid;
		width:800px;
		padding:10px;
		}
	td.edit-details {
		vertical-align:top;
		text-align:left;
		}
/*added highlight class 18/11/2009 for emphasising error messages.*/
	.highlight {
		background-color:#FF0;
		}