/* Created by Debbie Ormston */
	
	html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, img, a {
	/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
		margin: 0;
		padding: 0;
		border: 0;
		}
	body {
		background: #333399;
		color: #fff;
		font: 100.01% Verdana, Helvetica, Arial, sans-serif;
		}
		
	/* Easy Clearing of Float:  We also do a little IE Mac hiding to complete the technique. */
	.clearfix:after {   
     	content: "."; /* This dot is the actual appended content */   
     	clear: both;   
     	height: 0;   
     	visibility: hidden;   
     	display: block; 
	} 
	
	#logo {
		width: 192px;
		height: 133px;
	}
	
	#maincontent {
		padding-top: 40px;
		background: #9999ff;
		color: #333399;
	}
	
	#maincontentwrapper, #footer, #strap {
		width: 740px;
		margin: 0 auto;
	}
	
	#sidebar {
		width: 200px;
		float: left;
	}
	
	#homepagenav {
		margin-top: 45px;
		width: 192px;
		text-align: center;
		font: bold 0.9em Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		background: #99ccff;/*add background colour to the containing ul*/
		color: #333399;
	}
		
	#picmonth {
	margin-left: 220px;
	margin-bottom: 20px;
	background-color: transparent;
	background-image: url(../assets/backgrounds/frontpagepic_500x375.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
	#strapline {
		background: #99ccff;
		color: #333399;
	}
	
	#footer {
		padding-top: 2em;
	}
		
	/*** link styles ***/
	
	#homepagepiclegend a:link,
	#homepagepiclegend a:visited {
		background: transparent;
		color: #fff/*#333399*/;
	}
	
	#homepagepiclegend a:hover {
		background: transparent;
		color: #fff;
	}
	
	ul#homepagenav {
		list-style-type: none;
	}
	
	ul#homepagenav li a {
		display: block;
		width: 100%;
		text-decoration: none;
		padding-top: 5px;
		padding-bottom: 5px;
		background: #99ccff;
		color: #333399;
		border-top: 2px solid #c3c3e7;
		border-right: 2px solid #6C90B4;
		border-bottom: 2px solid #6C90B4;
		border-left: 2px solid #c3c3e7;
		/*alternative schema
		background: #99ccff;
		color: #333399;
		border-top: 1px solid #333399;
		border-right: 1px solid #333399;
		border-left: 1px solid #333399;
		*/		
	}
	
	ul#homepagenav li a#linksbutt {
		/*alternative schema
		border-bottom: 1px solid #333399;
		*/
	}
	
	ul#homepagenav li a:hover {
		background: #87b4e1;
		color: #ffff99;
		border-top: 2px solid #6C90B4;
		border-right: 2px solid #c3c3e7;
		border-bottom: 2px solid #c3c3e7;
		border-left: 2px solid #6C90B4;
		/*alternative schema
		background: #ffff99;
		color: #333399;
		border-top: 1px solid #333399;
		border-right: 1px solid #333399;
		border-left: 1px solid #333399;
		*/
	}
	
	#footer a:link, #footer a:visited {
		background: transparent;
		color: #fff;
	}
	
	#footer a:hover {
		background: transparent;
		color: #99ccff;
	}
	
	/*** end link styles ***/
	
	/*** text styles ***/
	#strap h1 {
		font: italic 1.25em 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	
	#homepagepiclegend {
		padding-top: 330px;
		font: bold 0.7em Arial, Helvetica, sans-serif;
		padding-left: 10px;
		color: #333399; /* temporarily change text colour to make visible over Sep 2010 image #fff*/
	}
	
	#footer p {
		font-size: 0.8em;
		line-height: 110%;
	}
	/*** end text styles ***/