/******************************************** GENERAL STYLES **********************************************/
html {
	height:				100%;
}
body {
	width:				100%;
	height:				100%;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			76%;
	background:			#003761 url(images/bg_page.gif) repeat top left;
	color:				#FFFFFF;
	text-align:			center;
}
h1, h2, h3, h4 {
	margin:				0;
	font-size:			1em;
}
a {
	color:				#003761;
	background-color:	transparent;
	text-decoration:	none;
}
a:hover {
	color:				#ff009c;
}
img {
	border:				none;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
div {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}



/* page layout */
.page {
	width:				760px;		/* n.b. border removes 2px from this */
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#FFFFFF;
	color:				#003761;
	border:				1px solid #ff009c; 
}
.left {	float:	left;}
.right {float:	right;}
.clear { clear:	both; font-size:1px; height:1px; }
.hide { display: none; }
.top{
	width:				100%;
	height:				260px;
	clear:				both;
}
.middle{
	width:				724px;
	height:				100%;
	clear:				both;
}
.middle .left {
	width:				206px;
	height:				100%;
	margin-bottom:		1em;
}
.middle .left .content {
	width:				190px;
	height:				100%;
	margin:				0 auto 0 auto;	
	text-align:			left;
}
.middle .right {
	width:				518px;
	height:				100%;
	background:			transparent url(images/bg_main-content.gif) repeat-y 0 0;
	margin-bottom:		1em;
}
.middle .right .content {
	width:				430px;
	height:				100%;
	min-height:			400px;
	margin:				0 auto 0 auto;
	text-align:			left;
}
.bottom {
	width:				660px;
	height:				80px;
	margin:				0 auto 0 auto;
	clear:				both;
	text-align:			left;
}


/* DIFFERENT PAGE LAYOUTS */
#index .top, #news .top {
	height:				240px;
}
#index .middle, #news .middle {
	margin-left:		20px;
}
#index .middle .left, #news .middle .left {
	width:				450px;
	background:			transparent url(images/bg_main-content_home.gif) repeat-y 0 0;
}
#index .middle .left .content, #news .middle .left .content {
	width:				416px;
}
#index .middle .right, #news .middle .right {
	width:				274px;
	background:			transparent;
	text-align:			right;
}
#index .middle .right .content, #news .middle .right .content {
	width:				265px;
}
.flash #page-title {
	display:			none;
}

.kids-club .middle .right #page-title {
	margin-bottom:		1em;
}
.kids-club #body {
	padding:			0 20px 0 20px;
}
.kids-club .middle .right .content {
	background:			#0F0083 url(images/bg_bot_kids-club.gif) no-repeat bottom left;
	color:				#ffffff;
}
.kids-club #page-photos {
	padding-left:		2px;
}

#join-the-club .middle .right .left {
	width:				220px;
	height:				auto;
	padding-left:		20px;
	margin-bottom:		1em;
	background:			transparent;
}
#join-the-club .middle .right .right {
	width:				190px;
	height:				auto;
	margin-bottom:		1em;
	background:			transparent;
}
#send-an-e-card .middle .right .left {
	width:				180px;
	height:				auto;
	
	margin-bottom:		1em;
	background:			transparent;
}
#send-an-e-card .middle .right .right {
	width:				230px;
	height:				auto;
	padding-right:		20px;
	margin-bottom:		1em;
	background:			transparent;
}
#send-an-e-card #body {
	padding:			0 0 0 20px;
}
#join-the-club #body {
	padding:			0;
}


#index #flash-object {
	float:				left;
	width:				132px;
	height:				200px;
}
#index #special-offer {
	float:				left;
	width:				128px;
	height:				200px;
	background:			transparent url(images/btn_special-offers.gif) no-repeat 0 0;
}
#index #special-offer h4, #index #special-offer a {
	width:				100%;
	height:				100%;
	display:			block;
}
#index #special-offer a {
	color:				#ffffff;
	background-color:	transparent;
	text-align:			center;
}
#index #special-offer span.headline {
	padding-top:		12em;
	font-size:			11px;
	display:			block;
}
#index #special-offer span.subtext {
	font-size:			10px;
	font-weight:		normal;
	font-family:		arial;
}



.kids-club a {
	color:				#EE0392;
}
.kids-club #sub-navigation a {
	color:				#003761;
}
.kids-club #btn-join {
	width:				200px;
	height:				34px;
	margin-top:			2em;
	background:			transparent url(images/btn_join-kids-club.gif) no-repeat 0 0;
}
.kids-club #btn-choose-different {
	width:				237px;
	height:				51px;
	float:				left;
	background:			transparent url(images/btn_choose-different.gif) no-repeat 0 0;
}
.kids-club #btn-send-another {
	width:				193px;
	height:				51px;
	float:				left;
	background:			transparent url(images/btn_send-another.gif) no-repeat 0 0;
}

