* /* Remove browsers default padding, margin and borders for consistency. see Note 10 */
{
padding: 0; 
margin: 0; 
border: 0;
}

body /* styles set here will effect everything inside the body tags. See Note 1 */
{
font-family: "Times New Roman", Garamond, serif; /* the default font family for the website */
line-height: 140%; /* the line height is given a bit extra spacing to aid in readability */
color: #FFFFFF; /* the default text colour */
background: #0A1F5C; /* the background colour */
margin-bottom: 10px; /* the mainBody div was missing the 10px margin in IE, this fixed it */
}

/* add a bottom margin to the elements that will need it througout the whole site. See Note 10 */
h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
margin-bottom: 0.5em;
}

/* All font sizing will be relative, using em where default font size = 1em. See Note 2 */
h1
{
font-size: 1.8em; /* 1.8 x default font size */
}

h2
{
font-size: 1.5em; /* 1.5 x default font size */        
}

h3
{
font-size: 1.2em; /* 1.2 x default font size */        
}

p
{
font-size: 1em;                
}

a:link {
color: #FFFFFF
} 

a:visited {
color: #82CAFA;
} 

a:hover 
{
color: #82CAFA;
} 

a:active 
{
color: #82CAFA;
} 

div#main
{
width: 1000px;
margin: 0px auto;
padding-bottom: 1px;
background: #0B3297; /* the background colour */
/*background-image:url("../images/body2.jpg");
background-repeat:no-repeat; */
}

div#mainSlideShow
{
position: absolute;
z-index: 0;
top: 0px;
}

div#header img
{
position: relative;
z-index: 1;
width: 990px;
margin: -28px 10px 40px -10px;
}

div#header h1 span
{
display: none;
}

div#search
{
position: relative;
z-index: 1;
float:right;
margin-top:-30px;
margin-right:20px;
}

div#search img
{
position: relative;
z-index: 1;
margin-top:0px;
}

div#search .searchbox
{
position: relative;
z-index: 1;
color: #FFFFFF;
height: 16px;
font-size:0.8em;
vertical-align:top;
margin-top:2px;
background-image:url("../images/searchbox.png");
border-left-style:solid;
border-left-color:#fff;
border-left-width:1px;
border-top-style:solid;
border-top-color:#fff;
border-top-width:1px;
}

div#icons
{
position: relative;
z-index: 1;
float:right;
color: #FFFFFF;
font-size:0.75em;
margin-right: -80px;
margin-top:5px;
}

div#icons a
{
position: relative;
z-index: 1;
color: #FFFFFF;
text-decoration: none;
vertical-align:top;
}

div#icons a:hover
{
color: #82CAFA;
}

div#icons a:visited
{
color: #FFFFFF;
}

div#icons a:active
{
color: #FFFFFF;
}

div#icons img
{
position: relative;
z-index: 1;
width:18px;
height:17px;
vertical-align:top;
padding: 2px;
margin-left: 10px;
margin-top: 2px;
}

div#tabs {
position: relative;
z-index: 1;
float:left;
width:100%;
font-size:1.0em;
font-weight: bold;
line-height:1.5em;
overflow:hidden;
margin-top: 4px;
margin-left: 30px;
}

div#tabs ul {
margin:0;
padding:0px 10px 0 10px;
list-style:none;
}

div#tabs li {
display:inline;
margin:0;
padding:0;
}

div#tabs a {
float:left;
background:url("../images/left.png") no-repeat left top;
margin:0;
padding:0 0 0 10px;
text-decoration:none;
}

div#tabs span.current {
float:left;
display:block;
background:url("../images/right.png") no-repeat right top;
background-position:100% -42px;
padding:6px 15px 4px 6px;
margin-right:5px;
color:#FFF;
}

div#tabs span {
float:left;
display:block;
background:url("../images/right.png") no-repeat right top;
padding:6px 15px 4px 6px;
margin-right:5px;
color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#tabs a span {float:none;}

/* End IE5-Mac hack */
div#tabs a:hover span
{
}

div#tabs a:hover {
background-position:0% -42px;
}

div#tabs a:hover span {
background-position:100% -42px;
}

