/* ------------------------------
   project: Oceanarium CSS
   date: 03/03/2008
   ------------------------------
*/

/* ------------------------------ set defaults ------------------------------- */

* {
	margin:0; 
	padding:0
}

body {
	margin:0; 
	padding:0; 
	font:62.5%/1.3 Tahoma Arial, Helvetica, sans-serif; 
	color:#000; 
	text-align:center; 
	background:url(images/seafloor_background.jpg) bottom left no-repeat #00C8FC;
	overflow-x:hidden;  /*KLUDGE: Overflow Fix for Good Browsers */
}

 html {overflow-x:hidden;} /*KLUDGE: Overflow Fix for IE/Win */

a, a img { 
	border:none; 
	outline:0; 
	color:navy;
	text-decoration:underline
}

a:hover {text-decoration:none}

/* ------------------------------  layout  ------------------------------- */

div#container {
	width:1165px; 
	text-align:left; 
	margin:0 auto;
	background:url(images/general.jpg) top left no-repeat;
}

div#wrapper {
	width:765px; 
	float:left; 
	display:inline; 
	text-align:left;
	background:url(images/wrapper_bg.jpg) top left no-repeat;
	position:relative;
}

div#main_content {
	background:#fff;
}

div#leftCol {
	float:left; 
	width:526px; 
	display:inline; 
	min-height:350px;
	height:auto;
}

div#centerCol {
	float:left; 
	width:263px; 
	display:inline; 
	min-height:350px;
	height:auto;
}

div#rightCol {
	float:left; 
	width:225px;
	display:inline; 
	min-height:350px;
	height:auto;
}

* html div#leftCol, * html div#rightCol {
	height:350px; /* KLUDGE: IE 6/Win Fix */
} 

div#genericLeftCol {
	float:left; 
	width:165px; 
	display:inline
}

div#genericRightCol {
	float:left; 
	width:600px; 
	display:inline;  
	padding-bottom:30px
}

* html div#genericRightCol {width:570px}

div#footer {
	clear:both;
	background:url(images/footer_bg.png) bottom left no-repeat #fff;
}

div#footer p {
	text-align:center; 
	font-size:1.1em;
}


div#rightFlash, div#leftFlash {
	float:left; 
	display:inline;
}

div#footerFlash {
	clear:both;
	width:1165px; 
}

div#additional-bumpf {
	clear:both; 
	margin:0 auto; 
	width:765px; 
	padding:1em 0; 
	text-align:center; 
	color:#fff
}

.clear {clear:both;}

div#flashcontent5, div#flashcontent6, div#flashcontent7 {margin:1em}

/* ------------------------------  main menu  ------------------------------- */

div#main-menu {
	background:url(images/menu_bg.jpg) top left no-repeat #fff; 
	height:50px
}

div#main-menu ul {
	margin:0; 
	padding:0; 
	list-style:none;
}

div#main-menu li {
	float:left; 
	padding-left:1.5em
}

div#main-menu li a {
	color:#333; 
	margin-top:1.2em
}

div#main-menu li a:hover {
	color:#666;
}

/* ------------------------------  typography  ------------------------------- */

p, pre {
	padding:1em 1.5em; 
	font-size:1.1em
}

h1 {
	font-family:"Tahoma"; 
	font-weight:normal; 
	font-size:2em; 
	padding:0.7em; 
	color:#3084AA;
	text-transform:uppercase;
}

h2 {
	font-family:"Tahoma"; 
	font-weight:normal; 
	font-size:2.0em; 
	padding:0.8em 0.8em 0 0.8em; 
	color:#000;
	text-transform:uppercase;
}

h3 {
	font-family:"Tahoma"; 
	font-weight:normal; 
	font-size:1.3em; 
	padding:0.8em 0.8em 0 0.8em; 
	color:#3084AA;
	text-transform:uppercase;
}

acronym {
	border-bottom:1px dotted navy
}

ul {
	margin:1em; 
	padding:1em 5em; /*list-style-image:url(images/li_bg.jpg)*/
}

ol {
	padding:1em 5em; 
	margin:1em
}

li {
	font-size:1.1em;
	padding-bottom:1em;
}

div#flashcontent p, div#flashcontent2 p, div#flashcontent3 p, div#flashcontent4 p, 
div#flashcontent5 p, div#flashcontent6 p, div#flashcontent7 p, div#news_flash p {
	background-color:#eee; 
	border:2px solid #ddd; 
	font-size:1.2em;
}

div#additional-bumpf a {color:#fff;}

/* ------------------------------  table  ------------------------------- */

caption {font-weight:bold; text-align:left}

table span {font-weight:normal; font-size:0.9em}

table {
	border-collapse:collapse;
	margin:10px 15px;
	font-size:1.1em;
	border:1px solid #AEE7F9;
}

th {
	background:url(images/table_bg.jpg) top left repeat-x #fff;
	color:#333;
	font-weight:bold;
	padding:0.5em;
	vertical-align:top;
	text-align:left;
}

td {
	padding:0.5em;
	vertical-align:top;
	border:1px solid #AEE7F9;
	font-weight:normal;
	text-align:left;
}

