/* <![CDATA[ */
	* html {
}

p,li,h3,table,body
{
font: 13px arial, Tahoma, verdana, 'sans serif';
color:#003366;
}
table {
	display:block;
}

	body {
	text-align:center;
	margin: 0px;
	padding: 0px;
	line-height:100%;
  height: 100%;
  overflow: auto;
	color:#003366;
		}
#intro {
		display: none;
		color: black;
		position: absolute;
		top: 30px;
		left: 200px;
		width: 300px;
		background-color: red;
	}

	#container {
		text-align:left;
		width:670px;
		margin:0px; padding:0px;
/*		border: #777777 2px solid;*/
/*	background: url(../images/bback.gif) top left repeat-y;*/
		margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px;  /*Position 760 frameFor Moz */
/*		height:100%;
		min-height:100%;*/
		background:#ffffff/*url(../images/cbg.gif) top right repeat-y*/;
}

	#header {
	display:none;
		top:0px;
		border:0px;
		z-index:1;
		padding:0px;
		width: 760px;/**/
		height: 173px;
		text-align:right;
		background:#ffffff url(../images/header1.gif) 435px bottom no-repeat/**/;
		margin-left: auto; margin-right:auto; margin-top: 0px; margin-bottom: 0px;  /*For Moz */
		}
* html #header {
	position:absolute;
}
/*	#logot {
		float:left;
		background:transparent url(../images/logol.jpg) top right no-repeat;/*left top
		width:329px;
		height:173px;
		padding:0px;
		margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px;  /* For Moz 
		}
/*		#transrgt
		{
		float:left;
		background-image: url(../images/two.jpg);
			/*background-image: url(images/transleft.gif);
		}
		#transleft
		{
		float:left;
		background-image: url(../images/three.jpg);
		}
		#transtop
		{
		float:left;
		background-image: url(../images/four.jpg);
		}
		#transbot
		{
		float:left;
		background-image: url(../images/five.jpg);
		}
		#logom {
		position:absolute;
		padding:0px;
		top:280px;
		left:420px;
		display:block; 
		width:300px;
		height:80px;
		background:yellow/*url(../images/header1.gif) left bottom no-repeat;
		margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px;  /*For Moz 
		}*/
		#logor{
		float:left;
		background:transparent url(../images/logor.jpg) top right no-repeat;/*left top*/
		width:330px;
		height:90px;
		padding:0px;
		margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px;  /* For Moz */
	}
/* FIXES --- DONT PLAY WITH THESE ------*/
	#prop {
		float:left;
		margin:0px;/*ie doubles margins on floats -- this fixes it */
		width:1px;
		height:500px;
		min-height:500px;
		background:transparent;
	}
	#cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
	.column-in {
		margin:0px;
		padding:0px;
		}
	 p {/*fixes space at the top and bottom in mozilla*/
			margin:0px;
			}
	 #middle p {
		margin-bottom: 20px;/*puts paragraph space back on */
	 }
	img {border:none;}

	h1,h2,h3,h4 { margin: 0px 0px ;}/*fixes push down when heading is on first line */

/*END FIXES*/
	#middle {
		margin:0px 0px 0px 0px;  /*top right(same as right column) bottom left(same as left column) */
		font-size:80%;
		padding: 0px;
		height:auto;
/*		background:url(../images/intop.jpg) top left no-repeat;*/
		}

#mccont {
		margin:0px;
		padding:0px 0px 0px 0px; /* top right bottom left */
		text-align: left;
		overflow:visible;
/*		scrollbar-base-color: #9DB337; 
		scrollbar-arrow-color: #ffffff;
		scrollbar-DarkShadow-Color: #e0dedc;
		scrollbar-track-color: #FBFBE5; */
	}
#intop {
}
	#main1 { /* use background images to colour LEFT column */
		margin:0px; 
		padding:0px;
/**/		background:url(../images/leftcol.gif) top left repeat-y;
		}
	#main2 {/* use background images to colour RIGHT column */
		margin:0px; 
		padding:0px;
		}
/**/	#left {
	display:none;
		float:left;
		width:107px;
		margin:0; padding:0;
		background:url(../images/leftop.jpg) top left no-repeat;
		font-size:80%;
		}

html>body #left {/*ONLY SEEN BY MOZ */		
}
	*html #left {/*ONLY SEEN BY IE */
	}
	
	#right {
		float:right;
		text-align:left;
		width:2px;
/*		height:30px;*/
		margin:0px; padding:0px;
/*		background:orange url(../images/rightcol.gif) top right no-repeat;*/
		font-size:80%;
		}
		