div#tabs a.current {
float:left;
background:url("../images/left.png") no-repeat left top;
background-position:0% -42px;
margin:0;
padding:0 0 0 10px;
text-decoration:none;
}


div#leftColumn
{
position: relative;
z-index: 0;
float: left;
width: 620px;
/*height:740px;*/
margin-left: 30px;
margin-top: -30px;
margin-bottom: 10px;
}

div.leftContent
{
padding: 10px 10px 10px 10px;
margin-bottom:0px
}

div.leftContent h3.heading
{
text-align: left;
margin-top: -35px;
padding-bottom: 5px;
font-size: 1.1em;
}

div.leftContent p.listing
{
font-size:0.9em;
}

div.leftContent img.listing
{
float:right;
margin: 0px 5px 10px 10px;
width: 120px;
height: 120px;
}

div.leftContent input
{
float:right;
margin-right: 130px;
}

div.leftContent img.types
{
margin: 5px 5px 0 5px;
width:25px;
height:25px;
}

div.leftContent img.types2
{
margin: 10px 0px 0px 5px;
width:30px;
height:30px;
}

div.leftContent a.listing
{
font-family: "Times New Roman", Garamond, serif;
text-align: center;
color: #FFFFFF;
padding-bottom: 0.5em;
text-decoration: none;
margin-top: -45px;
}

div.leftContent a.listing:hover
{
text-decoration: underline;
}

div.leftContent span.bold
{
font-weight: bold;
}

div.leftContent span.italics
{
font-style: italic;
}

div.leftContent span.bold2
{
font-weight: bold;
padding-left: 30px;
}

div#leftColumn h1, h2, h3
{
font-family: "Times New Roman", Garamond, serif;
text-align: center;
color: #FFFFFF;
padding-bottom: 0.5em;
}

div#leftColumn p
{
text-align: justify;
padding-right: 15px;
}

div#leftColumn p.maintext
{
font-size:1.1em;
padding-bottom:10px;
}

div#leftColumn .container {
margin-left:-10px;
margin-bottom:10px;
}

div#leftColumn .container2 {
margin-left:-10px;
margin-bottom:0px;
height:660px;
overflow:hidden;
}

div#leftColumn .container .header .c, div#leftColumn .container2 .header .c {
 font-size:1px; /* ensure minimum height */
 height:28px;
}

div#leftColumn .container .footer .c, div#leftColumn .container2 .footer .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

div#leftColumn .container .header, div#leftColumn .container2 .header {
 background:transparent url(../images/tl.png) no-repeat 0px 0px;
 margin-right:13px; /* space for right corner */
}

div#leftColumn .container .header .c, div#leftColumn .container2 .header .c {
 background:transparent url(../images/tr.png) no-repeat right 0px;
 margin-right:-13px; /* pull right corner back over "empty" space (from above margin) */
}

div#leftColumn .container .body, div#leftColumn .container2 .body {
 background:transparent url(../images/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

div#leftColumn .container .body .c, div#leftColumn .container2 .body .c {
 background:transparent url(../images/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

div#leftColumn .container .footer, div#leftColumn .container2 .footer {
 background:transparent url(../images/bl.png) no-repeat 0px 0px;
 margin-top:-13px;
 margin-right:13px;
}

div#leftColumn .container .footer .c, div#leftColumn .container2 .footer .c {
 background:transparent url(../images/br.png) no-repeat right 0px;
 margin-right:-13px;
}



div.leftContent .radio
{
float: left;
margin: 0px 10px 0px 0px;
}

div.leftContent span.radio
{
margin: 0px 30px 0px 0px;
padding: 0px;
}

div.leftContent .textarea
{
position: relative;
width: 320px;
height:85px;
margin-left: 0px;
padding: 0px;
color: #FFFFFF;
background-image:url("../images/textbox.png");
border-style:solid;
border-color:#fff;
border-width:1px;
}

div.leftContent .select, div.leftContent  .select2, .select3
{
margin: 0px 0px 0px 0px;
padding: 0px;
position: relative;
color: #FFFFFF;
background-color: #0E66FE;
border-style:solid;
border-color:#fff;
border-width:1px;
width: 180px;
}

