/* Flexible CSS development by HotScot Technology www.hotscot.net */
body /* Page colour */
{
	background: url(../images/bg.jpg);
	margin: 0px;
	padding: 0px;
	
}
p /* Body text paragraph formatting only - See content1 for font */
{
	margin: 0px;
	padding-bottom: 10px;
}
#container
{
	position: relative;
	width: 750px;
	padding: 0px;
	margin: 0px auto 0px auto;
	background: #FFFFFF;
}
#trangif/* News text */
{
	position:absolute;
	width: 157px;
	top:140px;
	left:0px;
	height:170px;

}
#header /* Leader graphic behind H1 and H2 tags */
{
position:absolute;
	top:24px;
	left:0px;
	width: 750px;
	background: url(../images/header2.jpg) no-repeat; /* C */
	height: 123px; /* C */
}
#main 	/* Background Image is the navigation BG on the left. 
		Coloured GIF required.
		Background colour is the content area background */
{

	width: 750px;
	height:580px;
	top:147px;
	left:0px;
	background: url(../images/contentbg.gif) repeat;
	position: absolute;

}

#mainl
{
	position:absolute;
	top:0px;
	left:0px;
	height:549px;
	width: 157px;
	background: url(../images/main1bg.jpg) no-repeat bottom;	
	
}