/*  FOOTER */

		#footer
		{	
			display:none;
			text-align: center; /*only changes footer text */
			height: 30px;
			background: transparent/*url(../images/footer.gif) right bottom no-repeat*/;
			width:760px;
			font-size:60%;
			color:#003366;
			padding:0px;
			z-index:99;
			margin:0px;
	 	margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; /*For Moz- makes gaps around footer block */
		}
		* html #footer { 
			width:760px;
			}

a.footer:{text-decoration: underline;}
a.footer:link {COLOR: #003366; font-weight: bold;}
a.footer:visited {COLOR: #003366; font-weight: bold;}
a.footer:active {COLOR: #003366; font-weight: bold;}
a.footer:hover {font-weight: bold;}
		.futta
		{
			color:#003366;
			padding:0px;
			margin:0px;
		}
		.futta a
		{
			padding:0px;
		}
		.progh
		{
			font-weight: bold;
		}
a.futta:{text-decoration: none; vertical-align:middle;}
a.futta:link {COLOR: #003366; font-weight: bold; vertical-align:middle;}
a.futta:visited {COLOR: #003366; font-weight: bold; vertical-align:middle;}
a.futta:active {COLOR: #003366; font-weight: bold; vertical-align:middle;}
a.futta:hover {font-weight: bold; vertical-align:middle;}

.priv {
/*	border:#000000 1px solid;*/
	text-decoration: none;
	color:#003366;
 	padding-left: 0px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; /*For Moz- makes gaps around footer block */
 	margin-left: 0px; margin-right: 0px; margin-top:0px; margin-bottom: 0px; /*For Moz- makes gaps around footer block */
}

/* END  FOOTER */
/* HEADINGS AND STYLES */
	#mccont p {
		margin-bottom: 12px;
		margin-top: 0px;
		}
	#mccont a {
		color:red;}
	}
	#mccont p a {
		color:red;}

#mccont span.s1 {
/*		background: url(../images/hr.gif) top left no-repeat;*/
		width:100px;
		height:20px;
		display:block;
		color:#ffffff;
		background:red;
		padding-left:10px;
		font: bold 14px 'Trebuchet MS' Arial Tahoma, verdana, 'sans serif'; 
}
a h2 {
			color:#99CC33;
}
h2 a {
			color:#99CC33;
}

h1 {
/**/		background:#003366 url(../images/h1.gif) 2px 2px no-repeat;
		padding-left:70px;
		padding-right:6px;
		padding-top:6px;
		padding-bottom:10px;
		color:#003366;
		color:#ffffff;
		font: bold 18px 'Trebuchet MS' Arial Tahoma, verdana, 'sans serif'; 
		width:auto;
		margin-bottom:30px;
}	
h2 {
		color:#99CC33;
		font-size:12px;
		font-weight:bold;
		line-height: 150%;
}
h3 {
		color:#9999FF;
		font-size:12px;
		font-weight:bold;
		line-height: 150%;
}

h4 {
font: bold 13px 'Trebuchet MS' Arial Tahoma, verdana, 'sans serif'; 
}	
h5 {
font: bold 10px Arial Tahoma, verdana, 'sans serif'; 
		color:#003366;
		margin:0px;
}	
h6 {
font: bold 10px Arial Tahoma, verdana, 'sans serif'; 
		color:#993333;
		margin:0px;
}	
		span.s2 {
		letter-spacing: -1px;
		line-height: 100%;
		color:#000000;
		font: 15px Tahoma, verdana, 'sans serif';
		font-weight:bold;
		margin-bottom: 0px;
		}
		span.s3 {
		line-height: 100%;
		color:#000000;
		font: 9px Tahoma, verdana, 'sans serif';
		font-weight:bold;
		margin-bottom: 0px;
		}
		.not {display:none;}	

/* END HEADINGS AND STYLES */

/*  MENU */
		#menu /*remove height for vertical menu */
		{	
			display:none;
			position:relative;
			text-align: left;
			width:107px;
			padding:0px;
			background:#8AA7CA url(../images/menbot.gif) bottom right no-repeat/**/;
			z-index:40; 
			margin-left: 0px; margin-right: auto; margin-top: 65px; margin-bottom: 0px;  /*For Moz */
		}/* first line of hack is border + margin? +padding for IE5x, the bottom line is the actual width */
		#menu span{
			display:none;
		}
		#cmenu /*remove height for vertical menu */
		{	
			position:fixed;
			display:none;
			text-align: left;
			width:620px;
			height:auto;
			padding:0px;
			background:#ffffff /*url(../images/menbot.gif) bottom right no-repeat*/;
			margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 5px;  /*For Moz */
		}/* first line of hack is border + margin? +padding for IE5x, the bottom line is the actual width */
	*html #cmenu {
			position:relative;
			margin-top: 0px;
	}
		#pmenu /*remove height for vertical menu */
		{	
			display:none;
			position:relative;
			text-align: left;
			width:620px;
			padding:0px;
			background:red /*url(../images/menbot.gif) bottom right no-repeat*/;
			z-index:40;
			margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 5px;  /*For Moz */
		}/* first line of hack is border + margin? +padding for IE5x, the bottom line is the actual width */