div.leftContent .select2
{
width: 320px;
}

.select3
{
float: right;
margin-bottom: 10px;
width: 320px;
}

div.leftContent div.label
{
position: relative;
clear: left;
float: left;
width: 180px;
padding: 1px;
font-weight: bold;
margin: 0px 0px 0px 40px;
}

div.leftContent div.input
{
position: relative;
display: inline;
float: left;
margin: 0px 40px 0px 0px;
padding: 5px 0px 5px 0px;
width: 340px;
}

div.leftContent div.label2
{
position: relative;
clear: left;
float: left;
width: 260px;
padding: 1px;
font-weight: bold;
margin: 0px 0px 0px 40px;
}

div.leftContent div.input2
{
position: relative;
display: inline;
float: left;
margin: 0px 40px 0px 0px;
padding: 5px 0px 5px 0px;
width: 120px;
}

div.leftContent div.input .text
{
width: 320px;
margin: 0px;
padding: 1px;
color: #FFFFFF;
background-image:url("../images/searchbox.png");
border-style:solid;
border-color:#fff;
border-width:1px;
}

div.leftContent div.error, div.leftContent div.error2 
{
position: relative;
width: 100%;
clear: left;
height:1px;
padding:0px;
margin:0px;
font-family: "Times New Roman", serif;
color: red;
font-weight:bold;
display:none;
}

div.leftContent div.error2
{
margin:0px 0px 0px 180px;
}

div.leftContent .button
{
clear: left;
float: left;
margin: 10px 0px 40px 280px;
color: #FFFFFF;
background-image:url("../images/button.png");
padding: 2px;
width:60px;
border-style:solid;
border-color:#fff;
border-width:1px;
}

div.leftContent .text2, div.leftContent .text3
{
float: left;
position: relative;
width: 120px;
margin-left: 0px;
padding: 1px;
color: #FFFFFF;
background-image:url("../images/searchbox.png");
border-style:solid;
border-color:#fff;
border-width:1px;
}

div.leftContent .button2
{
float: left;
margin:0px 0px 0px -120px;
padding: 1px;
color: #FFFFFF;
background-image:url("../images/button.png");
font-size:0.7em;
width:90px;
border-style:solid;
border-color:#fff;
border-width:1px;
}

div.leftContent .text3
{
margin-left: 0px;
vertical-align: top;
width:80px;
}

div.leftContent img.verify
{
float: left;
margin: 0px 0px 0px -120px;
width:60px;
}

span.back 
{
float: left;
font-weight: bold;
	
}

span.back a
{
text-decoration: none;
}

div.thumbnail
{
position: relative;
width: 200px;
height: 200px;
float: left;	
}

div.thumbnail a
{
text-decoration: none;
text-align: center;
}

p.gallery
{
float: left;
margin-bottom: 10px;
}

p.gallery a
{
margin-right: 10px;
	
}

span.gallery
{
margin-right: 10px;
	
}

div.sitemap a
{
text-decoration: none;
}

div.sitemap ul li a:hover
{
color: #FFFFFF;
text-decoration: underline;

}

div.sitemap ul
{
margin-left: 100px;	
font-size: 1.2em;
font-weight: bold;
}

div.sitemap ul.two
{
margin-left: 160px;	
font-size: 1.0em;
font-weight: bold;
}

div.sitemap ul.two li
{
font-size: 0.8em;
font-weight: bold;
}

div.sitemap ul li, div.sitemap ul.two li
{
margin-bottom: 10px;
}

div#rightColumn
{
position: relative;
z-index: 1;
margin-left: 665px;
width: 320px;
margin-top: -30px;
}

div.rightContent
{
padding-top: 10px;
margin-bottom: -20px;
}

div.rightContent img
{
margin: 10px 10px 0px 0px;
width: 290px;
}

div.feedback
{
padding: 10px 0px 20px 0px;
margin: 0px 10px 0px 0px;

}

div.feedback img
{
margin: 0px;
padding: 0px;
width: 290px;

}

div.video p
{
text-align: center;
font-weight: bold;
}

div.rightContent img.map
{
padding: 5px 0px 5px 0px;
width:290px;
}

