body {
		font-size: 1em;
		font-family: arial,helvetica,geneva,sans-serif;
		color: #003333;
		margin: 2px;
		padding: 0px;
		background-color: #fff;
		}

	#page {
		margin: 0 auto;
		width: 762px;
		border: solid 1px #033;
		}
		
	#NAV	{
		width: 760px;			/* Fixed by added a <br clear="both"> between #NAV & #LHS */
		left: 10px;
		background-color: #369;
		border: 0;
		z-index: 5;
		float: left;
		}
	#LHS, #CENTRE, #RHS, #left {
		float: left;
		/*z-index: 6;*/
		}
		
	#LHS {
		background-color: #eee;
		width: 152px;
		/*height: 300px;*/
		margin: 1px 5px 1px 0;
		background-image: url(images/filmstrip.gif);
		background-color: #eee;
		border: solid 1px #006;
		text-align: center;
		}
		
	#CENTRE {
		background-color: #fff;
		width: 492px;
		margin: 1px 5px 1px 0;
		border: 0;
		}
		
	#RHS {
		background-color: #99ccff;
		width: 100px;
		margin: 1px 0 1px 0;
		border: 0;
		text-align: center;
		}			
	#content {
		background-color: #fff;
		width: 100%;
		margin: 0;
		border: 0;
		}
		#movielist {
			width: 480px;
			/*height: 100px;*/
			/*margin-left: 160px;*/
			background-color: #eee;
			font-size: 0.9em;
			}
		#player {
			width: 100%;
			text-align: justify;
			background-color: transparent;
			}
		#textdisplay {			/*__________ Creative writing page __*/
			width: 100%;
			height: 514px;
			/*margin-left: 50px;*/
			background-color: #fff;
			font-size: 1em;
			background: url(../images/book_bg.gif);/**/
			vertical-align: middle;
			}
		#photostrip {			/*__________ photography display page __*/
			width: 440px;
			height: 1035px;
			/*padding-top: 1px;*/
			margin-left: 160px;
			background-color: #eee;
			background: url(images/photostrip.gif);
			font-size: 10pt;
			text-align: center;
			}
		#textleft {
			float: left;
			width: 320px;
			margin-left: 50px;
			margin-top: 20px;
			background-color: transparent;
			font-size: 12px;	/* make this absolute? */
			padding: 10px;/**/
			
			}
			/*#textleft p, #textright p {
				padding-left: 10px;
				padding-right: 10px;
			}*/
		#textright {
			/*float: right;*/
			width: 320px;
			margin-left: 400px;/**/
			margin-top: 20px;
			background-color: transparent;
			font-size: 12px;	/* make this absolute? */
			padding: 10px;/**/
			padding-top: 27px;
			}
			
	#header {
		background-color: #fff;
		display: block;
		margin: 1px 0;
		padding: 0px;
		width: 760px;
		clear: both;
		/*border: solid 1px #006; */ /*not working properly in Mozilla*/
		}
		
		#topleft {
				float: left;
				left: 0;
				top: 5px;
				width: 100px;
				text-align: center;
				}
		#topcentre {
				top: 15px;
				float: left;
				text-align: center;
				width: 550px;
				/*background-color: #9cf;*/
				}
				
		#topright {
				float: right;
				width: 100px;
				text-align: center;
				}	
				
	#footer {
		background-color: #fff;
		display: block;
		margin: 1px 0;
		padding: 0px;
		width: 760px;
		clear: both;
		/*border-top: .2em #6c9 ridge ;*/
		}	
		#footerleft {
			width: 100px;
			float: left;
			left: 0;
			text-align: center;
			}
		#footercentre {
			width: 550px;
			float: left;
			text-align: center;
			}
		#footerright {
			width: 100px;
			float: right;
			text-align: center;
			}	
	/*--------------------------------------------*/
	
	p {
		padding: 0 5px 0 5px;
		}
		
	h1 {
		font-family: rockwell, sans-serif;
		font-size: 250%;
		padding: 0;
		font-variant: small-caps;
		letter-spacing: 0.2em;
		word-spacing: 0.8em;
		text-align: center;
		color: #0099cc;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 1.8em;
		font-weight: bold;

		}

	h2 {
		font: bold 1.2em verdana, arial, helvetica, sans-serif;
		color: #666;
		/*margin: 0 0 5px 25px;*/
		padding: 0;
		margin: 2px 0 15px 0;
		border: 1px solid #09c;
		background-color: #eee;
		width: 50%;
		}
		
	h3 {
		font: bold 1.1em "Courier New", Courier, sans-serif;
		color: #eee;
		padding-left: 0;
		margin: 2px 0 15px 0;
		border: 1px ridge #999;
		background-color: #09c;
		width: 50%;
		text-align: center;
		}
	h3.plainheading {			/*___________ FOR MULTIMEDIA INDEX headings __*/
		font: bold 1.1em "Courier New", Courier, sans-serif;
		color: #09c;
		padding-left: 0;
		margin: 2px 0 15px 0.2em;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 1px ridge #eee;
		background-color: transparent;
		width: 70%;
		text-align: left;
		}
	h4 {
		font: bold 1.1em verdana, arial, helvetica, sans-serif;
		color: #333;
		padding: 0;
		margin: 5px 0px 15px 5px;
		border: 1px ridge #999;
		background-color: #ccc;
		width: 75%;
		}
	blockquote {
		font-style: italic;	/* this doesn't seem to work */
		}
		
	a:link { 
		color: #00F;
		background-color: transparent; 
		}
	a:hover { 
		color: #F00;
		background-color: transparent; 
		}
	
	.rightalign {
		text-align: right;
		font-size: 0.7em;
		}
	.rightalignbig {
		text-align: right;
		font-size: 1em;
		float: right;
		}
	.centrealign {
		text-align: center;
		}
	.large {				/* LARGE FONT */
		font-size: 1.6em;
		}
	.oblique {
		font-family: Georgia, "Times New Roman", serif;
		font-style: oblique;
		font-weight: 700;
		font-size: larger;
		font-stretch: normal;
		text-shadow: 0.5em 0.4em 2px #999;
		}
	.contactinfo {
		font-size: 0.8em;
		}
	
	.imgleft {					/* left align images */
		float: left;
		padding-right: 1em;
		}
	
	.imgright {					/* right align images */
		float: right;
		padding-right: 1em;
		}
	.aligncentre {
		text-align: center;
		}
	.indentleft {
		margin-left: 1em;
		}
		
	.datatable {				/* TABLES */
		width: 470px;
		font-size: 0.9em;
		border: 1px groove blue;
		background-color: #ffe;
		}
	.timetable {				/* timetable table */
		font-size: 0.6em;
		width: 100%;
		border: 1px groove blue;
		border-collapse: collapse;
		background-color: #ffe;
		}
	.timetable th {
		border: 1px solid #eee;
		background-color: #ccc;
		font-weight: 600;
		text-align: left;
		padding: 4px;
		}
	.timetable td{ /* turn on cell borders */
		border: 1px ridge #eee;
		vertical-align: top;
		}	
	.timetable caption {
		border: 1px solid #eee;
		background-color: #999;
		color: #eee;
		font: 1.5em "Times New Roman", Times, serif;
		padding-top: 3px;
		padding-bottom: 2px;
		}	
	.sampletable {				/********** WP sample table ***********/
		border-collapse: separate;
		empty-cells: show;
		border: 1px solid #000;
		padding: 5px;
		width: 400px;
		margin-top: 1em;
		vertical-align: top;
		display: inline-table;
		
		}	
		.sampletable td {	
			border: 1px solid #000;
			width: 50%;
			}
		.doublespacing {
			line-height: 2.0;
			}
		.oneandahalfspacing {
			line-height: 1.2;
			}
		.halfspacing {
			line-height: 0.3;
			}
	.toplink {
		text-align: center;
		font-size: 0.7em;
		}
	
	.navlink {
		font-size: 0.8em;
		}
	.textlink {
		font-size: 0.8em;
		text-align: center;
		}
		
	.fourhundred {
		width: 450px;
		}
	.tagline {
		font-family: rockwell, sans-serif;
		padding: 0;
		font-variant: small-caps;
		letter-spacing: 0.1em;
		word-spacing: 0.6em;
		text-align: center;
		color: #369;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		}
	.author {
		text-align: right;
		font-weight: 600;
		font-style: oblique;
		}
	.red {
		font-size: 1.2em;
		color: #f00;
		}
	.green {
		font-size: 1.2em;
		color: #0c0;
		}
	.blue {
		font-size: 1.2em;
		color: #00f;
		}
	.purple {
		font-size: 1.2em;
		color: #c69;
		}
	.navy {
		font-size: 1.2em;
		color: #006;
		}
	.orange {
		font-size: 1.2em;
		color: #fc0;
		}
	.gobutton {
		width: 22px;
		height: 14px;
		border: 0;
		}
/************************************************************
********** F O N T   C O L O U R S  -  S U B J E C T S ******
************************************************************/	
			
	a.business:link {
		color: #0f0;
		text-decoration: none;
		}
	a.business:visited {
		color: #090;
		text-decoration: none;
		}
	a.business:hover {
		color: #0f0;
		text-decoration: underline;
		}
	a.arts:link {
		color: #f00;
		text-decoration: none;
		}
	a.arts:visited {
		color: #f00;
		text-decoration: none;
		}
	a.arts:hover {
		color: #f00;
		text-decoration: underline;
		}
	a.childcare:link {
		color: #333;
		text-decoration: none;
		}
	a.childcare:visited {
		color: #333;
		text-decoration: none;
		}
	a.childcare:hover {
		color: #666;
		text-decoration: underline;
		}
	a.general:link {
		color: #00f;
		text-decoration: none;
		}
	a.general:visited {
		color: #00f;
		text-decoration: none;
		}
	a.general:hover {
		color: #00c;
		text-decoration: underline;
		}
		
/************************************************************
********** F O R M   S T Y L E S ****************************
************************************************************/	
		
	form input[type="text"] {
		line-height: 0.7em;
		text-decoration: none;
		background-color: #ccc;
		color: #033;
		font-size: 1em;
		font-family: Times, "Times New Roman", serif;
		}
	form input.gobutton {
		width: 22px;
		height: 14px;
		border: none;
		}
	form p {
		clear: both;
		}

	form p label {
		float: left;
		}
	
	form p input, form p textarea {
		float: right;
		}
	
	form p input[type="radio"] {
		float: none;
		}
	fieldset {
		border: 1px dotted #006;
		margin-top: 10px;
		padding: 5px;
		margin-left: 1em;
		}
	legend {
		font: bold 1.1em Arial, Helvetica, sans-serif;
		color: #333;
		background-color: #9cf;
		}
	.akey {
		text-decoration: underline;
		color: #f00;
		}
/************************************************************
********** L I S T   S T Y L E S ****************************
************************************************************/

	ul li {
		list-style-type: disc;
		list-style-position: outside;
		}
	li ul li {
		list-style-type: circle;
		}
	.hidebullet {
		list-style: none;
		}
	.outdent {						/* Links list in sitemap */
		list-style: none;
		font-family: Geneva, serif;
		font-size: 1.4em;
		font-weight: 600;
		color: #f00;
		margin-left: -1em;
		}
	#gallerylist {
		list-style-type: none;
		}
	#gallerylist li {
		list-style: none;
		float: left;
		margin-right: 6px;
		margin-bottom: 10px;
		font: bold 0.8em Arial, Helvetica, sans-serif;
		color: #333;
		}
	#gallerylist img {
		display: block;
		border: 1px solid #330;
		}
		