.tddarker {
	background-color:#D0F0FB;
}

/* ---------- Forms ---------- */


fieldset {
	margin:1em;
	padding:1em;
	border: 1px solid #ccc;
	background: #f8f8f8;
	width:300px;
}

legend {
	font-size:1.2em;
	padding-bottom:20px;
}

label {
	clear:left;
	float:left;
	display:block;
	width:10em;
	font-weight:bold;
}

input, select, textarea {
	width:150px;
	font-size:1.1em;
}

.submit_btn {width:76px; height:25px; /*margin-left:12.5em;*/}

.radio {float:left; display:inline;}

.form_smallprint {clear:both; font-size:1.1em;}

/* ------------------------------  homepage panels  ------------------------------- */

div#news_ticker {margin:13px 0 5px 20px; width:500px; height:30px;}
div#homepage_boxes {margin-left:15px;}
.panelBox {position:relative; float:left; width:255px; height:160px; background: #fff; display:inline;}

.left_top_bg {background:url(images/home_buyonline_02.jpg) top left no-repeat}
.left_centre_bg {background:url(images/homepage_meltdown.jpg) top left no-repeat}
.left_bottom_bg {background:url(images/homepage_razor_new2.jpg) top left no-repeat}

.centre_top_bg {background:url(images/homepage_annual_pass_02.jpg) top left no-repeat}
.centre_centre_bg {background:url(images/homepage_school_groups2.jpg) top left no-repeat}
.centre_bottom_bg {background:url(images/homepage_dining.jpg) top left no-repeat}

.awards {position:relative;background:url(images/homepage_awards.jpg) top left no-repeat; height:144px; width:496px; margin:0.5em;}
.centre_2_bg {background:url(images/global_meltdown.jpg) top left no-repeat}


.interact_games_bg {background:url(images/interact_games.jpg) top left no-repeat}
.interact_wallpapers_bg {background:url(images/interact_wallpaper.jpg) top left no-repeat}
.interact_photos_bg {background:url(images/interact_photos.jpg) top left no-repeat}
.interact_videos_bg {background:url(images/interact_videos.jpg) top left no-repeat}
.interact_webcam_bg {background:url(images/interact_webcam.jpg) top left no-repeat}
.interact_expert_bg {background:url(images/interact_expert.jpg) top left no-repeat}
.interact_survey_bg {background:url(images/interact_survey.jpg) top left no-repeat}
.interact_letter_bg {background:url(images/interact_letter.jpg) top left no-repeat}

div#special_offers {
	position:relative;
	height:148px;
	width:215px;
	background:url(images/homepage_bottom_right2.jpg) top left no-repeat;
	display:block;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:0px;
}
div#get_involved_r {
	position:relative;
	height:75px;
	width:215px;
	background:url(images/home_getinvolved2.jpg) top left no-repeat;
	display:block;
	margin-left:10px;
	margin-top:1px;
	margin-bottom:0px;
	margin-right: 0px;
}

/* --- box button --- */

.awards_btn, .awards_btn:active {
	position:absolute;
	top:5px;
	right:7px;
	display:block;
	width:100px;
	height:33px;
	line-height:33px;
	background:url(images/button_awards.jpg) no-repeat top left;
	text-indent:10px;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	margin:0.5em;
}

.awards_btn:hover {
	background-position:top right;
	text-decoration:none
}

.book_now, .book_now:active {
	position:absolute;
	left:10px;
	display:block;
	width:100px;
	height:25px;
	top:120px;
	line-height:25px;
	background:url(images/button_book_now2.gif) no-repeat top left;
	text-indent:10px;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	background-image: url(images/button_book_now2.gif);
}

.book_now:hover {
	background-position:top right;
	text-decoration:none
}

.teacher_resources, .teacher_resources:active {
	position:absolute;
	bottom:15px;
	left:10px;
	display:block; 
	width:141px; 
	height:40px; 
	line-height:38px; 
	background:url(images/button_teacher_resources.jpg) no-repeat top left; 
    text-indent:10px; 
	color:#fff; 
	font-size:1.2em; 
	font-weight:bold; 
	text-decoration:none; 
	margin:0 0.5em; 
}

.teacher_resources:hover {
	background-position:top right;
	text-decoration:none
}

/* ---------- Explore The Oceanarium ---------- */

