body { color: #000033; font: 100% Verdana, Arial, Helvetica, sans-serif; background: #CDF; margin: 0; padding: 0; }
a:link { color: #000033; font: bold 12px Arial, Helvetica, sans-serif; }
a:visited { color: #000066; font: bold 12px Arial, Helvetica, sans-serif; }
a:hover { color: #CFF; background: #000066; font: bold 12px Arial, Helvetica, sans-serif; }
blockquote { margin-top: 0px; margin-bottom: 0px; color: #000000; margin-right: 0px; margin-right: 1px; margin-left: 24px; }
h1, h2, h3, #container, header, footer, .list-header{
	border:2px solid #AFAFAF;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
}
h1, h2 { font-size: 16px; color: #FFF; font-weight: bold; clear: both; width: 96%; text-align: center; background: #33F; margin: 20px 14px 14px 10px; float: none; padding: 5px 4px 5px 6px; border: 2px solid #FFF; }
h2 { text-align: left; width: 96%; border: 2px groove #000; margin-right: 20px; width: 96%; margin-left: 0px; }
h3 { font-size: 12px; color: #000000; font-weight: bold; border: thin solid #666666; width: 85%; height: 18px; padding: 3px 10px; background: #cdf; display: inline; margin: 4px; }
h4 { font-size: 16px; color: #005db6; margin-top: 16px; margin-bottom: 6px; margin-left: 10px; font-weight: bold; }
h5 { font-size: 14px; color: #009; margin-top: 0px; margin-bottom: 3px; margin-left: 24px; }
li { margin-left: 20px; color: #000; font: 12px Arial, Helvetica, sans-serif; }
ol, ul { color: #000; margin: 0px; padding-top: 2px; padding-bottom: 2px; }
p { font-size: 12px; margin: 10px 2px 2px 2px; }
table { font: 12px "trebuchet ms", arial, sans-serif }
table.tbmenu { font: 12px "trebuchet ms", arial, sans-serif }
table.jspa td { vertical-align: top; color: #000; padding: 4px; text-align: center; font: bold 1em Verdana, Arial, Helvetica, sans-serif; }
table.jspa img { }
table.jspa { }
ul { color: #333333; margin-top: 0px; margin-bottom: 0px; list-style-image: url(graphic/Elements_page3_files/Elements_page3.gif); margin-left: 16px; padding-left: 2px; }
#BookingFinder { width: 100%; height: 2200px; padding: 0px; margin: 0px; }
#container { width: 750px; background: #83BCF1; margin: 0 auto; text-align: left; border: 4px solid #33F; }
#foot { background: #9CF; width: 758px; margin-right: auto; margin-left: auto; text-align: center; margin-top: -14px; }
#footer { padding: 0 10px; background:#83BCF1; text-align: center; }
#footer p { margin: 0; padding: 10px 0; }
#header { background: #7ABAF7 url(graphic/design/heading.jpg) no-repeat; padding: 0 10px; height: 130px; font: bold 24px Verdana, Geneva, sans-serif; margin-right: auto; margin-left: auto; border-top: 1px dotted #5FADF8; border-right: 1px dotted; border-bottom: 1px dotted; border-left: 1px dotted; margin-top: -12px; }
#header2 { background: #7ABAF7 url(graphic/design/heading.jpg) no-repeat; padding: 0 10px; text-align: center; height: 130px; font: bold 24px Verdana, Geneva, sans-serif; }
#header h1, #header2 h1, .sitename { margin: 0; padding: 5px 0 5px; font: bold 18px Verdana, Geneva, sans-serif; color: #00b; background: transparent; border-style: none; }
#header h2 { margin: 0; padding: 5px 0; font: bold 18px Verdana, Geneva, sans-serif; color: #00c; background: transparent; border-style: none; float: right; }
#leftcolumn { font-size: 9pt; padding: 6px 1px; border: 1px solid #3c9bf7; background: #90C5F8; margin-left: 1px; }
#MapContainer { margin: 0px; padding: 0px; width: 740px; background: #99ccff; text-align: center; }
#MapIcon { margin: auto auto; padding: 0px; width: 732px; font-size: 8px; border-width: 0px; border-style: none; background: #99CCFF; }
#side_bar { width: 170px; clear: right; float: left; color: #000; font: 12px Arial, Helvetica, sans-serif; background: #99CCFF; padding-left: 4px; height: 500px; }
#sidebar1 { float: left; background: #83BCF1; padding: 4px 0 10px 4px; margin: -9px 0px 0px 4px; clear: both; width: 176px; font: 12px Arial, Helvetica, sans-serif; }
#sidebar1 h3, #sidebar1 p { margin-left: 10px; margin-right: 10px; color: #000; }
#tophead { background: #7ABAF7 url(graphic/design/heading2.jpg) no-repeat; padding: 6px 10px 0; text-align: center; vertical-align: bottom; height: 130px; margin: 0px; }
#map { margin: 0px; padding: 0px 0px 0px 2px; float: left; width: 550px; font: 10px Arial, Helvetica, sans-serif; background: #99CCFF; height: 500px; }
#mainContent { margin: 0 10px 0 0em; padding: 0px 0px 0px 8px; background: #FFF; float: left; width: 546px; text-align: left; } /*  width: 546px;*/
#mainContent p { padding-left: 10px; }
#snippet_whoflies, #snippet_searchpanel { text-align: center; width: 400px; margin-right: auto; margin-left: auto; z-index: 10; position: relative; }
.bg { background: url(graphic/Elements_page3_files/bg.gif) repeat-x; }
.centre { margin: 0px auto; text-align: center; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.clr { clear: left; }
.col-r { padding: 0px 4px; float: left; margin: 0px; }
.col-l { padding: 0px 4px; clear: right; float: left; margin: 0px; }
.container { background: #EEF; margin: 0 auto; text-align: left; }
.fltlft { float: left; margin-right: 8px; }
.fltrt { float: right; margin-left: 8px; margin-top: -115px; font: 14px Arial, Helvetica, sans-serif; text-align: center; }
.hd { background-color: #FFFFFF; height: 20px; width: 165px; border-top: thin solid #000099; border-right: thin solid #6699FF; border-bottom: thin solid #CCCCFF; border-left: thin solid #000000; padding-left: 2px; font-size: 110%; font-weight: bold; }
.imagebox { background: #FFFFFF; border-top: 3px solid #0000FF; border-right: 1px solid #0000FF; border-bottom: 1px solid #0000FF; border-left: 1px solid #0000FF; }
.left { margin: 0px; text-align: left; }
.right { margin: 0px; text-align: right; }
.list-content { margin: 0 4px 0 10px; background: #FFF; width: 98%; }
.list-header { border-top: medium solid #6666CC; border-bottom: medium solid #000099; line-height: 22px; background: #9CF; font-weight: bold; font-size: 14px; letter-spacing: 2px; padding: 4px 10px; text-align: left; margin-right: 10px; border-right: medium solid #6666CC; border-left: medium solid #000099; }
.list-header h2 { background: #9CF; font-weight: bold; font-size: 14px; letter-spacing: 2px; padding: 0 10px; border-style: none; margin: 0px; text-align: left; color: #006; }
.list-header h1 { margin: 0; padding: 0px; background: #06F; }
.list-head { font: bolder 18px Arial; color: #006; background: #ccf; letter-spacing: 2px; padding: 5px; width: 520px; margin-top: 0px; margin-right: auto; margin-left: auto; text-align: center; clear: both; }
.list-photo { color: #000; margin: 2px; padding: 2px; width: 208px; clear: right; float: left; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
.list-photoL { float: right; width: 200px; padding: 4px; text-align: center; background: #FFF; font-size: 10px; font-weight: bold; margin-right: 14px; }
.list-photoL h3, #list-photoL p { margin-left: 20px; margin-right: 10px; }
.list-txtL { font: bold medium Arial; color: #333; margin: 0px; padding: 2px 0px; width: 300px; height: 98%; clear: right; float: left; }
.list-container { width: 100%; margin: 0px; border-top: none; border-right: none; border-bottom: none; border-left: none; }
.ln { border-top: 2px ridge #000099; border-right: thin; border-bottom: 1px solid #0000FF; border-left: thin; line-height: 22px; background: #90C5F8; }
.ln1 { border-top: medium ridge #000099; border-bottom: thin solid #6666FF; line-height: 22px; background: #FFFFFF; font-weight: bold; font-size: 14px; }
.ln2 { font: 9pt "trebuchet ms", arial, sans-serif; border-top: thin solid #0000FF; }
.lnhd { border-top: 2px ridge #000099; border-right: thin; border-bottom: 1px solid #0000FF; border-left: thin; background: #90C5F8; font: bold 14px Arial, Helvetica, sans-serif; color: #000066; text-align: left; padding: 4px; }
.maptable { background: #99ccff; }
.menu { border-top: thin solid #66CCFF; border-right: thin solid #3366CC; border-left: thin solid #66CCFF; background: #EEF; width: 98%; }
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of the menucss section this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menucss { z-index:1000; font-size:80%; height:360px; margin:5px 0 50px -18px; /* margin:5px 0 50px -8px; */ list-style: none; font-weight: bold; font-weight: bold; position: relative;/*border-top: 1px solid #000;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	width: 165px;
*/ border-style: none; }
/* remove all the bullets, borders and padding from the default list styling */
.menucss ul { z-index:1000; padding:0; width:165px; height:360px; position:relative; list-style: none; margin: 0px; }
.menucss li { background:#eef; height:26px; list-style: none; }
* html .menucss li { margin-left:-16px; margin-lef\t:0;          /*   */ list-style: none; }
/* get rid of the table */
.menucss table { position:absolute; border-collapse:collapse; top:0; left:0px; z-index:100; font-size:1em; width:0; height:0; }
/* style the links */
.menucss a, .menucss a:visited { font-family:Arial, Helvetica, sans-serif; display:block; text-decoration:none; height:25px; line-height:25px; width:165px; color:#000; text-indent:2px; border-bottom:1px solid #fff; background:#ccf;  /* 9cf */ font-weight: bold; }
/* style the link hover */
* html .menucss a:hover { color:#fff; background:#00c; }
.menucss :hover > a {      /*   >  this stops entire menu changing colour on hover    */ color:#fff; background:#00c; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menucss ul ul { visibility:hidden; position:absolute; top:0px; left:150px; }
/* make the second level visible when hover on first level list OR link */
.menucss ul li:hover ul, .menucss ul a:hover ul { visibility:visible; /*height:360px;*/ }
/* keep the third level hidden when you hover on first level list OR link */
.menucss ul :hover ul ul { visibility:hidden; }
/* keep the fourth level hidden when you hover on second level list OR link */
.menucss ul :hover ul :hover ul ul { visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.menucss ul :hover ul :hover ul { visibility:visible; height:360px; }
/* make the fourth level visible when you hover over third level list OR link */
.menucss ul :hover ul :hover ul :hover ul { visibility:visible; height:360px; }
.name { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000066; }
.plainbg { width: 750px; margin: 0 auto; padding: 0px; background: #9CF; bottom: 10px; position: relative; }
.riscontainer { margin: 0px auto; padding: 0px; width: 734px; border: 1px solid #F00; background: #59A8F7; }
.rismap { margin: 0px auto; padding: 0px; background: #99ccff; width: 760px; border: 1px solid #F00; }
.sitename { text-align: center; }
.tdtl { background-image: url(graphic/Elements_page3_files/Elements_page3_topstrip.gif); background-color: #90C5F7; }
.vm2 { color: #000033; font-weight: bolder; font-size: 105%; border: 1px solid #000099; background: #CCFFFF; padding-left: 2px; padding-right: 1px; }
/*v\:* { behavior: url(#default#VML); display:inline-block}*/