.kids-club #btn-do-it-again {
	float:				left;
}
.kids-club #btn-next, .kids-club #btn-send-now {
	float:				right;
}
.kids-club #btn-join a, .kids-club #btn-choose-different a, .kids-club #btn-send-another a {
	width:				100%;
	height:				100%;
	display:			block;
}
.kids-club #btn-join a span, .kids-club #btn-choose-different a span, .kids-club #btn-send-another a span {
	display:			none;
}
.kids-club #competition-result {
	border-top:			1px dotted #ffffff;
	border-bottom:		1px dotted #ffffff;
}
.kids-club #competition-result strong, .kids-club #competition-result b {
	color:				#EE0392;
}
.kids-club #competition-result p {
	margin-top:			1em;
	font-size:			1em;
	line-height:		1.4em;
}
.kids-club #join-form {
	padding-left:		20px;
}
.row {
	clear:				both;
	margin-bottom:		.5em;
}
.label {
	float:				left;
	width:				184px;
	text-align:			left;
	line-height:		1.8em;
}

.field input {
	width:				200px;
	border:				1px solid #003761;
}
.field textarea {
	width:				200px;
	height:				60px;
	border:				1px solid #003761;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}
.kids-club #success-message {
	padding:			0 20px 0 20px;
}
.kids-club #list {
	padding:			0 20px 0 20px;
}
.kids-club #grid .item {
	width:				114px;
	height:				88px;
	float:				left;
	background-repeat:	no-repeat;
	background-position:top right;
}
#grid .item a {
	width:				100%;
	height:				100%;
	display:			block;
}
#grid .item a span {
	display:			none;
}
.kids-club .postcard-details, .kids-club .postcard-preview {
	padding:			0 22px 0 21px;
	text-align:			center;
}
.kids-club .postcard-success .row {
	padding:			0 22px 0 21px;
}

#postcard-to {
	font-weight:		bold;
	color:				#ffffff;
}
#postcard-from {
	font-weight:		bold;
	color:				#ff009c;
}
#postcard-from-email {
	color:				#ffffff;
	font-weight:		normal;
}



/* content */
#skip-navigation {
	height:				0;
}
#skip-navigation a span {
	display:			none;
}
#page-title {
	height:				30px;
}
#subscribe {
	width:				100%;
	height:				20px;
	background:			transparent url(images/subscribe.gif) no-repeat 0 0;
}
#subscribe span {
	display:			none;
}
#subscribe a {
	display:			block;
	width:				100%;
	height:				100%;
	background-color:	transparent;
}
#header {
	width:				100%;
	height:				181px;
	background:			transparent url(images/bluereefaquarium.jpg) no-repeat top left;
}
#header span {
	display:			none;
}
#header h1 {
	display:			block;
	width:				100%;
	height:				100%;
}
#header a {
	display:			block;
	width:				100%;
	height:				100%;
	background-color:	transparent;
}

#controls {
	margin-top:			-20px;
	height:				20px;
	width:				100%;
	text-align:			right;
	background:			transparent url(images/bg_controls.gif) no-repeat 100% 0;
}
#controls #btn-increase {
	height:				20px;
	width:				22px;
	float:				right;
	background:			transparent url(images/btn_plus.gif) no-repeat 0 0;
}
#controls #btn-decrease {
	height:				20px;
	width:				32px;
	float:				right;
	background:			transparent url(images/btn_minus.gif) no-repeat 0 0;
}
#controls a {
	display:			block;
	width:				100%;
	height:				100%;
}
#controls a span {
	display:			none;
}



#navigation {
	width:				754px;
	height:				20px;
	margin:				0 auto 0 auto;	
	background-color:	#242853;
	color:				#33A1C5;
	line-height:		18px;
