html { background:#01203e; }
body {
	background:url('../images/bg.jpg') repeat-x #01203e;
	font-family: "Microsoft Sans Serif", "MS Sans Serif", Arial;
	font-size: 11px;
	line-height:18px;
	color: #8adbf6;}
h1 { margin-top:0; color:#fff; }
h3, h4{	margin:0;	padding:3px 0;}
h3 { color:#fff; font-size:14px; font-weight:bold; }
p{margin-bottom:1.6em;}
p+p{margin-top:-0.8em;}
table, td, th { border-color:#053D66; }
table.noBorder, table.noBorder td { border:none; }
a img { border:none; }
hr { margin:10px 0;  }
.alignRight { text-align:right; }
.alignCenter { text-align:center; }
.alignLeft { text-align:left; }
.imageRight { float:right; margin:0 0 5px 10px; }
.imageLeft { float:left; margin:0 10px 5px 0; }

#outer-container {width:944px;	margin:0 auto;}
#container {
	/*background:url('../images/containerStrokeBG.gif');*/
	background:#fff;
	padding:0 1px; 
	background-repeat:repeat-y;
	min-height:500px;}
#logoHeader {
	background: url('../images/blackHeadBack.jpg') no-repeat #000;
	height:116px;
	overflow:hidden;
	cursor: pointer}
	
#flashHolder {
	float:right;
	width:557px;
}
	
#nav {
	font-family: Verdana, "MS Sans Serif", Arial;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#000;
	background-repeat:no-repeat;
	font-weight:bold;
	width:942px;
	height:30px;
	clear:both;
	position:relative;
}

#menu {float:right;z-index:100}	
	
#topLinks{ float:left; font-size:10px; font-weight:normal; width:150px; position:relative; top:-85px; left:260px; margin:0 0 -100px 0; }
#topLinks a {display:block; color:#CCC; text-decoration:none; }
#topLinks a:hover {color: #6fceee; text-decoration:none;}

#content{
padding: 15px 15px;
background:url('../images/contentBG.jpg') repeat-x #60b7d7;
min-height:550px;
}

#leftPanels{
float:left;
line-height:17px;
}

#panelMain{float:right; width:603px;}

#panelMainContent{background:url('../images/mainPanelBG.gif');padding:10px 18px 5px 18px; float:left; width:567px; overflow:hidden;}

#panelMainContentLeft{float:left;width:280px;}

#footer-top {background:url(../images/footerTop.gif);background-repeat:no-repeat;height:10px}
#footer-bottom {background:url(../images/footerBot.gif);background-repeat:no-repeat;height:10px}


#footer{ background:#fff; padding:10px; font-size: 10px; color:#3081AC; width:926px; background:url(../images/footerBG.gif); }


#copyright{padding:8px 10px 5px 11px; color:#fff;font-size: 10px; float:left; clear:both; width:925px;}
#wsvLogo{float:right;}

#panelLeft {width:294px;float:left;margin-bottom:15px}
#panelLeftContent {background:url('../images/gettingHereBG.gif') repeat-y;padding:10px}


