/* <![CDATA[ */
	html {
		height:100%;
}

a,p,li,h3,table,body
{
font: 13px Tahoma, verdana, 'sans serif'; 
}

	body {
	position:relative;
	text-align:center;
	margin: 0px;
	padding: 0px;
	line-height:100%;
	height:100%;
	background-color: #330066;
/*	background: url(../images/bback.gif);*/
		}
#intro {
		display: none;
		color: black;
		position: absolute;
		top: 30px;
		left: 200px;
		width: 300px;
		background-color: red;
	}

	#container {
		text-align:center;
		width:760px;
		margin:0; padding:0;
/*		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%;*/
}

	#header {
		border:0px;
		position:relative;
		z-index:40;
		padding:0px;
		width: 760px;/**/
		height: 131px;
		text-align:right;
		background:url(../images/bantop.gif) top left repeat-x;/**/
		margin-left: 0px; margin-right:0px; margin-top: 0px; margin-bottom: 0px;  /*For Moz */
		}
		#logot {
		float:left;
		background:url(../images/logol.gif) top left no-repeat;/*left top*/
		width:466px;
		height:103px;
		padding:0px;
		margin-left: 0px; 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 {
		float:left; 
		display:block; 
		width:330px;
		height:209px;
			background:url(../images/logor.gif) bottom right no-repeat;
		margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: auto;  /*For Moz 
		}*/
		#logor{
			float:right;
			background: url(../images/logor.gif) top right no-repeat;
			padding:0px;
			width: 234px;
			display:block; 
			height: 103px;
		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:400px;
		min-height:400px;
		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 2px 0px 2px;  /*top right(same as right column) bottom left(same as left column) */
		font-size:80%;
		padding: 0px;
		height:auto;
		}

#mccont {
		margin:0px;
		padding:0px 5px 10px 5px; /* top right bottom left */
		text-align: left;
/*		overflow:auto;
		scrollbar-base-color: #9DB337; 
		scrollbar-arrow-color: #ffffff;
		scrollbar-DarkShadow-Color: #e0dedc;
		scrollbar-track-color: #FBFBE5; */
	}

	#main1 { /* use background images to colour LEFT column */
		margin:0px; 
		padding:0px;
/**/		background:#ffffff url(../images/maintop.gif) top left no-repeat;
		}
	#main2 {/* use background images to colour RIGHT column */
		margin:0px; 
		padding:0px;
		}
	#left {
		float:left;
		width:2px;
/*		height:30px;*/
		margin:0; padding:0;
/*		background:#cccccc url(../images/leftcol.gif) top right no-repeat;*/
		font-size:80%;
		}
	#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
		{	
			float:right;
			text-align: center; /*only changes footer text */
			height: 25px;
/*			background: url(../images/banbot.jpg) #9DB337 left bottom no-repeat;*/
			width:760px;
			font-size:60%;
			color:#000000;
			padding-right:0px;
			z-index:99;
/**/		background:#ffffff url(../images/mainbot.gif) bottom left no-repeat;
		/**/	
	 	margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; /*For Moz- makes gaps around footer block */
		}
a.footer:{text-decoration: underline;}
a.footer:link {COLOR: #000000; font-weight: bold;}
a.footer:visited {COLOR: #000000; font-weight: bold;}
a.footer:active {COLOR: #000000; font-weight: bold;}
a.footer:hover {font-weight: bold;}
		.futta
		{
			padding-top:0px;
			padding-left:3px;
		}
		.futta a
		{
			padding-top:0px;
		}
		.progh
		{
			font-weight: bold;
		}
a.futta:{text-decoration: underline; vertical-align:middle;}
a.futta:link {COLOR: #000000; font-weight: bold; vertical-align:middle;}
a.futta:visited {COLOR: #000000; font-weight: bold; vertical-align:middle;}
a.futta:active {COLOR: #000000; font-weight: bold; vertical-align:middle;}
a.futta:hover {font-weight: bold; vertical-align:middle;}

.priv {
/*	border:#000000 1px solid;*/
	text-decoration: none;
	color:#000000;
 	padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; /*For Moz- makes gaps around footer block */
 	margin-left: 0px; margin-right: 5px; margin-top:3px; 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:#000066;}
	}

#mccont span.s1 {
		background: url(../images/hr.gif) top left no-repeat;
		width:250px;
		height:29px;
		border:none;
		display:block;
		color:#ffffff;
}	
h1 {
/*		background:url(../images/h1.gif) top left no-repeat;
		padding-left:15px;*/
		color:#ff0000;
		font-size:15px;
		line-height: 150%;
}	
h2 {
		color:#000066;
		font-size:12px;
		font-weight:bold;
		line-height: 150%;
}	
		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 */
		{	
			float:left;
			display:block;
			text-align: left;
			height:26px;
			width:760px;
			padding:0px;
/*			background: #9DB337 url(../images/mentop.jpg) top left no-repeat;*/
			z-index:40; 
			margin-left: 0px; margin-right: 0px; margin-top: 0px; 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;
		}

/* 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;
			background-color: #1e559e;
			padding: 1px;
			color: #fefefe;
			font-weight: bold;
			font-size: 90%;
			position: absolute;
			left: 150px;
			top: 130px;
			width: 70%;
		}
		#tips
		{
			height:35px;
			width:740px;
			padding:0px;
			z-index:5;
		}
		#intips {
		}
#tips a {
		color:#999999;
		font-style:bold;
		text-decoration:none;
		
}
		#ranim
		{
/**/			position:absolute;
			right:43px;
			top:10px;
			height:100px;
			width:124px;
			padding:0px;
			z-index:5;
		}
		* 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;
		}
#RSIFrame {
		height:1200px;
		min-height:1200px;
		width: 98%;
		margin:0px;
		padding:0px;
		overflow:visible;
		}

/* END INCLUSIONS */

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

/*REGIS*/
		#regis {
		}
		#regis #regislft {
			width: 50%;
		}
		#regis #regisrgt {
			width: 50%;
		}
		#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 red;
		background: #330066;
		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 red;
		background: #330066;
		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 red;
		background: #330066;
		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 red;
		background: #330066;
		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;
  }
/* END CSS IMAGE MAP */


/* ]]> */