#contentzone
{
	position: absolute;
	top:0px;
	left:157px;
	height:561px;
	width: 593px;
	background-image: url(../images/contentzonebg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#footer /* Footer Space */
{
	position: absolute;
	
	margin: 0px;
	padding: 5px 0px 0px 0px;
	height: 19px;
	background: url(../images/footer.gif) no-repeat;
	left: auto;
	top: 560px;
	width: 750px;
	right: auto;
	
}
#footertext/* C */
{
	color: #ffffff;
	text-decoration: none;
	font: bold 9px Verdana, Helvetica, sans-serif;
	padding-left: 118px;
	width:350px;
	float:left;
}
#footertext a:link, #footertext a:visited /* C */
{
	color: #ffffff;
	text-decoration: none;
	font: bold 9px Verdana, Helvetica, sans-serif;
	
}
#footertext a:hover /* C */
{
	color: #D6DFC0;
	text-decoration: underline;
}
#sitemap/* C */
{
	color: #ffffff;
	text-decoration: none;
	font: bold 9px Verdana, Helvetica, sans-serif;
	padding-left: 15px;
	width:60px;
	float:left;
}
#sitemap a:link, #sitemap a:visited /* C */
{
	color: #ffffff;
	text-decoration: none;
	font: bold 9px Verdana, Helvetica, sans-serif;
	
	width:60px;
}
#sitemap a:hover /* C */
{
	color: #D6DFC0;
	text-decoration: underline;
}
#hotscot/* C */
{
	color: #ffffff;
	text-decoration: none;
	font: 9px Verdana, Helvetica, sans-serif;
	padding-left: 15px;
	width:150px;
	float:right;
}
#hotscot a:link, #hotscot a:visited /* C */
{
	color: #ffffff;
	text-decoration: none;
	font: 9px Verdana, Helvetica, sans-serif;
	
	width:60px;
}
#hotscot a:hover /* C */
{
	color: #D6DFC0;
	text-decoration: underline;
}
#content1 /* Main body of the page text formatting */
{
    position:absolute;
	width: 305px;
	height:510px;
	top:44px;
	left:20px;
	color: #000;
	font:  12px/16px Arial, Helvetica, sans-serif;
	background: url(../images/content1bg.jpg) no-repeat center bottom;
}

#content1 ul
{
	color: #000000;
}
#content1 a:link, #content1 a:visited/* C */
{
	color: #CC3333;
	text-decoration: underline;
	font-weight: bold;
	font: 12px Arial, Helvetica, sans-serif;
}
#content1 a:hover /* C */
{
	color: #000;
	text-decoration: none;
}
#content2 a:link, #content2 a:visited,
{
	color: #036F79;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#content2 a:hover
{
	color: #666;
	text-decoration: none;
}

#content2 /* Image space. Text formatting for additional text if required */
{
	position:absolute;
	top:0px;
	left:332px;
	width: 260px;
	height:559px;
	
}

#content2 p/* Image space. Text formatting for additional text if required */
{
	width: 200px;
	padding: 10px 0px 20px 10px;
	margin: 0px;
	color: #333;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 27px;
}

#content3 /* Image space. Text formatting for additional text if required */
{
	position:absolute;
	width: 180px;
	height:43px;
	padding: 0px 0px 35px 0px;
	top:242px;
	left:115px;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	color: #333333;	
}



#content3 a:link, #content3 a:visited /* C */
{
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
#content3 a:hover /* C */
{
	color: #CD3437;
	text-decoration: underline;
}
#spread /* Main body of the spread pages text formatting */
{
	width: 540px;
	float: left;
	padding: 0px 5px 0px 15px;
	color: #333; /* C */
	font-family: Arial, Helvetica, sans-serif; /* C */
	font-size: 11px; /* C */
	font-weight: normal; /* C */
}
#trailform /* News text */
{
	position:absolute;
	width: 80px;
	top:60px;
	left:28px;
	color: #333;
	height:130px;

}



#news /* News text */
{
	position:absolute;
	width: 210px;
	height:100px;
    top:230px;
    left:27px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;

}
#newswrap{
padding: 0px 0px 0px 7px;
margin: -7px 0px 0px 0px;
}
#news #newswrap p{
margin: 0px 0px -5px 0px;
}
#news p /* News text */
{
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	width: 180px;
	color: #333;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
}

#news a:link, #news a:visited /* C */
{
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
#news a:hover /* C */
{
	color: #CD3437;
	text-decoration: underline;
}
h3 /* This floats above the header graphic or colours */
{
	color: #0066A4; /* C */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* C */
	font-size: 13px; /* C */
	font-weight: Bold; /* C */
	padding-bottom: 10px; /* Change for space between header and paragraph text */
	margin: 0px;
}
.listhead /* This floats above the header graphic or colours */
{
	color: #5D89F2; /* C */
	font-family: Arial, Helvetica, sans-serif; /* C */
	font-size: 13px; /* C */
	font-weight: Bold; /* C */
	padding-bottom: 0px; /* Change for space between header and paragraph text */
	margin: 0px;
}
h4 /* Subheader floats above header graphic */
{
	color: #0066A4; /* C */
	font-family: bold 13px Verdana, Arial, Helvetica, sans-serif; /* C */
	padding-bottom: 10px; /* Change for space between header and paragraph text */
	margin: 0px;
}
h1
{
	color: #000000;
	padding-bottom: 0px;

	margin: 0px;
	font: bold 14px Arial, Helvetica, sans-serif;
}
#contact h1
{
	color: #666666;
	padding-bottom: 0px;
	padding-top: 6px;
	margin: 0px;
	font: normal 11px Arial, Helvetica, sans-serif;

}
#news h1
{
	color: #000000;
	padding: 31px 0px 13px 30px;
	margin: 0px;
	font: bold 14px Arial, Helvetica, sans-serif;
}
h2
{
	color: #999999;
	font: bold 14px Arial, Helvetica, sans-serif;
	padding-bottom: 3px;
	margin: 0px;
}

#navh
{
position:absolute;
	width:157px;
	top:0px;
	left:0px;
	text-align: left;
	color: ffcc00;
	height: 70px;
}
#navh ul
{
	
	padding: 58px 0px 0px 10px;
	margin: 0px;
	height: 239px;
}
#navh li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
}
#navh a
{
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding-left:25px;
}
#navh a:link, #navh a:visited /* C */
{
	color: #ffffff;
	width: 98px;
	height: 19px;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;	
}
#navh a:hover /* C */
{
	color: #CD3534;
	font-weight: bold;
}
#navigation
{
	padding: 0px;
	position: absolute;
	top:0px;
	left:0px;
	margin: 0px;
	width: 157px;
	height: 239px;
	
}

#overlink a:link, #overlink a:visited  /* C */ /* Selected page */
{
	color: #036F79;
	font-weight: bold;
	font-size: 13px;
}


.image1 /* First and middle images */
{
	margin-bottom: 10px;
	border-top: 0px none #DED6D4;
	border-right: 0px none #DED6D4;
	border-bottom: 0px none #DED6D4;
	border-left: 0px none #DED6D4;
	margin-right: 0px;
	padding-left: 5px;
}
.image2 /* Last Image */
{
	margin-bottom: 5px;
	border: 1px solid #999; /* C */
}

INPUT
{
	color: #333; /* C */
	font-family: 11px Arial, Helvetica, sans-serif; /* C */
	font-size: 11px; /* C */
	background-color: #f0f0f0; /* C */
	border: 1px solid #336699; /* C */
}
TEXTAREA
{
	color: #333; /* C */
	font-family: 11px Arial, Helvetica, sans-serif; /* C */
	font-weight: normal; /* C */
	background-color: #f0f0f0; /* C */
	border: 1px solid #336699; /* C */
}
SUBMIT
{
	color: #333; /* C */
	font-family: 11px Arial, Helvetica, sans-serif; /* C */
	font-weight: normal; /* C */
	background: #f0f0f0; /* C */
	border: 1px solid #336699; /* C */
}
.tablecontent {
	color: #333;
	font: 10px Arial, Helvetica, sans-serif;
}



.tabledata th {
          border: none;
          background-color: #efefef;
          font: bold 9px Arial, Helvetica, sans-serif;
          color: #024348;
          text-align: center;
}
.tabledata td {
          border: none;
          background-color: #fff;
          font: 9px Arial, Helvetica, sans-serif;
          color: #024348;
          text-align: left;
}
#overlink a:link, #overlink a:visited  /* C */ /* Selected page */
{
	color: #036F79;
	font-weight: bold;
	font-size: 13px;
}


#subnav ul
{
	color: white;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	height: 100px;
	width:720px;
}
#subnav li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #466F80;
	font: bold 13px/14px Arial, Helvetica, sans-serif;
	background: #FFFFFF url(../images/nav.gif) no-repeat left top;
	
}
#subnav a
{
	display: block;
	text-decoration: none;
	color: #466F80;
}
#subnav a:link, #subnav a:visited /* C */
{
	color: #7E7E7E;
	width: 140px;
	height: 17px;
	font: bold 13px/17px Arial, Helvetica, sans-serif;
	
}
#subnav a:hover /* C */
{
	color: #007B89;
	font-weight: bold;
}
#subnav2 ul
{
	color: white;
	padding: 0px 0px 3px 35px;
	margin: 0px;
	height: auto;
}
#subnav2 li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #466F80;
	font: 11px/14px Arial, Helvetica, sans-serif;
	background: url(none);	
	
}
#subnav2 a
{
	display: block;
	text-decoration: none;
	color: #466F80;
}
#subnav2 a:link, #subnav2 a:visited /* C */
{
	color: #7E7E7E;
	width: 99px;
	height: 15px;
	font: 11px/9px Arial, Helvetica, sans-serif;
	
}
#subnav2 a:hover /* C */
{
	color: #007B89;
	
}
#overlink2 a:link, #overlink2 a:visited  /* C */ /* Selected page */
{
	color: #036F79;
	font-weight: bold;
	font-size: 11px;
}
#topnav 
{
	position:absolute;
	top:0px;
	left:0px;
	background: #000000 url(../images/topnav.gif) top;
	width:750px;
	height: 24px;
	
}
#topnav ul
{
	color: white;
	padding: 6px 34px 0px 0px;
	margin: 0px;
	text-align: right;
}
#topnav li
{
	
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font: 10px/20px Verdana, Helvetica, sans-serif;
	display: inline;
	height:20px;

}
#topnav a/* C */
{
	color: #ffffff;
	text-decoration: none;
	padding-top: 0px;
}
#topnav a:hover /* C */
{
	color: #FF0000;
	text-decoration: none;
}
#active a:hover /* C */
{
	color: #FFffff;
	text-decoration: none;
}
.trailboxchooser
{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #FBFFEC;
	width:200px;
	padding-bottom: 2px;
	height:auto;
	
}
#events p
{
width:190px;
	color: #CC3333;
	text-decoration: none;
	font: 9px Arial, Helvetica, sans-serif;
	padding-left:4px;
	margin:0px;
}
#events a:link, #events a:visited
{
width:180px;
	color: #000;
	text-decoration: none;
	font: 11px/13px Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}
#events a:hover /* C */
{
	color: #CC3333;
	text-decoration: underline;
}

.stanza {
	border: none;
	font: 6px/8px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;    
}
#events ul
{
	width:223px;
	padding: 10px 0px 0px 10px;
	margin: 0px;

}
#events li
{
width:220px;
	list-style: none;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 14px;
	color: #000;
	font: 11px/11px  Arial, Helvetica, sans-serif;
	background: url(../images/bull.gif) no-repeat;
	text-indent: 25px;
	letter-spacing:.4px;	
}
