/* GNS main styles for the site */html,body{	margin:0;	padding:0;}body {	font-family: arial, verdana, helvetica, sans-serif;	font-size: .95em; 	color:#000;	padding:0;	border:0;	margin:0;	background: #EDEBED /*#ece5ee*/; 	text-align:center;	min-width:1000px;	min-height:630px;	}body#homep #homepage a {   	color: #aaa; /*#255b9e*/	}	#wrapper {	width:998px;	margin: 20px auto 0;	text-align: left;	border: 1px solid #740170 /*#A1018E #830274 #284fa0*/;	background: #FCFAFD url(images/bglogo2bg.gif) no-repeat 644px 192px;	position: relative;	}#banner {	position: relative;	top: 0;	left: 0;	width: 998px;	height: 125px;	}	h1 {	color: #710273;	position: relative;	width: 998px;	height: 125px;	overflow: hidden;	margin: 0px;	font: normal 18px 'Andale Minion Web', 'Times New Roman', serif;	letter-spacing: 2px;	}	h1 span {	position: absolute;	left: 0;	top: 0;	width: 100%;	height: 100%;	background: transparent url(images/banner2.gif) no-repeat;	}	#timedate {	position: absolute;	top: 135px;	right: 60px;	color: #C605E9 /*old skin #284fa0 */;	font-size: 11px;	}#content {	position: relative;	top: 0px;	left: 356px;	width: 642px;	min-height: 490px;	z-index: 2;	}	/* for Internet Explorer, because it doesn't understand min-height. This does min-height for IE *//*\*/* html #content {height: 490px;}/**/	#column1, #column2 {	position: absolute;	width: 190px;	/*overflow:auto; */	z-index: 2;	}	#column1 {	top: 0px;	left: 0px;	}	#column2 {	top: 61px;	left: 210px;	}#content h2, #column1 h2	{	font-size: 12px;	color: #710273 /*old skin #284fa0*/;	margin-top: 0;	padding-top: 5px;	padding-bottom: 0px;	}	#column1 ul, #column2 ul {	list-style: none;	padding: 0;	margin: 5px 0 0;	color: #777;	font-size: .8em;	line-height: 1em;	}	#content .firstline, #column1 .firstline {	padding-top: 60px;	margin-bottom: 0px;	}.intext_colbox {	position: relative;	}	#intext_col1 {	position: absolute;	top: -10px;	left: 0;	width: 270px;	}	#intext_col2 {	position: absolute;	top: -10px;	left: 300px;	width: 270px;	}	#intext_col1 ul, #intext_col2 ul {	padding-left: 16px;	}h3	{	font-size: 11px;	color: #660168 /* < heading 3 now made just a little bit darker #710273*/ /* old skin #444*/;	padding: 0;	margin: 0;	line-height: 1em;	}	.centertext h3 {	margin-top: 75px;	}	#content strong {	color: #284fa0;	}#content p {	text-align: justify;	}#content p, #pagepic p, #column1 p {	color: #644165 /*#666*/;	font-size: .75em;	line-height: 1.8em;	padding: 0 0 0px;	margin-top: 5px;	}		#content p, #content h2 {	margin-right: 60px;	}				#content a, #content a:visited, #content li a, #content li a:visited {	color: #C605E9 /*710273   old skin #284fa0*/;	}#content a:hover, #content a:active, #content li a:hover, #content li a:active {	text-decoration: none;	color: #F803C7;	}	#content li a, #content li a:visited {	text-decoration: none;	font-size: 11px;	}	#content li a:hover, #content li a:active {	text-decoration: none;	}	#content .centertext p {	color: #66b;	}	.bonnett {	font-family: 'Andale Minion Web', 'Times New Roman', serif;	letter-spacing: 0.1em;	font-size: 90%;	font-weight: bold;	color: #BC62CC /* 710273   old skin #1047a2*/;	}	.hancock {	font-family: 'Andale Minion Web', 'Times New Roman', serif;	letter-spacing: 0.1em;	font-size: 90%;	font-weight: bold;	text-transform: uppercase; color: #BC62CC /* 710273   old skin #1047a2*/;	}  #content p.moreinfo {	color: #666;	font-weight: bold;	}	#content p.address {	color: #222; 	line-height: 20px;	}#content h4 {	margin-left: 26px;	font-size: .8em;	color: #284fa0;	}	#content h5 {	margin: 10px 0 0;	font-size: 11px;	font-weight: normal;	color: #006;	}#content ul {	color: #555;	font-size: .8em;	}	#content li {	padding-bottom: 8px;	}#pagepic {	position: absolute;	top: 186px;	left: 142px;	width: 182px;	height: 368px;	z-index: 20;	}#lsubcol {	float: left;	margin-top: 52px;	margin-right: 0;	}	#rsubcol {	float: right;	margin-top: 77px;	margin-right: 210px;	display: inline; /* this prevents the inane Internet Explorer from doubling the right margin, for reasons probably only known to Bill Gates */	}#lsubcol, #rsubcol {	line-height: 20px;	/*background: silver;*/	}	p.contact {	margin-left: 60px; 	font-weight: bold;	}	.contact_outset {	position: absolute;	left: 0px;	color: #710273;	}.gswebdesign {	position: absolute;	top: 510px;	left: 60px;	height: 20px;	width: 74px;	}.datebox {	position: absolute;	top: 540px;	left: 69px;	height: 25px;	width: 60px;	color: blue;	font-size: 11px;	text-align: center;	}#footerContainer {	position: relative;	color: #660168 /* same as h3 */;	}	#contact {	position: absolute;	top:3px;	left: 136px;	/*padding-right: 0px;*/	margin: 4px 0;	font-weight: bold;	font-size: xx-small;	}#copyright {	position: absolute;	top:3px;	right: 0;	text-align: right;	padding-right: 0px;	margin: 5px 0;	font-size: xx-small;	}	#contact a {	font-size: 1em;	}	#contact a:link, #contact a:visited, #copyright a:link, #copyright a:visited {	text-decoration: none;	color: #C605E9 /*#710273 */;	}#contact a:hover, #contact a:active, #copyright a:hover, #copyright a:active {	text-decoration: none;	color: #F803C7;	}/* HORIZONTAL MENU CSS */	/* ================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at http://www.cssplay.co.uk/menus/final_drop3.htmlCopyright (c) 2005-2007 Stu Nicholls. All rights reserved.This stylesheet and the associated (x)html may be modified in any way to fit your requirements.=================================================================== *//* style the outer div to give it depth */	#hozmenu {	position: absolute;	top: 95px;	left: 357px;	padding: 0;	margin: 0;	width: 753px; 	height: 30px;	z-index: 7;	font-size: 10px;	font-weight: bold;	}/* remove all the bullets, borders and padding from the default list styling */#hozmenu ul {	padding: 0;	margin: 0;	list-style-type: none;	height: 30px;	background: transparent;	}/* style the sub-level lists - removed *//* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */#hozmenu ul li {	float: left;	height: 30px;	line-height: 30px;	padding: 0;	margin: 0;	}/* style the sub level list items - removed*//* style the links for the top level - inc font size*/#hozmenu a, #hozmenu a:visited {	display: block;	float: left;	height: 100%;	text-decoration: none;	color: #fff;	background: transparent;	margin:  0;	padding: 0 20px 0 0;	/*width: 60px; */	text-align: center;	}/* quite a lot of CSS for dropdown version removed */#hozmenu li:hover {	position: relative;	}	* html #hozmenu a:hover {	position: relative;	}/* quite a lot of CSS for dropdown menu removed here*//* style the level hovers *//* first */#hozmenu a:hover {	color: #F803C7/* old skin #B2ADF5 */;	background: transparent;	}#hozmenu :hover > a {	color: #F803C7;	background: transparent;	}/* huge amount of CSS for sublevels removed here *//* SIDEMENU  */#sidemenu {	position: absolute;	top: 186px;	left: 38px; 	margin: 0px;	height: 368px;	width: 97px; 	border-right: 1px solid #740170 /*#284fa0*/;	}	#sidemenu ul {	margin: 0;	padding: 0;	list-style: none;	font-family: arial;	font-size: 12px;	}	#sidemenu li {	height: 30px;  /*spacing between menu items */	}	#sidemenu a, #sidemenu a:visited {	text-decoration: none;	color: #710273 ;/* old skin #444;*/	font-weight: bold;	}	#sidemenu a:hover, #sidemenu a:active {	color: #F803C7 /* old skin #7F82F2*/;	}	#hozmenu a#here {	color: #F399E1 /*old skin #AFCAFC*/;	}	#sidemenu a#here {	color: #F399E1 /*old skin #8AA7DC*/;	}		a {	outline: none;	} /* removes dotted line when clicking on image link in Firefox */a img {	border:1px solid silver;	} /* this removes the horrible 2px blue borders round the thumbs in Firefox, and replaces with classy thin pale border - essential for images with white b/gs. For no border on any browser, inc. FF, replace by 'border:none' */	.gswebdesign a img {	border:0;	}