/*///////////// Links ////////////////*/
a.yellowLink:link {color:#f4c700; text-decoration:none;font-weight:bold;}
a.yellowLink:visited {color:#f4c700; text-decoration:none;font-weight:bold;}
a.yellowLink:hover {color:#f4c700; text-decoration:underline;font-weight:bold;}

a:link {color : #f4c700; text-decoration:none;}
a:visited {color : #f4c700;text-decoration:none;}
a:hover {color : #f4c700; text-decoration:underline;}

#footer a:link {color:#01203e; text-decoration:none;}
#footer a:visited {color:#01203e; text-decoration:none;}
#footer a:hover {color: #6fceee; text-decoration:none;}

/*///////////// Home Page Panels ////////////////*/

#panels{float:left;}
#mainPanel{background:url('../images/newMainPanelBack.gif') no-repeat;width:530px;height:130px;padding:100px 120px 10px 10px;float:right; position: relative; top:-14px; right:-8px; margin:0 0 -14px -8px; }

#visitorInfo{display: block;width: 245px;height: 100px;background: url("../images/panelVisitor.gif") no-repeat 0 0;margin-bottom:8px}
#visitorInfo:hover {background-position: 0 -100px;}
#visitorInfo span{display: none;}

#thingsToSee{display: block;width: 245px;height: 100px;background: url("../images/panelThings.gif") no-repeat 0 0;margin-bottom:8px}
#thingsToSee:hover {background-position: 0 -100px;}
#thingsToSee span{display: none;}

#education{display: block;width: 245px;height: 100px;background: url("../images/panelEducation.gif") no-repeat 0 0;margin-bottom:8px}
#education:hover {background-position: 0 -100px;}
#education span{display: none;}

#functions{display: block;width: 245px;height: 100px;background: url("../images/panelFunctions.gif") no-repeat 0 0;margin-bottom:8px}
#functions:hover {background-position: 0 -100px;}
#functions span{display: none;}

#science{display: block;width: 245px;height: 100px;background: url("../images/panelScience.gif") no-repeat 0 0;margin-bottom:8px}
#science:hover {background-position: 0 -100px;}
#science span{display: none;}

#bookPanel {
	padding-left:120px;
	padding-top:58px;
	margin:8px 0px 0px 15px;
	float:left;
	background:url("images/panel10Percent.jpg");
	width:194px;
	height:150px}
	
#new2009Panel {
	padding:0;
	margin:8px 0px 0px 15px;
	float:left;
	background:url(images/doubleHeightPanel.jpg);
	width:315px;
	height:209px;
	overflow:hidden;
}
#new2009Panel .inner { padding:6px 8px; }
	
#panelShop {
	margin:8px 0px 0px 15px;
	float:left;
	background:url(../images/panelShop.gif);
	width:208px;
	height:51px;
	padding-left:110px;
	padding-top:50px}
#panelShop:hover { cursor:pointer; }	
	
#panelNewsEvents {
	margin:8px 0px 0px 13px;
	float:left;
	background:url(images/panelNewsEvents.gif);
	width:286px;
	height:71px;
	padding-left:15px;
	padding-right:15px;
	padding-top:30px}		

#newsPanel a.hmeTellMore{
width:100%;
display:inline-block;
background:url('images/btn-tellMeMore-off.gif') no-repeat;
height:25px;
}
#newsPanel a.hmeTellMore:hover{background:url('images/btn-tellMeMore-on.gif') no-repeat;}
#newsPanel a.hmeWebcam{width:100%;display:inline-block;
background:url('images/webcam-off.gif') no-repeat;height:25px;}
#newsPanel a.hmeWebcam:hover{background:url('images/webcam-over.gif') no-repeat;}
#newsPanel img{
border:none;}
#newsPanel div{
display:inline;width:30%;float:left;margin:0 3px 0 0;}

#sharkPanel{
    background:url('../images/toSeePanel1BG.gif');
    width:167px;
    height:166px;
    margin-top:10px;
    padding:25px 10px 0 10px;
    float:left;
    }
    
#seahorsePanel{
    background:url('../images/toSeePanel2BG.gif');
    width:167px;
    height:170px;
    margin-top:10px;
    padding:25px 10px 0 10px;
    float:left;
    margin-left:2px;
    }

#turtlePanel{
    background:url('../images/toSeePanel3BG.gif');
    width:167px;
    height:179px;
    margin-top:10px;
    padding:25px 10px 0 10px;
    float:left;
    margin-left:2px;
    }
	