/*	font-size:			.9em; */
	font-size:			11px;
	text-align:			left;
}
#navigation a {
	background-color:	#242853;
	color:				#33A1C5;
	text-decoration:	none;
}
#navigation .clock {
	background-color:	#242853;
	color:				#FFFFFF;
	text-decoration:	none;
}
#navigation #menu-visit-newquay {
	float:				left;
	background:			transparent url(images/visit-newquay.gif) no-repeat top left;
}
#navigation #menu-visit-newquay a {
	display:			block;
	width:				125px;
	height:				20px;
	background-color:	transparent;
}
#navigation #menu-visit-newquay a span{
	display:			none;
}
#navigation #menu-visit-portsmouth {
	float:				left;
	background:			transparent url(images/visit-portsmouth.gif) no-repeat top left;
}
#navigation #menu-visit-portsmouth a {
	display:			block;
	width:				125px;
	height:				20px;
	background-color:	transparent;
}
#navigation #menu-visit-portsmouth a span{
	display:			none;
}
#navigation #menu-visit-tynemouth {
	float:				left;
	background:			transparent url(images/visit-tynemouth.gif) no-repeat top left;
}
#navigation #menu-visit-tynemouth a {
	display:			block;
	width:				125px;
	height:				20px;
	background-color:	transparent;
}
#navigation #menu-visit-tynemouth a span{
	display:			none;
}
#navigation #menu-visit-hastings {
	float:				left;
	background:			transparent url(images/visit-hastings.gif) no-repeat top left;
}
#navigation #menu-visit-hastings a {
	display:			block;
	width:				125px;
	height:				20px;
	background-color:	transparent;
}
#navigation #menu-visit-hastings a span{
	display:			none;
}

#navigation #menu-about-us {
	float:				left;
	width:				146px;
	background:			transparent url(images/about-us.gif) no-repeat top left;
}
#navigation #menu-about-us a {
	display:			block;
	width:				125px;
	height:				20px;
	background-color:	transparent;
}
#navigation #menu-about-us a span{
	display:			none;
}
#location-bar {
	display:			none;
}

#footer {
	width:				100%;
	background:			transparent url(images/bg_horizontal-line.gif) repeat-x 0 0;
	color:				#003761;
	font-size:			.9em;
}
#footer a {
	color:				#33a1c5;
	background-color:	#ffffff;
}
#footer .links {
	padding:			.5em 0 0 0;
	line-height:		1.5em;
}
#footer .copyright {
	padding:			1.5em 0 0 0;
}
#fishy-facts select {
	font-family:		Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:			.8em;
	color:				#000000;
	width:				416px;
	background-color:	#e2e2e2;
}
#fishy-facts .instruction {
	height:				14px;
	font-size:			.8em;
	color:				#666666;
	text-align:			center;
}

/* NEWS ITEMS */
.news-item {
	clear:				both;
	width:				265px;
	margin-bottom:		1.5em;
}
.title-bar {
	width:				265px;
	height:				18px;
	text-align:			left;
}
#offer .title-bar {
	background:			transparent url(images/bg_titlebar_offer.gif) no-repeat 0 0;
}
#news-from-bristol .title-bar {
	background:			transparent url(images/bg_titlebar_newquay.gif) no-repeat 0 0;
}
#news-from-hastings .title-bar {
	background:			transparent url(images/bg_titlebar_newquay.gif) no-repeat 0 0;
}
#news-from-newquay .title-bar {
	background:			transparent url(images/bg_titlebar_newquay.gif) no-repeat 0 0;
}
#news-from-portsmouth .title-bar {
	background:			transparent url(images/bg_titlebar_portsmouth.gif) no-repeat 0 0;
}
#news-from-tynemouth .title-bar {
	background:			transparent url(images/bg_titlebar_tynemouth.gif) no-repeat 0 0;
}
.title-bar a {
	width:				100%;
	height:				100%;
}
.title-bar span {
	padding:			0 2px 0 2px;
	color:				#ffffff;
	line-height:		14px;
	font-size:			.9em;
}
.photo {
	float:				left;
	width:				81px;
	background-color:	#FFFFFF;
	text-align:			left;
}
.news-content {
	float:				right;
	width:				184px;
	height:				105px;
	text-align:			left;
	background-color:	#e2e2e2;
}
.news-content .headline span {
	font-size:			.9em;
}
.news-content .date span {
	font-size:			.8em;
}
.news-content .summary p {
	font-size:			.9em;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
#news-archive select {
	font-family:		Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:			.8em;
	color:				#000000;
	width:				265px;
	background-color:	#e2e2e2;
}

#news #page-title {
	height:				18px;
}
#news .title-row {
	clear:				both;
	width:				100%;
	height:				20px;
	background:			transparent url(images/bg_horizontal-line.gif) repeat-x 0 100%;
}
#news #headline {
	float:				left;
}
#news #headline h3 {
	font-weight:		normal;
}
#news #date {
	float:				right;
}
#news #photo {
	margin:				.7em 0 0 0;
}


#links .title-row {
	clear:				both;
	width:				100%;
}
#links #page-title {
	float:				left;
}
#links #sister-link {
	float:				right;
}

