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;
		}
	#nav	{
		width: 760px;	/* Fixed by added a <br clear="both"> between #NAV & #LHS */
		height: 40px;
		left: 10px;
		background-color: #9cf;
		border: 0;
		z-index: 5;
		float: left;
		margin: 0 0 0 0;
		}		
	#LHS, #CENTRE, #RHS, #left, #content {
		float: left;
		/*z-index: 6;*/
		}
		
	#lhs, #centre, #rhs, #left, #content {
		float: left;
	}
	
		
	#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;
		}
	#lhs {
		background-color: #eee;
		width: 152px;
		margin: 1px 5px 1px 0;
		background-image: url(http://www.westclarevtos.ie/images/filmstrip.gif);
		border: solid 1px #006;
		text-align: center;
	}
		
	#CENTRE {
		background-color: #fff;
		width: 492px;
		margin: 1px 5px 1px 0;
		border: 0;
		}
	#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;
		}
	#rhs {
		background-color: #9cf;
		width: 100px;
		margin: 1px 0 1px 0;
		border: 0;
		text-align: center;
	}
	#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;
			}	
	#left {						/* For filmstrip.php */
		background-color: #eee;
		width: 152px;
		/*height: 300px;*/
		margin: 0;
		padding: 0;
		background-image: url(images/filmstrip.gif);
		background-color: #eee;
		border: 0;
		text-align: center;
		}
	#mission {			/*to highlight mission statement on homepage*/
		text-indent: -1em;
		text-align: justify;
		font-size: 1em;
		font-weight: 600;
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		line-height: 2em;
		}
	#mission p:first-letter {
		font-size: 2em;
		padding: 0.1em;
		color: #39f;
		vertical-align: middle;
		}
	#verse {
		margin-top: 1em;
		margin-left: 4em;
		margin-right: 1em;
		}
	#sitemapleft {
		width: 200px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		float: left;
		margin-left: 2em;
		padding: 5px;
		border: 1px solid #eee;
		}
	#sitemapright {
		width: 200px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		margin-right: 2em;
		float: right;
		padding: 5px;
		border: 1px solid #eee;
		}
	/*__________ INDIVIDUAL STAFF MEMBER PAGES ____________*/

	#content {			
		background-color: transparent;
		width: 644px;
		margin: 1px 5px 1px 5px;
		border: 0;	
	}
	#content p {
		font-family: Arial, Helvetica, Geneva, sans-serif;
		font-size: 0.9em;
		margin-left: 5px;
	}
	#content strong {*/
		color: #003;
		font-weight: 600;
	}
	#description {
		width: 400px;
		float: left;
		line-height: 1.2em;
		background-color: transparent;
		text-align: justify;
	}

	#photo {
		/*width: 220px;*/
		float: left;
		/*border: 1px solid #000;
		background-color: #f0f;
		margin-right: 100px;
		margin-left: 400px;*/
	}
		.thumbnail {
			padding: 2px;
			background-color: #fc0;
			border: 1px groove #eee;
		}			

	/*--------------------------------------------*/
	
	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 0;*/
		padding: 0;
		margin: 2px 0 15px 0;
		border: 1px solid #09c;
		background-color: #eee;
		width: 90%;
		}
		
	h3 {
		font: bold 1.1em verdana, arial, helvetica, sans-serif;
		color: #eee;
		padding: 0;
		margin: 5px 0px 15px 10px;
		border: 1px ridge #999;
		background-color: #09c;
		width: 75%;
		}
	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;
		}
		
	.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, .stafftable th {
		border: 1px solid #eee;
		background-color: #ccc;
		font-weight: 600;
		text-align: left;
		padding: 4px;
		}
	.timetable td, .stafftable td { /* turn on cell borders */
		border: 1px ridge #eee;
		vertical-align: top;
		}	
	.timetable caption, .stafftable caption {
		border: 1px solid #eee;
		background-color: #999;
		color: #eee;
		font: 1.5em "Times New Roman", Times, serif;
		padding-top: 3px;
		padding-bottom: 2px;
		}
	.stafftable {				/* stafftable table */
		font-size: 0.6em;
		width: 450px;
		border: 1px groove blue;
		border-collapse: collapse;
		background-color: #ffe;
		}
	.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;
		}
	.key {
		font-size: 0.7em;
		text-align: center;
	}