/* SHOP/TICKETS AREAS */
.giftShop {
	background:url('../images/shop/shopBK.gif') repeat-x #053D66 ;
	padding:20px;
	width:551px;
}
.giftShopLeft {
	background:#053D66 url('../images/shop/shopBK.gif') repeat-x;
	padding:20px;
}
.shopImg {border:1px solid #FFFFFF;float:right; clear:right;margin:8px;}
.shop input.addCart { border:none; }
.shop input[type='image'] { border:solid 1px transparent; background:none; }
.shop input[type='image']:hover { border:solid 1px #fff;  }
a.subCat {	display:block;	float:left;
	background-image:url(../images/shop/subCatBack2.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;	font-size:120%;	font-weight:bold; 
	margin:5px 15px 10px 0;	padding:25px 4px 4px 4px; height:55px;width:250px; border:solid 1px transparent; overflow:hidden;}
a.subCat:hover {color:#FFE700; border:solid 1px #FFE700; text-decoration:none; }
a.subCat img { margin: 0 10px 0 0; vertical-align:middle; float:left; position:relative; top:-21px;  }

#panelGiftAidShop {
	background:url(../images/dark-gradient.gif) repeat-x #043355;

	padding:10px 15px;
	width:263px;
	margin-top:20px;
}

/* PRODUCTS/TICKETS TABLES STYLING */
#products { clear:both; border:none; width:100%; }
#products td, #products th{ padding: 3px 10px;}
#products td { background-color:#02638E; }
#products th { background-color:#053960;font-weight:bold; }
#products tr:hover td { background-color:#004190; }
#products a img {border:solid 2px #FFFFFF;color:#FFFFFF;}

#productDetails { clear:both; border:none; width:100%; }
#productDetails td { padding: 6px 10px;background-color:#02638E; border:none;}
#productDetails tr.topback {background:url(../images/shop/product-details-header.png) no-repeat transparent;}
#productDetails tr.topback td { height:86px; overflow:hidden; padding:5px 10px; margin:0; border:none; background:transparent;}
#productDetails tr.bottomback {background:url(../images/shop/product-details-footer.png) no-repeat; background-color:transparent;}
#productDetails tr.bottomback td { padding:0 10px 15px; margin:0; border:none; background:transparent;}
img.productThumbnail { float: left; margin: 0 5px 0 0; }
a.productDetailsImage { float:right; margin: 0 0 0 5px; }
.shop input, .shop textarea {	border:1px solid #000000;	width:auto;}
input {
	background:#FFFFFF url(../images/inputBG.gif) repeat-x scroll 0 0;
	border:1px inset;
	color:#022649;
	font-family:"Microsoft Sans Serif","MS Sans Serif",Arial;
	font-size:11px;
	font-weight:normal;
	padding:2px;
	width:130px;
}
.addCart {
	background:transparent;
	border:none;
	color:#F4C700;
	font-weight:bold;
	margin:2px;
	padding:1px;
}
.basketTotal {  padding: 0 0 10px 0; }
#basketTotals {  font-size:120%; text-align:right; font-weight:bold;}
#shopFooter { text-align: right; }
#shop-categories a { display: block; padding:0 0 10px 0; }
#shop-categories a:hover { padding-left:0px; }

.shopItems {font-size:13px;font-weight:bold;list-style-type:none; margin:0; padding:5px 0 10px 0; overflow:hidden;}
.shopItems li {margin:0; padding:0 0 0 40px; height:30px; line-height:30px; background:url(../images/shop/star.gif) 0 -10px no-repeat;}

#fullWidth {
background:transparent url(../images/mainPanelBGFull.gif) repeat scroll 0 0;
padding:5px 19px;
width:872px;
}

/*///////////// things to see buttons ////////////////*/
#zone-ocean-drifters{display: block;width: 265px;height: 40px;background: url("../images/zone-ocean-drifters.png") no-repeat 0 0;margin-bottom:8px}
#zone-ocean-drifters:hover {background-position: -265px 0;}
#zone-ocean-drifters span{display: none;}

#zone2{display: block;width: 265px;height: 40px;background: url("../images/zone2.gif") no-repeat 0 0;margin-bottom:8px}
#zone2:hover {background-position: 0 -40px;}
#zone2 span{display: none;}

#zone-atlantic-ocean{display: block;width: 265px;height: 40px;background: url("../images/zone-atlantic-ocean.png") no-repeat 0 0;margin-bottom:8px}
#zone-atlantic-ocean:hover {background-position:-265px 0;}
#zone-atlantic-ocean span{display: none;}

#zone4{display: block;width: 265px;height: 40px;background: url("../images/zone4.gif") no-repeat 0 0;margin-bottom:8px}
#zone4:hover {background-position: 0 -40px;}
#zone4 span{display: none;}

#zone5{display: block;width: 265px;height: 40px;background: url("../images/zone5.gif") no-repeat 0 0;margin-bottom:8px}
#zone5:hover {background-position: 0 -40px;}
#zone5 span{display: none;}

#zone6{display: block;width: 265px;height: 40px;background: url("../images/zone6.gif") no-repeat 0 0;margin-bottom:8px}
#zone6:hover {background-position: 0 -40px;}
#zone6 span{display: none;}

#zone7{display: block;width: 265px;height: 40px;background: url("../images/zone7.gif") no-repeat 0 0;margin-bottom:8px}
#zone7:hover {background-position: 0 -40px;}
#zone7 span{display: none;}

#zone8{display: block;width: 265px;height: 40px;background: url("../images/zone8.gif") no-repeat 0 0;margin-bottom:8px}
#zone8:hover {background-position: 0 -40px;}
#zone8 span{display: none;}


.newsTitle{
color:#f4c700;font-weight:bold;
}

.spacer {clear:both}

#panelLeft {width:294px;float:left}
#panelLeftContent {background:url('../images/gettingHereBG.gif') repeat-y;padding:10px}



/*///////////// contact form ////////////////*/

#contactFormContainer {float:left;margin:10px;width:263px}
#contactFormContent {background:#053960}
#contactForm p label{float:left;width:25%}
#contactForm p {margin:0;padding:5px 10px}
#contactForm { margin-bottom:0; }
#contactForm label {width: 50px;}
#contactForm input{width:150px;}
#contactForm textarea {border:1px inset #FFBA00;width:210px;}

#contactForm input.but {
	padding:2px;
	font-family: "Microsoft Sans Serif", "MS Sans Serif", Arial;
	font-size: 10px;
	color:#f4c700;
	font-weight:bold;
	border-top:#37526f 1px solid;
	border-right:#052c41 1px solid;
	border-bottom:#052c41 1px solid;
	border-left:#37526f 1px solid;
	background:url('../images/butBG.gif');
	background-color:transparent;
	margin-left:70px
}

#panelSleepSharks{
background:url('../images/panelSleepBG.gif') no-repeat;
width:284px;
height:493px;
padding:30px 10px 0 10px;
}

#panelBook{
background:url('../images/panelBookBG.gif');
background-repeat:no-repeat;
padding:50px 60px 15px 10px;
width:224px;
height:101px;
margin-top:-5px;
}
	