div#rightColumn h3
{
font-family: "Times New Roman", Garamond, serif;
text-align: center;
color: #FFFFFF;
padding-bottom: 0px;
margin-left: -20px;
margin-top:-5px;
}

div#rightColumn p
{
text-align: justify;
padding-right: 15px;
}

div#rightColumn div.contentRightContent, div.contentRightTop, div.contentRightBottom, div.contentRightBottom div
{
background : transparent url(../images/content.png) no-repeat top right;
}

div#rightColumn div.contentRightContent
{
position: relative;
margin-left: 15px;
margin-top: 10px;
}

div#rightColumn div.contentRightTop
{
 /* NEW - top and left image slice */
position: absolute;
left: -15px;
top: 0px;
width: 15px; /* - top slice width */
height: 100%;
background-position:top left;
}

div#rightColumn div.contentRightBottom
{
/* NEW - bottom */
position: relative;
width: 100%;
}

div#rightColumn div.contentRightBottom, div.contentRightBottom div
{
height: 20px; /* NEW - height of bottom image slice */
font-size: 1px;
}

div#rightColumn div.contentRightBottom
{
background-position: bottom right;
}

div#rightColumn div.contentRightBottom div
{
position: relative;
width: 15px; /* NEW - bottom corner width */
margin-left: -15px;
background-position: bottom left;
}

/* the footer must go across the bottom full width. See Note 7. */
div#footer
{
margin: 10px;
margin-top: 20px;
padding: 10px;
font-size: 0.75em;                
text-align: center;
clear: both;
background: #5181D3;
height:31px;
}

div#footer a
{
margin-right: 2em; /* some space between footer links and the plain text */
}

div.leftFooter
{
float: left;
margin: 0px 0px 10px 0px;	
}

div.rightFooter
{
float: right;
margin: 0px 0px 10px 0px;	
}

div#rightColumn span.label {
margin:0px 10px 0px 0px;
padding: 0px;
position: relative;
width:50px;
font-family: "Times New Roman", serif;
font-weight: bold;
font-size: 1em;
}

div#rightColumn .text, div#rightColumn .text2, div#rightColumn .text3
{
padding: 0px;
margin:0px 0px 0px 20px;
position: relative;
width: 180px;
color: #FFFFFF;
background-image:url("../images/searchbox.png");
border-style:solid;
border-color:#fff;
border-width:1px;
}

div#rightColumn .text2
{
margin-left: 0px;
width:120px;
}

div#rightColumn .text3
{
margin-left: 20px;
vertical-align: top;
width:80px;
}

div#rightColumn img.verify
{
margin: 0px 0px 0px 20px;
width:60px;
}


div#rightColumn .select, div#rightColumn .select2
{
margin:0px 0px 0px 20px;
padding: 0px;
position: relative;
color: #FFFFFF;
background-color: #0E66FE;
border-style:solid;
border-color:#fff;
border-width:1px;
}

div#rightColumn .select2
{
margin-left:70px;
margin-top:5px;
}

div#rightColumn div.error {
position: relative;
height:1px;
padding:0px;
margin:0px;
font-family: "Times New Roman", serif;
color: red;
margin-left: 20px;
font-weight:bold;
display:none;
}

div#rightColumn .textarea
{
position: relative;
width:180px;
height:85px;
margin-left: 20px;
color: #FFFFFF;
background-image:url("../images/textbox.png");
border-style:solid;
border-color:#fff;
border-width:1px;
}

div#rightColumn .radio
{
margin:0px;
padding: 0px;
margin-left: 50px;
}

div#rightColumn .radio2
{
margin:0px;
padding: 0px;
margin-left: 20px;
}

div#rightColumn .checkbox
{
margin:0px;
padding: 0px;
margin-left: 20px;
}

div#rightColumn .button, div#rightColumn .button2, div#rightColumn .button3, div#rightColumn .button4
{
margin:0px;
color: #FFFFFF;
background-image:url("../images/button.png");
padding: 2px;
margin-left: 100px;
width:60px;
margin-top: 0px;
margin-bottom: 10px;
border-style:solid;
border-color:#fff;
border-width:1px;
}