/************************************************************
********** F O N T   C O L O U R S  -  S U B J E C T S ******
************************************************************/	
			
	a.business:link {
		color: #0c0;
		text-decoration: none;
		}
	a.business:visited {
		color: #0c0;
		text-decoration: none;
		}
	a.business:hover {
		color: #060;
		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.community:link {
		color: #f0f;
		text-decoration: none;
	}
	a.community:visited {
		color: #f0f;
		text-decoration: none;
	}
	a.community:hover {
		color: #f3f;
		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.7em;
	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;
}

/*________________________________ N A V I G A T I O N ______________________*/


/*___________________________ H O R I Z O N T A L  D R O P - D O W N ______________*/
ul.horizontal, ul.horizontal li, ul.horizontal ul {
  margin: 0;
  margin-top: 1px/*15px*/;
  padding: 0;
  list-style-type: none;
  font-size: 100%/*11px*/;
}

ul.horizontal {
  position: relative/*absolute*/;
  left: 0;
  width: 100%;
  cursor: default;
  z-index: 2000;
  top: 1em;
}

ul.horizontal li {
  width: auto;
  float: left;
  position: relative;
  cursor: pointer;
  cursor: hand;
  text-align: left;
  left: 1em;
  margin: 0 0 0 -0.1em;
	display: inline;	/* mine */
	/*margin-left: 0; mine */
	padding: 5px 5px 0 5px;	/* mine */
	font-weight: 500;	/* mine */
	border: 0;		/* mine */
	/*margin-bottom: 0.3em;	 mine */
	line-height: 1.2em;	/* mine */
	/*background-color: transparent;	 mine */
	color: #eee;		/* mine */
}

* html ul.horizontal li {
  margin: 0 -1.1em 0 1em;
  left: 0;
}

ul[class^="horizontal"] li {
  margin: 0 -1.1em 0 1em;
  left: 0;
}

ul.horizontal ul {
  z-index: 2020;
  padding: 0;
  cursor: default;
  position: absolute;
  left: -100em;
  top: auto;
  width: 8.2em;
  margin: 0 0 0 0;
  padding: 1px 0 0 0;
}

ul.horizontal ul li {
  width: 8.2em;
  float: none;
  left: auto;
  margin: -1px 0 0 0;
}

ul.horizontal ul ul {
  margin: -0.45em 0 0 7.65em;
}

/* design styles */
ul.horizontal ul {
  border-width: 1px;
  border-style: solid;
  border-color: #ffeca7 #a97741 #a97741 #ffeca7;
  background-color: #9cf;
}

ul.horizontal a, ul.horizontal a:visited {
  display: block;
  cursor: pointer;
  cursor: hand;
  background-color: #9cf/*#ffc*/;/**/
  /*background-color: transparent;	--- mine ----*/
  font-size: 11px;			/*--- mine ----*/
  border: 1px ridge transparent /*solid #edbb85*/;
  padding: /*0 5px 0 8px*/0 18px 0 7px;
  font: normal normal bold 0.7em "Lucida Console", Georgia, Times, serif/*tahoma, verdana, sans-serif*/;
  color: #555/*#008000*/;
  text-decoration: none;
  letter-spacing: 1px;
}
/*---------- Mine start here ---------------*/
/*ul.horizontal a:link, ul.horizontal a:visited, ul.horizontal a.rollover:link, ul.horizontal a.rollover:visited {*/
	/*font-family: "Lucida Console", Georgia, Times, serif;*/
	/*font-size: 11px;*/
	/*text-decoration: none;*/
	/*color: #555;*/
	/*background-color: transparent;*/
	/*padding: 0 5px 0 8px;*/
	/*border: 1px ridge transparent;*/
/*}*/
/*ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a:active {
	
	color: #555;
	background-color: #cff;
}*/
/*------------ Mine end here -----------------*/

ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a:active,
ul.horizontal a.rollover:link, ul.horizontal a.rollover:visited {
  background: #cff/*#ffefcf*/;
  color: #555/*#806020*/;
}

/* submenu indicator arrows */
ul.horizontal li.hasmenu > a:link, ul.horizontal li.hasmenu > a:visited {
  background: url(down-green.gif) #cff no-repeat 92% 50%;
}

ul.horizontal ul li.hasmenu > a:link, ul.horizontal li.hasmenu > a:visited {
  background: url(right-green.gif) #cff no-repeat 95% 50%;
}

ul.horizontal li.hasmenu > a:hover,
ul.horizontal li.hasmenu > a:focus,
ul.horizontal li.hasmenu > a:active,
ul.horizontal li.hasmenu > a.rollover,
ul.horizontal li.hasmenu > a.rollover:visited {
  background: url(down-red.gif) #ffefcf no-repeat 92% 50%;
}

ul.horizontal ul li.hasmenu > a:hover,
ul.horizontal ul li.hasmenu > a:focus,
ul.horizontal ul li.hasmenu > a:active,
ul.horizontal ul li.hasmenu > a.rollover,
ul.horizontal ul li.hasmenu > a.rollover:visited {
  background: url(right-red.gif) #ffefcf no-repeat 95% 50%;
}

* html ul.horizontal li.hasmenu a,
* html ul.horizontal li.hasmenu a:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(down-green.gif) #ffc no-repeat 92% 50%" : "#ffc");
}
* html ul.horizontal ul li.hasmenu a,
* html ul.horizontal ul li.hasmenu a:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(right-green.gif) #ffc no-repeat 95% 50%" : "#ffc");
}

* html ul.horizontal li.hasmenu a:hover,
* html ul.horizontal li.hasmenu a:active,
* html ul.horizontal li.hasmenu a.rollover,
* html ul.horizontal li.hasmenu a.rollover:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(down-red.gif) #ffefcf no-repeat 92% 50%" : "#ffefcf");
}

* html ul.horizontal ul li.hasmenu a:hover,
* html ul.horizontal ul li.hasmenu a:active,
* html ul.horizontal ul li.hasmenu a.rollover,
* html ul.horizontal ul li.hasmenu a.rollover:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(right-red.gif) #ffefcf no-repeat 95% 50%" : "#ffefcf");
}

/* browser hacks */
ul.horizontal a { float: left; }
@media Screen, Projection { ul.horizontal a { float: none; } }
ul.horizontal ul a { float: none !important; }
@media screen, projection {
  * html ul.horizontal li {
    display: inline;
    f\loat: left;
    background: #fff;
  }
}
* html ul.horizontal li { position: static; }
* html ul.horizontal a { position: relative; }

/* iframe layer */
ul iframe {
  position: absolute;
  z-index: 1010;
  border: none;
}