#panelDisabled{
background:url('../images/panelDisBG.gif');
background-repeat:no-repeat;
padding:35px 10px 0px 10px;
width:274px;
height:300px;
margin-top:-13px
}

#panelNews{
background:url('../images/panelLatestBG.gif');
background-repeat:no-repeat;
padding:30px 10px 15px 10px;
width:274px;
height:115px;
}

#panelNews2{
background:url('../images/archNewsTitleTop.gif');
background-repeat:no-repeat;
padding:30px 10px 15px 10px;
width:274px;
height:115px;
}

#panelThingsToDo{
background:url('../images/panelThingsBG.gif');
background-repeat:no-repeat;
padding:30px 10px 15px 10px;
width:274px;
height:185px;
}

#panelPlaceToSee{
background:url('../images/panelPlacesBG.gif');
background-repeat:no-repeat;
padding:30px 10px 15px 10px;
width:274px;
height:142px;
}

#panelUsefulLinks{
background:url('../images/panelUsefulBG.gif');
background-repeat:no-repeat;
padding:30px 10px 0px 10px;
width:274px;
height:163px;
}

#panelIntMap{
background:url('../images/panelIntMapBG.gif');
background-repeat:no-repeat;
width:274px;
height:117px;
padding:30px 10px 15px 10px;
}

#panelMission{
background:url('../images/panelMissionBG.gif');
background-repeat:no-repeat;
width:274px;
height:115px;
padding:30px 10px 15px 10px;
}