div#rightColumn .button2
{
margin:0px;
margin-left: 20px;
margin-top: 10px;
padding: 1px;
font-size:0.7em;
width:90px;
}

div#rightColumn .button3
{
margin:0px 0px 10px 120px;
}

div#rightColumn .button4
{
margin:0px 0px 10px 120px;
width:50px;
padding: 1px;
margin-left: 20px;
}

div#rightColumn div.row, div.row2
{
position: relative;
width: 100%;
margin: 20px 0px 0px 0px;	
font-size:1.0em;
font-weight: bold;
}

div#rightColumn div.row2
{
margin: 5px;	
}

div#rightColumn div.label
{
position: relative;
float: left;
width: 80px;
}


div#rightColumn div.row select
{
width: 180px;	
}

div.advert
{
margin: 0px 5px 20px 0px;
text-align: center;
}

div.advert img
{
width: 290px;
}

div.advert a
{
text-decoration: none;
font-weight: bold;
}

table.form
{
margin-left: -5px;
}

td.form
{
font-weight: bold;
font-size: 0.8em;
}

.menu
{
margin-top: -36px;
color:#FFFFFF;
height:25px;
width:600px;
}
.menu ul
{
margin:0px;
padding:0px;
list-style:none;
text-align:left;
font-weight:bold;
}
.menu li
{
display:inline;
line-height:25px;
margin-right:-5px;
}
.menu li a
{
color:#FFFFFF;
text-decoration:none;
padding:4px 6px 4px 6px;
border-left:1px solid #ececec;
border-right:1px solid #ececec;
}
.menu li a.tabactive
{
border-left:1px solid #0E359C;
border-right:1px solid #0E359C;
background-color:#0E359C;
position:relative;
}

#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#tabcontent6
{
width:610px;
height:600px;
overflow:auto;
text-align:left;
padding:6px 0px;
font-size:1em;
margin-bottom:5px;
}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#tabcontent6 h3
{
text-align:left;
padding:6px 0px;
}

img.details
{
float:right;
padding: 0px 5px 10px 10px;
width:300px;
}

div.weather
{
text-align: center;
padding: 0px 0px 10px 30px;
}

img.feedback
{
float:right;
padding: 10px 5px 10px 10px;
width:200px;
}

p.feedback
{
padding: 10px 10px 10px 10px;
}

img.fish
{
float:left;
padding: 10px 10px 10px 0px;
width:200px;
}

p.fish
{
padding: 10px 5px 10px 10px;
}

br.left
{
clear: left;
}
br.right
{
clear: right;
}
br.both
{
clear: both;
}

div.brochure
{
padding: 10px;
text-align: center;
width: 200px;
}

div.brochure a
{
text-decoration: none;
font-weight: bold;
}

div.brochure img
{
padding: 10px;
width: 180px;
}

/* the table (within the div) that holds the date picker calendar */
.dpTable
{
width:180px;
font-family: "Time New Roman", serif;
font-size: 0.8em;
text-align: center;
color: #0B3297;
background-color: #B7D4FF;
border: 1px solid #0E66FE;
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD
{
border: 1px solid #B7D4FF;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD
{
background-color: #B7D4FF;
border: 1px solid #0E66FE;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover
{
background-color: #0E66FE;
border: 1px solid #FFF;
cursor: pointer;
color: red;
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD
{
background-color: #B7D4FF;
border: 1px solid #0E66FE;
color: #0B3297;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText
{
font-size: 12px;
color: #0B3297;
font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight
{
color: #FFFFFF;
font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton
{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
background-image:url("../images/button.png");
font-weight: bold;
padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton
{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
background-image:url("../images/button.png");
font-weight: bold;
}

.weatherzone { 
	font-family: Tahoma, Arial, Sans-Serif; 
	font-size: small; 
	font-weight: normal; 
	color: #323232; 
	background-color: #EFEFEF; 
}
.weatherzone_head { 
	font-family: Tahoma, Arial, Sans-Serif; 
	font-size: small; 
	font-weight: bold; 
	text-align: center; 
	color: #EFEFEF; 
	background-color: #4185A5; 
}