div.explore_an_area {background:#f8f8f8; margin-left:15px;border-bottom:1px solid #ddd; border-top:1px solid #ddd}
div.explore_an_area_1 {background:#fff;margin-left:15px}

div.explore_an_area img, div.explore_an_area_1 img {float:left; display:inline; margin:10px}
div.explore_an_area p, div.explore_an_area_1 p {}

/* ---------- Downloadable Wallpapers ---------- */

.imagePositionLeft {margin:10px 15px}
.imgLeftGenericLeftCol {margin:10px 15px}
.imagePositionRight {float:right; margin:10px; display:inline}
.imagePositionStayWhile {float:right; margin:10px 35px 10px 10px; display:inline}

.panelBoxBuyNow {margin-left:10px; float:none; display:block;}

.imagePositionExplore {float:right; margin:10px 20px 10px 10px; display:inline;}

div#ocenarium_wallpapers, div#photos, div#postcards {margin-left:15px;}

div#wallpaper_item {margin:1em; float:left; width:130px; display:inline;}
div#wallpaper_item img {margin:0; padding:0;}
div#wallpaper_item p {background:url(images/wallpaper_choice_bg.jpg) bottom left no-repeat #fff; line-height:20px; height:20px;}
div#wallpaper_item a {color:navy;}

div#teacher_resources {position:relative; background:url(images/teacher_resources.jpg) top left no-repeat #000; height:160px; width:400px; margin:10px}
div#teacher_resources2 {position:relative; background:url(images/teacher_resources_2.jpg) top left no-repeat #000; height:160px; width:400px; margin:10px}

.photo, .postcard {margin:1em; float:left; width:130px; display:inline;}
.photo img, .postcard img {margin:0; padding:0; border:1px solid #ddd;}

/* ---------- Buy online ---------- */

.buyFamilyTickets {
	float:left; 
	display:inline; 
	margin:1em 1.5em; 
	position:relative; 
	height:150px; 
	width:200px
}

.hidden {display:none}

#digg {background:url(images/link_digg.gif) top left no-repeat; padding-left:20px; padding-right:10px; height:16px; font-size:1.1em;}
#delicious {background:url(images/link_delicious.gif) top left no-repeat; padding-left:20px;padding-right:10px; height:16px;font-size:1.1em;}
#reddit {background:url(images/link_reddit.gif) top left no-repeat; padding-left:20px;padding-right:10px; height:16px;font-size:1.1em;}
#facebook {background:url(images/link_facebook.gif) top left no-repeat; padding-left:20px;padding-right:10px; height:16px;font-size:1.1em;}
#print {background:url(images/link_print.gif) top left no-repeat; padding-left:20px;padding-right:10px; height:16px;font-size:1.1em;}


#video {list-style-image:url(images/link_video.jpg);}
#video li a {padding-left:5px;}

.creature_scientific_name {color:#3084AA; font-style:italic; font-weight:normal;}

div#normal_news {background-color:#EBF6E8;border:1px solid #CDE7C2; padding:10px;margin:10px 0 10px 10px;}
* html div#normal_news{width:500px}
div#normal_news h2{text-transform:none; padding-left:18px; font-size:1.2em}
div#normal_news h3{text-transform:none; padding-left:18px; font-size:1.1em}
div#normal_news a{color:#3084AA;}

div.show_award {background-color:#f8f8f8; border:1px solid #eee; margin:1em;}
div.show_award h2{text-transform:none; padding-left:10px; font-size:1.2em; font-weight:bold; color:#3084AA}
div.show_award img {float:left; display:inline; margin:1em; border:1px solid #eee;}
div.show_award a{color:#3084AA;}

.send_postcard_button {
float:left; 
display:inline; 
margin:1em 0.5em;
text-align:center; 
color:#fff; 
display:block; 
width:80px; 
height:36px; 
line-height:36px; 
background:url(images/wallpaper_fieldset_button.jpg) top left no-repeat; 
padding:0; 
border:0;
cursor:pointer;
}

div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 9px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

div#paging {
	background-color:#f8f8f8;
	margin:0.5em 1.5em;
	width:570px;
}

* html div#paging {width:550px}

/* new table classes */

.tablecolumns {background-color:#FBFAE8; font-weight:bold;}
.expert_title {margin-left:1.5em}
.searchBox {width:290px}

h5 {font-size:1.5em; color:#3084AA; padding:1.2em; margin:1.2em; border-top:1px dashed #3084AA; border-bottom:1px dashed #3084AA}
.paging {background-color:#D1F2FB;}
.offers {clear:both;padding-left:110px;}
.ask_expert_submit {width:75px; padding:0.1em; background-color:#FBFAE8; border:1px solid #999;}

#ask_expert_bullets {list-style-image:url(images/li_bg.jpg)}

.survey_radio {width:30px;}
.expert_msg {font-weight:bold; font-size:1.2em; border:1px solid  #FFD700; background:#ffc; padding:0.5em; margin:1.5em;}

/* --- NEW CSS --- */

/* --- Special Offers Containers --- */

div.step {
	margin:0.5em 1em; 
	border:1px dashed #ccc;
}

div.step img {
	float:left; 
	margin:0.5em; 
	display:inline;
}

div.step a {
	font-size:1.2em
}

.important {color:red}

#letterPark {width:500px;}
#letterPark label {width:18em}
#letterPark textarea {width:250px}

a.alternative-for-flash {
	background:url(images/save-up-to-30-percent-online.jpg);
	display:block;
	height:149px;
	text-indent:-9000px;
	width:250px;
}
a.alternative-for-flash.tall {
	background:url(images/save-up-to-30-percent-online-tall.jpg) top left;
	height:200px;
	margin:0px;
	padding:0px;
	width:150px;
}
p.flash-ad-2 {
	background:red;
	margin:0px;
	padding:0px;
}