/* END MENU */
/* STANDARD CLASSES */
		.lft{
			float: left;
		}
		.rgt{
			float: right;
		}
		.ctr{
			float: none;
		}
		.sbut
			{
			font: 12px Tahoma, tahoma, verdana, 'sans serif'; 
			color:#000;
			}
		#printmast {
		display:none;
		}
/* END STANDARD CLASSES */

/* INCLUSIONS */
		#logint {	display:none;
		}
		#navig
		{
			display:none;
			padding: 0px;
			margin:0px;
			color: #003366;
			font-weight: bold;
			position: fixed;
			width: 620px;
			height:20px;
			background:#ffffff;
		}
	*html #navig {
			position: relative;
	}
		#navig a {
			color: #003366;
		}
		#tips
		{
			display:none;
			height:35px;
			width:740px;
			padding:0px;
			z-index:5;
		}
		#intips {
		}
#tips a {
		color:#999999;
		font-style:bold;
		text-decoration:none;
		
}
		#ranim
		{
			display:none;
/**/			float:left;
			height:173px;
			width:430px;
			padding:0px;
			z-index:5;
			margin:0px;
		}
		* html #ranim { 
			}
		#descripto
		{
/**/			position:absolute;
			left:50px;
			top:150px;
			color:#ffffff;
			font-weight:bold;
			height:36px;
			width:310px;
			padding:0px;
			z-index:5;
		}
		* html #descripto { 
			}
		#count{
			display:none;
			position:relative;
			text-align:center;
			height:57px;
			width:140px;
			padding-left: 0px;
			background:url(../images/counter.gif) top no-repeat;
			margin-left: auto; margin-right:auto; margin-top: 10px; margin-bottom: 0px;  /*For Moz */
		}
		#ctext{
			display:none;
			position:relative;
			top:30px;
			color: #777777;
			font-size: 16px; 
			font-weight:bold;
		}
		
		#prmenu {
			display:none;
			width:600px;
			height:150px;
			padding-top:35px;
			background:url(../images/prmenutop.gif) top left no-repeat;
		}
		.prcat {
			color:#003366;
			font-weight:bold;
			font-size: 120%;
		}
		#topextra {
		z-index:6;
			position:absolute;
			display:block;
			top:55px;
			right:10px;
			width:250px;
			height:30px;
		}

/* END INCLUSIONS */

	.copy { text-align:center; font-size:80% }

/*REGIS*/
		#regis {
		}
		#regis #regislft {
			width: 50%;
		}
		#regis #regisrgt {
			width: 50%;
		}
		#regis #rgisbut {/*div for submit buttons */
			float:right;
		}
		.regmsg {
			color:red;
			font-weight:bold;
			font-size: 120%;
		}
		#regis label {
			float:left;
			width:70px;
			text-align:left;
			font-size:80%;
			display:block;
		}

		#regis input {
			float:left;
			height:15px;
			width:160px;
		font: 9px verdana, arial, 'sans serif';
		}
		#regis textarea {
			float:left;
			width:160px;
		}
		#regis select {
			float:left;
			height:15px;
		font: 9px verdana, arial, 'sans serif';
		}
		#regis #submit{
			float:left;
			margin:1px;
			text-align:center;
			padding-left:0px;
			height:19px;
			width:140px;
			border:solid 1px #003366;
		background: #003366;
		color:#ffffff;
		font: 9px verdana, arial, 'sans serif';
		font-weight:bold;
		}
		#regis #reset{
			float:left; 
			margin:1px;
			text-align:center;
			padding-left:0px;
			display:block;
			height:19px;
			width:80px;
			border:solid 1px #003366;
		background: #003366;
		color:#ffffff;
		font: 9px verdana, arial, 'sans serif';
		font-weight:bold; 
		}
		
		#regis .yesregis {/* 'Done' Link */
	line-height:20%; 
	margin-bottom:0px;
			text-decoration:none;
			float:left;
			margin:1px;
			text-align:center;
			padding-left:0px;
			display:block;
			height:15px;
			width:80px;
			border:solid 1px #003366;
		background: #003366;
		color:#ffffff;
		font: 9px verdana, arial, 'sans serif';
		font-weight:bold;
		padding-top:2px;
		padding-bottom:0px;
		}
		#regis .rdbutton {
			margin:1px;
			font-weight: bold;
			border:solid 1px #003366;
		background: #003366;
		color:#ffffff;
			width:140px;
			height:19px;
			text-align:center;
			padding-left:0px;
		}
