﻿a:link
{
	color: #344FA1;	
	text-decoration: none;
}

a:visited
{
	color: #344FA1;	
	text-decoration: none;
}

a:active
{
	color: #344FA1;	
	text-decoration: none;
}

a:hover
{
	color: #344FA1;	
	text-decoration: underline;
}
 
body 
{
	margin:0;
	padding:0;
}

body, input, select, textarea, td, th
{
	font-size: 11px;
	color:#333333;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}


h2
{
	font-size:22px;
	font-weight:bold;
	margin-top:0.1em;
	margin-bottom:0.5em;
	font-family:Arial,verdana;
    COLOR:#004F91;
}
h3
{
	font-size:18px;
	font-weight:bold;
	margin-top:0em;
	margin-bottom:0.5em;
}

h4
{
	font-size:14px;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0.2em;
}
h5
{
	font-size:12px;
	font-weight:bold;
	margin-top:1.4em;
	margin-bottom:0.1em;
	font-family:Arial,verdana;
    COLOR:#004F91;
    text-transform:capitalize;
}
h6
{
	font-size:12px;
	font-weight:bold;
	margin-top:0.4em;
	margin-bottom:0.1em;
	font-family:Arial,verdana;
    COLOR:#004F91;
    text-transform:capitalize;
}
img
{
	border:none;
	margin:0;
}


ol.questionnaire ul li
{
	list-style-type:none;
}

ol.questionnaire li
{
	margin-top:15px;
	margin-bottom:15px;
}

ol.questionnaire li li
{
	margin-top:0;
	margin-bottom:0;
}

p
{
	margin-top:0.8em;
	margin-bottom:0.8em;
}


.atCell
{
	padding-left:0;
	padding-right:0;
}

.antiNarrowMargin
{
	position:relative; top:-5px; right:-5px; bottom:-5px; left:-5px; z-index:1;
}

.backgroundColour1, body
{
	background-color: White;
}

.backgroundColour2
{
	background-color: Black;
}

.backgroundColour3
{
	background-color: #004F91;
}

.backgroundColour3a
{
	background-color: #61c1d1;
}

.backgroundColour4
{
	background-color: #99b378;
}

.backgroundColour4a, table.formTable
{
	background-color: #f7f2e6;
}

.backgroundColour5, .productBlock
{
	background-color:#F4F8F9;
}

.basketIcon
{
	width:19px;
	height:20px;
	vertical-align:middle;
	margin-right:5px;
}

.bodySize
{
	font-size:11px;
}

.bodyTable
{
	margin-left:-3px;
}

.border, .homeFeature
{
	border:solid 1px black;
}

.borderColour6
{
	border-color:#164884;
}

.colour1, .backgroundColour3
{
	color:White;
}

.colour3
{
	color:#004F91;
}

.colour6
{
	color:#164884;
}

.coursePrices td
{
	padding-right:10px;
	vertical-align:top;
}

.error
{
	color:Red;
}

.field
{
	width:200px;
}

td.fieldLabelCell
{
	width:135px;
}


.floatRight
{
	float:right;
}

.formWidth
{
	width:355px;
}

.formWidthWithValidation
{
	width:375px;
}

.homeFeature
{
	width:288px;
	height:200px;
}

div.indent
{
	margin-left:30px;
}

.loginField
{
	width:200px;
}

.margin
{
	margin: 10px;
}

.marginBottom
{
	margin-bottom: 10px;
}

.marginRight
{
	margin-right:10px;
}

.marginTop
{
	margin-top: 10px;
}

.minor
{
	font-size:9px;
	color:Gray;
}

.narrowMarginBottom
{
	margin-bottom: 5px;
}

.narrowMarginRight
{
	margin-right: 5px;
}

.narrowPadding
{
	padding: 5px;
}

.nowrap
{
	white-space:nowrap;
}

.numeric
{
	text-align:right;
}

/*
.productBlock
{
	width:168px;
	padding:5px;
	margin:0 5px 5px 0;
	border-style:solid;
	border-width:1px;
}
*/

div.productBlock
{
	border-top: solid 1px #164884;
	width:168px;
	padding:5px;
}

div#basketProducts div.productBlock
{
	border: solid 1px #164884;
	margin:0 5px 5px 0;
	padding-bottom:0;
}

div.productBlock p
{
	margin-top:0.4em;
	margin-bottom:0.4em;
}

.productImage
{
	width:168px;
	height:168px;
	display:block;
	float:none;
	clear:both;
}

.quantity
{
	width:25px;
	text-align:center;
}

.tabLinks a,  #footer a
{
	margin-right:30px;
}

.timeInput
{
	width:30px;
}

.vAlignTop
{
	vertical-align:top;
}

.wideField
{
	width:300px;
}

#footer
{
	width:960px;
	clear:both;
}

#footer
{
	text-align:center;
}




#search
{
	float:right;
}

#siteHeading
{
	font-family:  Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-transform:uppercase;
}

#weather
{
    font-family: Verdana,arial;
    font-size:10px;
    background-color:#F4F8F9;
    border-left: solid 1px #164884;
    border-right: solid 1px #164884;
    width:174px;
    padding:2px;
    text-transform:capitalize;
}
#news
{
    font-family: Verdana,arial;
    font-size:10px;
    background-color:#F4F8F9;
    border-left: solid 1px #164884;
    border-right: solid 1px #164884;
    width:174px;
    padding:2px;
}
#forum
{
    font-family: Verdana,arial;
    font-size:10px;
    background-color:#F4F8F9;
    border-left: solid 1px #164884;
    border-right: solid 1px #164884;
    width:174px;
    padding:2px;
    text-align:center;
}
#products
{
    font-family: Verdana,arial;
    font-size:10px;
    background-color:#F4F8F9;
    border-left: solid 1px #164884;
    border-right: solid 1px #164884;
}
#gallery
{
    font-family: Verdana,arial;
    font-size:10px;
    background-color:#F4F8F9;
    border-left: solid 1px #164884;
    border-right: solid 1px #164884;
    width:174px;
    padding:2px;
    text-transform:capitalize;
    text-align:center;
}
#galleryfooter
{
    font-family: Verdana,arial;
    font-size:11px;
    background-color:#F4F8F9;
    border-left: solid 1px #164884;
    border-right: solid 1px #164884;
    width:174px;
    padding:2px;
    text-transform:capitalize;
    text-align:center;
}

#webcams
{
    font-family: Verdana,arial;
    font-size:10px;
    background-color:#F4F8F9;
    border-left: solid 1px #164884;
    border-right: solid 1px #164884;
    width:174px;
    padding:2px;
    text-transform:capitalize;
    text-align:center;
}
#webcamsfooter
{
    font-family: Verdana,arial;
    font-size:11px;
    background-color:#F4F8F9;
    border-left: solid 1px #164884;
    border-right: solid 1px #164884;
    width:174px;
    padding:2px;
    text-transform:capitalize;
    text-align:center;
}

#reserveequipment
{
    font-family: Verdana,arial;
    font-size:10px;
    background-color:#F4F8F9;
    border-left: solid 1px #164884;
    border-right: solid 1px #164884;
    width:174px;
    padding:2px;
    text-transform:capitalize;
}
#lookingfor
{
    font-family: Verdana,arial;
    font-size:10px;
    background-color:#F4F8F9;
    border-left: solid 1px #164884;
    border-right: solid 1px #164884;
    width:174px;
    padding:2px;
/*    text-transform:capitalize;*/
}
#lagoontv
{
    font-family: Verdana,arial;
    font-size:10px;
    background-color:#F4F8F9;
    border-left: solid 1px #164884;
    border-right: solid 1px #164884;
    width:174px;
    padding:2px;
    text-transform:capitalize;
    clear:both;
    text-align:center;
}
#feedback
{
    font-family: Verdana,arial;
    font-size:10px;
    background-color:#F4F8F9;
    border-left: solid 1px #164884;
    border-right: solid 1px #164884;
    width:174px;
    padding:2px;
    text-transform:capitalize;
}



#tvTable
{
	border: solid 1px #000;
    background-color:#F4F8F9;
}
#tvTable td img
{
	margin:0;
}

td#tvLogoCell
{
	background-color:#004F91;
	padding:0;
	text-align:center;
}

td#tvCell
{
    background-color:#F4F8F9;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	width:155px;
	height:119px;
}


img#LagoonTVPhoto
{
	width:145px;
	height:109px;
}

.lookingforddl
{
    font-size:9px;
    width:165px;
}
.logintextbox
{
    font-size:10px;
}
.btn
{
    font-size:10px;
    margin-left:20px;
}
.btnright
{
    font-size:10px;
    margin-left:20px;
    float:right;
}
.mainpagepromo
{
    padding-left:4px;
    padding-right:14px;
    float:left;
}


#basketcol
{
    float:right;
    width:180px;
	margin:5px;
    overflow:hidden;
    display:inline;
}
#container
{
	width:980px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	background-color:white;
}
#menucol
{
    float:left;
	margin:5px;
    width:180px;
    overflow:hidden;
    display:inline;
}
#maincol 
{
	float:left;
	margin:5px;
	width:590px;
    overflow:hidden;
}

#widemaincol
{
	margin:5px;
	width:970px;
	clear:both;	
    overflow:hidden;
}

#headerWP
{
	width:980px;
	height:110px;
	clear:both;
	margin-bottom:5px;
	margin-top:0px;
	background-image: url('/i/71978/mainwebbanner07.gif');
	background-repeat: no-repeat;
	background-color: #004F91;
	color:White;
}

#header1
{
	width:980px;
	height:110px;
	clear:both;
	margin-bottom:5px;
	margin-top:0px;
	background-image: url(image/misc/mainwebbanner07.gif);
	background-repeat: no-repeat;
	background-color: #004F91;
	color:White;
}
#header2
{
	width:980px;
	height:110px;
	clear:both;
	margin-bottom:5px;
	margin-top:0px;
	background-image: url(image/misc/mainwebbannerscorporate07.gif);
	background-repeat: no-repeat;
	background-color: #004F91;
	color:White;
}
#header4
{
	width:980px;
	height:110px;
	clear:both;
	margin-bottom:5px;
	margin-top:0px;
	background-image: url(image/misc/mainwebbannerstaghen07.gif);
	background-repeat: no-repeat;
	background-color: #004F91;
	color:White;
}
#header8
{
	width:980px;
	height:110px;
	clear:both;
	margin-bottom:5px;
	margin-top:0px;
	background-image: url(image/misc/mainwebbannerschools07.gif);
	background-repeat: no-repeat;
	background-color: #004F91;
	color:White;
}
#header16
{
	width:980px;
	height:110px;
	clear:both;
	margin:0px;
	background-image: url(image/misc/mainwebbannermembers07.gif);
	background-repeat: no-repeat;
	background-color: #004F91;
	color:White;
	padding:0px;
}



#loginarea
{
    width:980px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	background-color:#FFFFFF;
	border-bottom: solid 1px #344FA1;
}
#weatherticker
{
    width:980px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	background-color:#ffffff;
	overflow:hidden;
}

.loginstatus A
{
    color:#000000;
}


#mainpage
{
	position:absolute;
}


.promopic
{
    margin-bottom:10px;
}
.gallerythumb
{
    margin:3px;
    float:left;
}

.gallerythumb img
{
    width:76px;
    height:76px;
}
.gallerypreviewthumb
{
    width:96px;
    text-align:center;
    font-size:10px;
}

#headerright
{
    margin-top:60px;
    margin-right:10px;
    float:right;
    color:#FFFFFF;
    text-align:right;
    padding:4px;
    line-height:19px;
}
#headerright A, #topmenuleft A, #topmenuright A
{
    color:#FFFFFF;
}

#topmenuleft A:hover, #topmenuright A:hover
{
    color:#000000;
    text-decoration:none;
}
#headerright A:hover
{
    color:#ffffff;
}
#topmenuleft A
{
    margin-right:22px;
}
#topmenuright A
{
    margin-left:20px;
}
#topmenuleft
{
    margin-left:4px;
    float:left;
    padding:0px;
    height:20px;
    padding-top:85px;
}

#topmenuright
{
    margin-top:60px;
    float:right;
    text-align:right;
    padding:4px;
}

#ViewBasket
{
	margin-top:4px;
}

.menuTabs
{
    position:relative;
    top:1px;
    left:10px;
}
.tab
{
    border: solid 1px black;
    border-bottom: solid 1px #ffffff;
    padding: 4px 8px;
    background-color: #eeeeee;
    font-size: 11px;
    color: #000000;
}
.selectedTab
{
    border: solid 1px black;
    border-bottom: solid 1px #ffffff;
    padding: 4px 8px;
    background-color: #ffffff;
}
.tabBody
{
    border: solid 1px black;
    padding: 20px;
    background-color: #ffffff;
    width:550px;
    height:auto;
    font-size: 11px;
    line-height:15px;
}
.rptthumb
{
	width:76px;
    padding:10px;
    float:left;
}
#gallerypreview
{
    background-color:#FFFFFF;
    border: solid 1px #164884;
    width:590px;
    text-transform:capitalize;
    text-align:center;
}
.details
{
    margin-bottom:20px;
}
.addfeedback
{
    width:100%;
    border: solid 1px #164884;
    padding:2px;
    background-color:#F4F8F9;
    position:relative;
    top:20px;
    left:0px;
}
.addfeedback A
{
    text-decoration:none;
}

.forumpostingdetails
{
    clear:both;
    background-color:#F4F8F9;
    border: solid 1px #164884;
    padding:4px;
    float:left;
    width:200px;
}    
.forumposting
{
    background-color:#F4F8F9;
    border: solid 1px #164884;
    padding:4px;
    float:left;
    width:500px;
}    
.forumheader
{
    background-color:#F4F8F9;
    width:95%;
    font-family: Arial, verdana, MS Sans Serif;
    font-weight:bold;
    font-size:18px;
    padding:6px;
}
.forumtable
{
    border: solid 1px #164884;
    padding:4px;
}
.forumtableheading
{
    font-weight:bold;
    font-size:12px;
}
#forumfooter
{
    width:95%;
    border: solid 1px #164884;
    padding:4px;
}
.forumpostsheader
{
    background-color: #164884;
    color: #FFFFFF;
    font-weight:bold;
    font-size:12px;
}
.forumpostingdate
{
    font-size:10px;
    border-bottom: solid 1px #c0c0c0;
}    
.forumnav
{
    margin-top:10px;
    margin-bottom:10px;
    font-size:14px;
}
.forumpostedby
{
    font-size:14px;
}
.forumhr
{
    width:99%;
    color: #c0c0c0;
}
.forumuserimage
{
    margin-top:5px;
    margin-bottom:5px;
}
.forumuserimage
{
    width:80px;
    height:80px;
}
#forumeditprofile
{
    border: solid 1px #164884;
    margin-top:20px;
    padding:4px;
    width:95%
}
#forumusernamepanel
{
    float:right;
}
.faded
{
    color:#c0c0c0;
    font-size:10px;
}






/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #F4F8F9;
padding: 5px;
left: -1000px;
border: 1px solid #164884;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 200px;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
width:320px;
}




.webcamthumb
{
    float:left;
    margin-left:8px;
    width:120px;
    height:140px;
    text-align:center;
    font-size:10px;
    cursor:pointer;
    float:left;
}
.webcamthumbimage
{
    width:120px;
    height:100px;
}
#Results
{
/*    height:160px;*/
	float:right;
	width:266px;
	margin:0;
}
#BigResults
{
    float:left;
	margin:0;
}





.questions {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

.questions fieldset {
  border-color: #164884;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

.questions fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

.questions label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}


.questions input, .questions textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.questions input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}



.questions .required{font-weight:bold;} /* uses class instead of div, more efficient */

.questions br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.padleft
{
    padding-left:2px;
}

#gallerysearch
{
    border: solid 1px #164884;
    padding: 10px;
    margin-top:20px;
    width:570px;
}

body.fckArea, div.fckArea
{
	margin:0;
	padding:0;
	border:0;
	width:590px;
	overflow:hidden;
}

body.fckArea img, div.fckArea img
{
	margin:0;
	padding:0;
	border:0;
}