/* ___________________________________ N E W S  P A G E S ____________ */

.newsitemtitle {
	font-size: 1em;
	font-weight: 600;
	padding: 0;
}
.dateline {
	font-size: 0.8em;
	font-weight: 500;
	font-style: italic;
}
.authornews {
		text-align: right;
		font-weight: 600;
		font-style: oblique;
		font-size: 0.8em;
		}
.newsitemtitlelink { /* for news archive index page */
	font-size: 0.8em;
	font-family: "Times New Roman", Georgia, serif;
}
.blurbtext {	/* for news archive index page */
	width: 440px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	float: left;
	margin-left: 1em;
	padding: 0;
	/*border: 1px solid #eee;*/
}
#newstext {		/* for news item details page*/
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	float: left;
	margin-left: 1em;
	padding: 0;
	border: 1px solid #eee;
	border-right: none;
} 
#photo {		/* for news item details page */
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin-right: 0;
	float: right;
	padding: 0;
	border: 1px solid #eee;
	border-left: none;
	border-bottom: none;
}
/*_______________________________________________ MULTIMEDIA SECTION _________*/

.moviescreentable {
	background-color: #999;
	width: 480px;
	border: 1px solid #000;
}
.movietitlelink { 			/* for movie index page */
	font-size: 1em;
	font-family: "Times New Roman", Georgia, serif;
}
.divider {
	text-align: center;
	color: #003;
	font-size: 0.9em;
}
.photographernamelink {
	list-style: none;
	font-size: 1em;
	font-family: "Times New Roman", Georgia, serif;
}
#photostrip p {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #ff0;
}
#photostrip img {
	border: 0;
	padding: 0;
	
}
#photo1 {
	width: 400px;
	height: 300px;
	margin-left: 17px;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 0;
	padding: 0;
}
#photo2 {
	width: 400px;
	height: 300px;
	margin-left: 17px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 0;
	padding: 0;
}
#photo3 {
	width: 400px;
	height: 300px;
	margin-left: 17px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 0;
	padding: 0;
}
.biography {			/*_____ For movies/biography.php pages only __*/
	width: 420px;
	padding: 5px 25px 10px 25px;
	background-color: transparent;
	text-align: justify;
	font-size: 0.9em;
}