/* END REGIS */
.sml 
		{
				font-size:80%;
				text-align:left;
		}		

/* CSS IMAGE MAP */
#mccont #imap a {
text-decoration:none;
font-weight:bold;
color:#ffffff;
text-align:center;
padding-top:40px;
font-family:arial;
font-size:10px;
}
#mccont #imap {/* set the size of the definition list <dl> and add the background image */
	display:block;
	width:500px;
	height:535px;
	background:url(../images/locality-map.gif) no-repeat;
	position:relative;
	margin:0px;
	z-index:5;
}
#mccont #imap a#title {/* set up the definition list <dt><a> to hold the background image for the hover state */
	display:block;
	width:500px;
	height:0px;
	padding-top:535px;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	background:transparent url(../images/map-hover.gif) no-repeat 500px 600px;
	cursor:default;
}
/* the hack for IE pre IE6 */
* html #mccont #imap a#title {
  height:500px;
  he\ight:0;
  }

#mccont #imap a#title:hover {/* the <dt><a> hover style to move the background image to position 0 0 */
	background-position:0px 0px;
	z-index:10;
}
#mccont #imap dd {/* place the <dd>s in the correct absolute position */
	position:absolute;
	padding:0px;
	margin:0px;
}
#mccont #imap #nw {
left:101px;
top:176px;
height:80px;
width:65px;
z-index:20;
/*background-color:red;*/
}
#mccont #imap #nc {
left:170px;
top:176px;
height:80px;
width:65px;
z-index:20;
/*background-color:green;*/
}
#mccont #imap #ne {
left:251px;
top:266px;
height:80px;
width:65px;
z-index:20;
/*background-color:yellow;*/
}
#mccont #imap #cw {
left:325px;
top:266px;
height:80px;
width:65px;
z-index:20;
/*background-color:aqua;*/
}
#mccont #imap #cc {
left:259px;
top:364px;
height:80px;
width:65px;
z-index:20;
/*background-color:pink;*/
}
#mccont #imap a#nwtit, #mccont #imap a#nctit, #mccont #imap a#netit, #mccont #imap a#cwtit, #mccont #imap a#cctit, #mccont #imap a#cetit, #mccont #imap a#swtit, #mccont #imap a#sctit, #mccont #imap a#setit
{/* style the <dd><a> links physical size and the background image for the hover- use separate declarations if you want to use different images for the hover */
display:block;
width:65px;
height:80px;
background:transparent url(../images/hover.gif) -100px -100px no-repeat ;
z-index:20;
}
#mccont #imap a span, #mccont #imap a:visited span {/* style the span text so that it is not initially displayed */
display:none;
}
#mccont #imap a#nwtit:hover, #mccont #imap a#nctit:hover, #mccont #imap a#netit:hover, #mccont #imap a#cwtit:hover, #mccont #imap a#cctit:hover, #mccont #imap a#cetit:hover, #mccont #imap a#swtit:hover, #mccont #imap a#sctit:hover, #mccont #imap a#setit:hover
{/* move the link background image to position 0 0 when hovered */
background-position:top left;
}
#mccont #imap a#nwtit:hover {
	background-position: 25px 0px;/*left top*/
	
}
#mccont #imap a#netit:hover {
	background-position: top right;/*left top*/
	
}
#mccont #imap a#cctit:hover {
	background-position: 15px 0px;/*left top*/
	
}

#mccont #imap a:hover span {/* define the common styling for the span text */
position:absolute;
width:252px;
display:block;
font-family:arial;
font-size:11px;
background-color:#f7f7f7;
color:#999999;
border:#666666 1px solid;
padding:5px;
}
/* the hack for IE pre IE6 */
* html #mccont #imap a:hover span {
  width:240px;
  }
/*move the text to a common position at the bottom of the image map
#mccont #imap a#nwtit:hover span {
left:0px;
top:327px;
}
#mccont #imap a#nctit:hover span {
left:-84px;
top:327px;
}
#mccont #imap a#netit:hover span {
left:-168px;
top:327px;
}
#mccont #imap a#cwtit:hover span {
left:0px;
top:220px;
}
#mccont #imap a#cctit:hover span {
left:-84px;
top:220px;
}
#mccont #imap a#cetit:hover span {
left:-168px;
top:220px;
}
#mccont #imap a#swtit:hover span {
left:0px;
top:103px;
}
#mccont #imap a#sctit:hover span {
left:-84px;
top:103px;
}
#mccont #imap a#setit:hover span {
left:-168px;
top:103px;
}*/
/* add the style for the link span text - first line */
#mccont #imap a span p:first-line {
  font-weight:bold; 
  color:#000000;
  }
<?php 
include("css-hacks.css");
 ?>
/* END CSS IMAGE MAP */


/* ]]> */