.facts {
	clear:				both;
	width:				100%;
	margin-bottom:		1em;
}
#information #photo {
	float:				left;
}
#information #summary {
	float:				right;
	width:				211px;
}


#introduction {
	font-size:			1em;
	line-height:		1.4em;
	color:				#33a1c5;
}
#body {
	clear:				both;
}
#body p {
	margin-top:			0;
	font-size:			1em;
	line-height:		1.4em;
}






/* LIST */
#list .item {
	clear:				both;
	width:				100%;
	margin:				0 0 1.5em 0;
	background:			transparent url(images/bg_horizontal-line.gif) repeat-x 0 0;
}
#list .titlebar {
	width:				100%;
	height:				1.4em;
	margin:				.3em 0 .3em 0;
	background:			transparent url(images/bg_horizontal-line.gif) repeat-x 0 100%;
}
#list .item-name {
	float:				left;
}
#list .item-date {
	float:				right;
}
#list .item-name span, #list .item-date span {
	font-size:			.9em;
	font-weight:		bold;
}

#list .photo {
	float:				left;
	width:				110px;
	margin-bottom:		1.5em;
}
#list .item-text {
	float:				left;
	width:				320px;
	text-align:			left;
	margin-bottom:		1.5em;
}
#list .item-text p {
	font-size:			.9em;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}







#sub-nav-title {
	width:				100%;
	line-height:		26px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	background:			transparent url(images/bg_horizontal-line.gif) repeat-x 0 100%;
}
#sub-navigation ul {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	list-style:			none;
}
#sub-navigation ul li {
	width:				100%;
	line-height:		26px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	background:			transparent url(images/bg_horizontal-line.gif) repeat-x 0 100%;
}
#sub-navigation ul li a {
	display:			block;
	width:				100%;
	height:				100%;
}
#sub-navigation ul li a span {
	font-size:			.9em;
	font-weight:		bold;
}
#sub-navigation ul ul {
	margin:				.2em 0 .9em 0;
}
#sub-navigation ul li ul li {
	line-height:		1.6em;
	background:			transparent url(images/blt_about-us.gif) no-repeat 0 50%;
}
.newquay ul li a span {		color:	#33A1C5; }
.portsmouth ul li a span {	color:	#2384A4; }
.tynemouth ul li a span {	color:	#166D84; }

.newquay #sub-nav-title span {		color:	#33A1C5; }
.portsmouth #sub-nav-title span {	color:	#2384A4; }
.tynemouth #sub-nav-title span {	color:	#166D84; }

.newquay #sub-navigation ul li ul li { background-image: url(images/blt_newquay.gif); }
.portsmouth #sub-navigation ul li ul li { background-image: url(images/blt_portsmouth.gif); }
.tynemouth #sub-navigation ul li ul li { background-image: url(images/blt_tynemouth.gif); }

#sub-navigation ul li ul li a span {
	font-weight:		normal;
	padding:			0 0 0 1.5em;
}

#sub-navigation .closed {
	display:			none;
}
#sub-navigation li.on a span, #sub-navigation li.open a span {
	color:				#ff009c;
}
#sub-navigation li.on li a span, #sub-navigation li.open li a span {
	color:				#003761;
}
ul li a:hover span {
	color:				#ff009c;
}
#sub-navigation li.on li a:hover span, #sub-navigation li.open li a:hover span {
	color:				#ff009c;
}
#sub-navigation li li.on a span {
	color:				#ff009c;
}

#sub-nav-links {
	margin:				0 0 1em 0;
}
#sub-nav-links ul {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	list-style:			none;
}
#sub-nav-links ul li {
	width:				100%;
	line-height:		26px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	background:			transparent url(images/bg_horizontal-line.gif) repeat-x 0 100%;
}
#sub-nav-links ul li a {
	display:			block;
	width:				100%;
	height:				100%;
}
#sub-nav-links ul li a span {
	font-size:			.9em;
	font-weight:		bold;
}



#photo-wide {
	clear:				both;
	width:				100%;
	margin-bottom:		1.4em;
	text-align:			center;
}
#photo-left {
	float:				left;
	margin-bottom:		1.4em;
}
#photo-right {
	float:				right;
	margin-bottom:		1.4em;
}