#panelMission2{
background:url('../images/panelMissionBG2.gif');
background-repeat:no-repeat;
width:274px;
height:117px;
padding:30px 10px 15px 10px;
}

#panelTrain
{float:left;background:url('../images/getTrainPanelBG.gif');width:268px;height:171px;padding:30px 13px 0 13px;margin-left:15px}
   
#panelGroups
{float:left;background:url('../images/groupPanelBG.gif');width:268px;height:171px;padding:30px 13px 0 13px;margin-left:15px}

#panelGiftAid{
    background:url('../images/panelGiftAidBG2.gif');
	background-repeat:no-repeat;
    width:274px;
    height:308px;
    padding:30px 10px 15px 10px;
    }
	
#panelGiftAid2{
	background:url('../images/panelGiftAidBG3.gif');
	width:273px;
	height:257px;
	padding:40px 13px 0 13px;
}	
	
#panelBday{
   background:url('../images/panelBirthBG.gif');
   background-repeat:no-repeat;
   width:274px;
   height:227px;
   padding:35px 10px 0px 10px;
   }	

#contentOnLeft{
    float:left;margin-right:10px;width:65%;
}

#imagesOnRight{
    float:left;
}

#enqForm table, #enqForm table td, #enqForm table th { border:none; }
#enqForm table th { padding:0; }

/*////////////// google map ////////////////////*/

#map
{
   width:563px;height:380px;border:#032340 1px solid;margin-top:10px; color:#022244;
    }
    
    #googleForm
    {
        color:#011f3e;}
        
#googleForm a:link {color:#011f3e; text-decoration:none;}
#googleForm a:visited {color:#011f3e; text-decoration:none;}
#googleForm a:hover {color: #6fceee; text-decoration:none;}

/*///////////// map ////////////////*/
#mapHolder {margin:0 auto; width:910px;}
#mapHolderContent {background:url(../images/mainPanelBGFull.gif);padding:18px}

.stroke{
border:1px solid #f4c700;margin-bottom:10px;
}

.subTitle{
    background:#074872;
    padding:3px;
    padding-left:6px;
   color:#f4c700;
   font-weight:bold;
   }
   

   
   .downloadLeft{float:left;margin-top:15px;background:#0a6593;padding:8px;}

.downloadPanel{float:left;margin-left:10px;margin-top:15px;background:#0a6593;padding:8px;}

.downloadTitle{
color:#f4c700;font-weight:bold;background:#074872;margin:-10px;padding:5px 8px;border-bottom:1px solid #0d7aab;
}

.mediacentrelist {padding:5px}

#breadCrumb {padding-left:10px;height:20px;width:932px;border-bottom:1px solid #FFF;color:#FFF;background:#3194B1;}
.BCvisitor {background:#0e519b}
.BCthingsToSee {background:#e65d12}
.BCschools {background:#940f88}
.BCfunctions {background:#01b14b}
.BCscience {background:#d22d36}


div.errors { background:#9DC8E9; color:#CB092F; border:solid 2px #CB092F; padding:10px; margin:0 0 5px 0; }
div.errors p { margin:0; }
div.errors ul { margin-bottom:0; }
.no-show { display:none; }
	
/*////////////// jquery popup ////////////////////*/
.giftaid-popup {
	background-color:#22517E;
	border:2px solid #022649;
	padding:10px 120px 10px 10px;
	width:230px;
	text-align:center;
}
.giftaid-popup h2 { margin-top:0; padding-top:0; }
.giftaid-popup img { float: right; position:relative; right:-120px; margin: 0 0 0 -110px; }
.giftaid-popup form { display: block; float:none; }
.giftaid-popup a { display:inline-block; width:50px; padding:0 0; border:solid 1px #00264F; color:#FFA626; font-weight:bold; background:#053D66; background-image:none; margin:0 5px 0 0;  }
.giftaid-popup a:hover { background-color:#00264F; }
.giftaid-popup a { font-size:14px; }
.giftaid-popup a.small { font-size:10px; }
.giftaid-popup a.large { font-size:16px; }

	
/* Overlay */
#modalBackground {background-color:#022649;}
.curved, #panelGiftAidShop  { -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }