/*globals*/
body {
	margin: 0px;
	/*background: #003782 url(../images/bgtile.jpg) repeat-y center center;*/
	background: #0067c0 url(../images/bgtile.jpg) repeat-y center center;
	font-family: Helvetica, Verdana, sans-serif;
	}
p {
	font-family: Helvetica, Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	line-height: 15px;
}
#homeContainer {
	position: absolute; 
	top: 0px; 
	bottom: 0px; 
	z-index: 2; 
	left: -750px; 
	margin-left: 50%; 
	overflow: hidden; 
	/*background: #0066bf url(../images/bg2.jpg) no-repeat 0px 0px;*/
	background: #0066bf;
}
#content img {
	border: 1px solid white;
	margin: 15px; 
}
div#headerBg {
	/*position: absolute; */
	/*top: 0px;  */
	/*left: 50%;  */
	/*width: 1500px; */
	/*height: 340px;  */
	/*margin-left: -750px;  */
	/*z-index: 2;  */
	/*overflow: hidden;  */
	/*background: url(../images/bgtop.jpg) no-repeat top center;*/
	background: url(../images/bgtop.jpg) no-repeat top center;
}
div#sunlight {
	/*margin-left: 240px;*/
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -508px;
	z-index: -9;
}
body.home div#mainWrapper {/*turns bottom bg image off for home page*/
	background: none;
}
div#mainWrapper {
	position: relative; 
	z-index:4; 
	background: url(../images/btmbg.jpg) no-repeat bottom center;
	padding: 20px 0px 0px 0px;
}
hr {
	background: #1E4B62;
	}
td#sectionTitle h1 {
	font-size: 21px;
	line-height: 21px;
	color: white;
	font-weight:normal;
	margin: 0px 0px 3px 12px;
	padding: 0px;
}
td#pageTitle h2 {
	font-size: 15px;
	line-height: 15px;
	color: white;
	font-weight:normal;
	margin: 0px 0px 6px 22px;
	padding: 0px;
}
/*Sub Nav Styles*/
a.subNavLink {
	width: 210px;
	height: 11px;
	border-bottom: 1px solid #005c8b;
	display: block;
	font-size: 11px;
	color: white;
	text-decoration: none;
	padding: 6px;
	line-height: 14px;
}
a.subNavLink:hover {
	background: #2b7196;
}
table.subNavTable {
	border-top: 1px solid #005c8b;
	margin: 14px 0px;
}
/* BEGIN NAVIGATION */ 
#nav_home {
	/*width: 767px;*/
	}
#nav_home, #nav_home ul { /* all lists */
	display: block;
	/*height: 24px;*/
	padding: 0;
	margin: 0px 0px 0px 0px;
	list-style: none;
	/*line-height: 1;*/
	z-index: 3;
	}
#nav_home a {
	cursor: default;
	display: block;
	font: normal 11px verdana;
	letter-spacing: 0px;
	/*height: 25px;*/
	line-height: 25px;
	text-align: center;
	/*text-indent: 14px;*/
	text-decoration: none;
	padding: 0px 8px 0px 7px;
	color: white;
	}
#aboutUs_li a {
	padding-right: 9px;
	padding-left: 9px;
}

#nav_home li { /* all list items */
	display: block;
	float: left;
	/*width: 146px;*/  /* width needed or else Opera goes nuts */
	border: none;
	margin: 0px 0px 0px 0px; /*for border set -1px on left*/
	}
#nav_home li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because {display: none} isn't read by screen readers */
	margin: 0px 0px 0px 0px;
	border: 1px solid white;
	}
#nav_home li ul a { /* second-level lists */
	font: normal 9pt verdana !important;
	font: normal 9.5pt verdana;/*ie style sent*/
	letter-spacing: 0px;
	color: #474747;
	border-top: 1px solid #133950;
	padding: 3px 0px 3px 0px;
	background: #e9e9e9;
	line-height: 12pt;
	border: 0px;
	border-top: 1px solid #cccccc;
	}
#nav_home li ul.style1 a:hover { /* second-level lists */
	background: white;
	color: #0092b1;
	border: 0px;
	text-decoration: none;
	line-height: 12pt;
	padding: 3px 0px 3px 0px;
	border-top: 1px solid #cccccc;
	}
#nav_home li ul.style1 a:visited {
}
#nav_home li ul.style1 li { /* second-level list items */
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	}
#nav_home ul {
	margin-top: -1px !important;
	margin-left: -1px !important;
	border: 2px solid white !important;
	border-top: none !important;
}
/*#nav_home li:hover ul, */
#nav_home li.sfhover ul {  /* lists nested under hovered list items */
	left: auto;
	}
/* Plan a Visit nav width */
#planAVisit_li ul.style1 li a, #planAVisit_li ul.style1 {
	width: 128px !important;
	}
/* About Us nav width */
#aboutUs_li ul.style1 li a, #aboutUs_li ul.style1 {
	width: 128px !important;
	}
/* Parties nav width */
#parties_li ul.style1 li a, #parties_li ul.style1 {
	width: 140px !important;
	}
/* Parties nav width */
#education_li ul.style1 li a, #education_li ul.style1 {
	width: 140px !important;
	}
/* Support width */
#support_li ul.style1 li a, #support_li ul.style1 {
	width: 160px !important;
	}
#contact_li a {/*fix for ie*/
	padding: 0px;
	margin: 0px;
	width: 70px;
}
/* End Navigation */


/* Main Nav current links */
body.home #home_li a.mainLink, body.planAVisit #planAVisit_li a.mainLink, body.aboutUs #aboutUs_li a.mainLink, body.parties #parties_li a.mainLink, body.education #education_li a.mainLink, body.support #support_li a.mainLink, body.contact #contact_li a.mainLink, body.WhoaCoolDesktopWallpapers #WhoaCoolDesktopWallpapers_li a.mainLink, body.whoaCool #whoaCool_li a.mainLink, body.WhoaCoolVideos #WhoaCoolVideos_li a.mainLink, body.WhoaCoolBioBlogs #WhoaCoolBioBlogs_li a.mainLink {
	background: url(../images/currentMainBg.gif) repeat-x top left;
}
body.home #home_li a.mainLink:hover, body.planAVisit #planAVisit_li a.mainLink:hover, body.aboutUs #aboutUs_li a.mainLink:hover, body.parties #parties_li a.mainLink:hover, body.education #education_li a.mainLink:hover, body.support #support_li a.mainLink:hover, body.contact #contact_li a.mainLink:hover, body.WhoaCoolDesktopWallpapers #WhoaCoolDesktopWallpapers_li a.mainLink:hover, body.whoaCool #whoaCool_li a.mainLink:hover, body.WhoaCoolVideos #WhoaCoolVideos_li a.mainLink:hover, body.WhoaCoolBioBlogs #WhoaCoolBioBlogs_li a.mainLink:hover {
	z-index: -30;
	background: none;
}
/* Sub Nav Current Links */
body.hours a.hoursLink, body.admission a.admissionLink, body.events a.eventsLink, body.schoolsAndGroups a.schoolsAndGroupsLink, body.foodAndGifts a.foodAndGiftsLink, body.feedingAndDiving a.feedingAndDivingLink, body.directions a.directionsLink, body.ourMission a.ourMissionLink, body.contact a.contactLink, body.exhibits a.exhibitsLink, body.museum a.museumLink, body.odwc a.odwcLink, body.news a.newsLink, body.newsletter a.newsletterLink, body.jobs a.jobsLink, body.birthday a.birthdayLink, body.corporateEvents a.corporateEventsLink, body.proms a.promsLink, body.weddingsAndReceptions a.weddingsAndReceptionsLink, body.eventSpace a.eventSpaceLink, body.meetingSpace a.meetingSpaceLink, body.picnics a.picnicsLink, body.boxLunches a.boxLunchesLink, body.tickets a.ticketsLink, body.donations a.donationsLink, body.sponsorships a.sponsorshipsLink, body.membership a.membershipLink, body.volunteers a.volunteersLink, body.conservation a.conservationLink, body.adoptAFish a.adoptAFishLink, body.education a.educationLink, body.internships a.internshipsLink, body.fieldtrips a.fieldtripsLink, body.seacamps a.seacampsLink, body.homeschool a.homeschoolLink, body.scoutdays a.scoutdaysLink, body.sleepwithsharks a.sleepwithsharksLink, body.fishfriends a.fishfriendsLink, body.WhoaCoolDesktopWallpapers a.WhoaCoolDesktopWallpapersLink, body.whoaCool a.whoaCoolLink, body.WhoaCoolVideos a.WhoaCoolVideosLink, body.WhoaCoolBioBlogs a.WhoaCoolBioBlogsLink {
	background: #3998c9;
}
/*design*/
td#pageTitle {
	background: url(../images/pageTitle.gif) repeat-x top left;
	}
td#sectionTitle {
	background: url(../images/sectionTitle.gif) repeat-x bottom left;
	border-right: 1px solid white;
	/*padding-top: 1px; fixes firefox mac*/
	}

td#subNav {
	background: #1E4B62 url(../images/subNav.gif) repeat-y top left;
	border-bottom: 1px solid #1E4B62;
	border-right: 1px solid white;
	}
td#content {
	background: #245A75 url(../images/content.gif) repeat-y top right;
	border-bottom: 1px solid #1E4B62;
	padding: 20px 0px 14px 0px;
	color: white;
	font-size: 12px;
	font-family: Helvetica, Verdana, sans-serif;
	line-height: 15px;
	}
td#content .contentPad {
	margin: 0px 22px;
	width:478px;
	overflow:hidden;
	}
td#infoLine {
	background:  url(../images/infoLine.gif) repeat-x top left;
	}
td#mainNav {
	background: url(../images/mainNav.gif) repeat-x;
	}
#infoLine {
	color: white;
	font-size: 11px;
	font-family: Helvetica, Verdana, sans-serif;
	line-height: 11px;
	/*padding-top: 3px; fixes firefox mac*/
}

/*homePage Styles*/
.boxTopTile {
	background: #768b95 url(../images/boxTopTile.gif) repeat-x top left;
}
.boxImgBg {
	background: #768b95 url(../images/boxImgBg.gif) repeat-x top left;
}
.boxImgBg img {
	border: 1px solid #174762;
	margin: 0px 0px 0px 0px;
}
.boxArrow {
	background: #768b95 url(../images/boxArrow.gif) no-repeat top left;
}
.boxBtmTile {
	background: #768b95 url(../images/boxBtmTile.gif) repeat-x bottom left;
	font-size: 10px;
	color:#FFFFFF;
	line-height: 11px;
}
.boxBtmTile div {
 	overflow: hidden;
	height: 33px;
	width: 143px;
	}
.boxTitle {
	background: #768b95;
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bold;
	}
/*span.homeBoxTitleBg {makes blue shadow on home page titles
	background: url(../images/boxTitleBg.gif) repeat-x center center;
	}*/
.boxTitle div {
	width: 132px;
	height: 12px;
	overflow: hidden;
	}
.smlFeatTopTile {
	background: #174762 url(../images/smlFeatTopTile.gif) repeat-x top left;
	font-size: 12px;
	color:#FFFFFF;
}
.smlFeatTopTile div {
	width: 217px;
	height: 12px;
	overflow: hidden;
}
.smlFeatBtmTile {
	background: #768b95 url(../images/boxBtmTile.gif) repeat-x bottom left;
	font-size: 10px;
	color:#FFFFFF;
	line-height: 11px;
}
.smlFeatBtmTile div {
	height: 22px;
	width: 217px;
	overflow: hidden;
	padding-top: 8px;
}

/*CursorStyle*/
.cursor {	
	cursor: pointer;
}
/*styles for content*/
#content a:link, #content a:active, #content a:visited {
	color: #ffd908;
	text-decoration: underline;
}
#content a:hover {
	color: #fff600;
	text-decoration: underline;
}
/*home hi res styles */
#homeHiResBg {
	background-position: 10px 10px;
	background-repeat: no-repeat;
}
#bannerBg {
	background-position: 10px 3px;
	background-repeat: no-repeat;
}
/*hide code when editing in contribute */
.hideIfContribute { 
	display: none; 
}

#content td, #content th {
	/*border:0px solid #66d4f9;*/
}

#content table {
	border-collapse:collapse;
}

/*Social bar style */

#socialbar {
	background:url('/images/socialbar.png');
	right:0;
	padding:12px 0px 15px 11px;
	margin:0;
	text-align:left;
	position:fixed;
	top:150px;
	width:41px;
	height:165px;
	z-index:5;
}


#socialbar img {
	width:32px;
	height:32px;
	margin:5px;
	border:0;
	padding:0;
}

.socialbar-hint {
	right:60px;
	position:fixed;
	z-index:5;
	top:150px;
	width:260px;
	overflow:hidden;
	padding:0;
	margin:0;
	display:none;
	color:white;
	font-family:Helvetica,Verdana,sans-serif;
	font-size:12px;
}

.social-text {
	margin:0;
	padding:10px;
	text-align:left;
	width:223px;
	background:#3998c9;
	border:1px solid #fff;
	line-height:14pt;
}

.social-arrow {
	float:right;
	width:7px;
	height:13px;
	margin:14px 0 0 0;
	padding:0;
	background:url('/images/socialarrow.gif');
}