/* TITLES */
#index #page-title h2 span, #newquay #page-title h2 span, #portsmouth #page-title h2 span, #tynemouth #page-title h2 span, #join-the-club h2 span, #events h2 span, #competitions h2 span {
	display:			none;
}
#index #page-title {
	width:				100%;
	height:				64px;
	background:			transparent url(images/title_home.gif) no-repeat 0 0;
}
#newquay #page-title {
	width:				100%;
	height:				46px;
	background:			transparent url(images/title_newquay.gif) no-repeat 0 0;
}
#portsmouth #page-title {
	width:				100%;
	height:				46px;
	background:			transparent url(images/title_portsmouth.gif) no-repeat 0 0;
}
#tynemouth #page-title {
	width:				100%;
	height:				46px;
	background:			transparent url(images/title_tynemouth.gif) no-repeat 0 0;
}
#join-the-club #page-title {
	background:			transparent url(images/title_join-the-club.gif) no-repeat 0 0;
}
#events #page-title {
	background:			transparent url(images/title_events.gif) no-repeat 0 0;
}
#competitions #page-title {
	background:			transparent url(images/title_competitions.gif) no-repeat 0 0;
}

.kids-club #page-title {
	width:				100%;
	height:				70px;
}



/* SITE MAP */
#page-site-map .middle {
	text-align:			left;
}
#page-site-map .middle {
	margin:				0 auto 0 auto;
}
#sitemap ul {
	list-style:			none;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
#sitemap ul ul {
	padding:			0 0 0 1em;
	width:				14.5em;
}
#sitemap ul ul ul {
	padding:			0 0 0 2em;
	width:				100%;
	height:				100%;
}
#sitemap ul li {
	float:				left;
	margin:				0 0 0 0;
	padding:			1em 0 1em 0;
	font-size:			1em;
	font-weight:		bold;
}
#sitemap ul li ul li {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	font-size:			0.9em;
	font-weight:		normal;
	float:				none;
}
#sitemap ul li ul li ul li {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	font-size:			0.9em;

}
#sitemap li#index {
	float:				none;
	text-align:			center;
	padding:			0;
}
#sitemap li#tynemouth, #sitemap li#news-from-tynemouth {
	float:				none;
}
#sitemap li#news-from-newquay, #sitemap li#news-from-portsmouth, #sitemap li#news-from-tynemouth {
/*	width:				33%; */
}

#sitemap li#index ul {
	display:			none;
}
#sitemap li#newsletters {
	display:			none;
}
#sitemap li#site-map {
	display:			none;
}


#species_text {
	width:				100%;
	background-color:	#E2E2E2;
	margin-top:			10px;
	padding:			0 .2em 0 .2em;
}
#species_text .summary {
	min-height:			3em;
}
#species_text #species_link, #species_text #next_link {
	float:				left;
	padding-right:		1em;
}
#species_text a {
	color:				#ff009c;
}
#species_photo {
	margin:				0;
}
#photo_border {
	position:			absolute;
	width:				416px;
	height:				280px;
	background:			transparent url(images/photo-border.gif) no-repeat 0 0;
}


#form .row {
	clear:				both;
	margin-bottom:		.5em;
}
#form .label {
	float:				left;
	width:				120px;
	text-align:			left;
	line-height:		1.8em;
}
#form .field input {
	width:				250px;
	border:				1px solid #003761;
}
#form textarea {
	width:				370px;
	height:				60px;
	border:				1px solid #003761;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}








/* STYLES FOR OLD CONTENT */
table {
	font-size:			1em;
}
td {
	background-color:	#FFFFFF;
	color:				#003761;
	font-size:			.9em;
}
.formfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 225px;
	border: 1px solid #003761;
}
.largeformfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 400px;
	border: 1px solid #003761;
}





/*
ASPRO Corporate Footer elements
-------------------------------
*/

#asproFooterFullWidth {
	display: block;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 260px;
	text-align: center;
	background-image: url("images/aspro/background_tile.jpg");
	background-color: #2eb0ca;
	background-repeat: repeat-x;
}

#asproFooterFullWidth hr {
	display: none;
}

#asproFooterArea {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	width: 1060px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#asproFooterArea dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#asproFooterArea dl dt {
	display: none;
}

#asproFooterArea dl dd {
	float: left;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 130px;
	height: 80px;
	font-size: 9px;
	line-height: 11px;
	text-align: center;
}

#asproFooterArea dl dd .logoText {
	display: block;
	position: absolute;
	top: 52px;
	left: 0px;
	width: 130px;
}

#asproFooterArea dl dd .logoText .attractionTitle {
	display: none;
}

#asproFooterArea dl dd a {
	color: #ffffff;
	text-decoration: none;
}
#asproFooterArea dl dd a:visited {
	color: #ffffff;
	text-decoration: none;
}
#asproFooterArea dl dd a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#asproFooterArea dl dd img {
	margin: 0px 0px 2px 0px;
}