html { margin: 0; padding: 0; }
body { width: 100%; margin: 0; padding: 0; font-family: /*helvetica,*/arial,verdana,sans-serif; font-size: 80%; text-align: left; background: #9ED053 url(/images/bg-page-tile.jpg) repeat-x; }
h1,h2,h3,h4,h5,h6 { color: #066; font-family: Georgia,Times,serif; font-weight: bold; margin: 0; padding: 0; line-height: 1.0em;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 { color: #43baba !important; }
h1 {font-size: 2.2em; }
h2 {font-size: 1.8em; padding-top: 5px; }
h3 {font-size: 1.13em; padding-bottom: 10px; }
h4 {font-size: 0.95em; }
h5 {font-size: 1em; }
h6 {font-size: 0.85em;}
p {margin: 0.33em 0 1em 0; }
a { color: #066; text-decoration: none; font-weight: bold; }
a:hover { color: #43baba !important; }
a.more { font-weight: bold; margin: 5px; text-decoration: none; }
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
form { margin: 0; padding: 0; }
hr { clear: both; border: 0; width: 100%; color: #fff; background-color: #fff; height: 1px; margin: 4px 0; padding: 0; border-bottom: 1px #c0c9ac dotted; }
ol { list-style-type: decimal; }
/*background: url(/images/bg-page-sub-tile.png) 0 0 repeat-y !important; */
#main { width: 1100px; position: relative; margin: 0 auto; text-align: left; }
	#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.home { padding: 0; background: transparent url(/images/bg-page.png) 0 0 no-repeat; }
.subpage { padding: 0; background: transparent url(/images/bg-page-sub.png) 0 0 no-repeat; }
#header { height: 71px; margin-left: 11px; padding-top: 5px; }
#subheader { float: left; position: relative; z-index: 1; margin: 9px 0 0 15px; width: 737px; height: 99px; }
#content { width: 737px; float: left; position: relative; z-index: 1; margin: 0 0 0 9px; padding: 2px 0 0 6px; }
.subpage #content { height: auto; }
#sidebar { width: 180px; float: left; position: relative; z-index: 1; left: 17px; top: -5px; }
.subpage #sidebar { top: -114px; }

#footer-animal { position: relative; left: 10px; bottom: 0; }

.noborder { border: none !important; }
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; } 

#bg-page-top,
#bg-page-bottom,
#bg-page-sub { position: absolute; z-index: 0; }
#bg-page-top,
#bg-page-sub { top: 50px; }
#bg-page-bottom { top: 387px; }
#bg-page-sub { height: auto; }
/* overflow hidden required to stop page from growing as far as the page bg wants it to. */
#background-holder { overflow: hidden !important; position: relative; } 

/* HEADER */
#logo { float: left; position: relative; z-index: 10; }
#flash { margin: 7px 0 1px 0; height: 255px;}
#quicklinks { position: relative; z-index: 10; left: 300px; }
#quicklinks li { float: left; font-weight: bold; font-family: Futura,arial,verdana,sans-serif; font-size: 1.0em; padding: 0 10px 0 5px; background: transparent url(/images/bullet-quicklinks.gif) no-repeat; background-position: 100% 4px; }
#quicklinks li a { font-weight: bold; }
#quicklinks li.last { background: none; }
#subheader img#header-image { position: relative; z-index: 1; top: -81px; width: 744px; height: 181px; }
#subheader img.header-image-overlay { /*position: absolute; right: 0; top: -40px; */display: none; }

/* NAV */
#topnav { width: 744px; height: 36px; }
#topnav li { position: relative; }
#topnav li a { display: block; }
#topnav li, #topnav li a { float: left; height: 33px; }
#topnav li.plan, #topnav li.plan a.top {width: 138px; }
#topnav li.exhibits, #topnav li.exhibits a.top { width: 207px; }
#topnav li.media, #topnav li.media a.top { width: 154px; }
#topnav li.wildlife, #topnav li.wildlife a.top { width: 127px; }
#topnav li.about, #topnav li.about a.top { width: 118px; }
/* Subnavs*/
#topnav li ul { position: absolute; top: 32px; width: 730px; left: -999em; background: transparent url(/images/bullet-topnav.gif) no-repeat; background-position: 0 4px; padding-left: 3px; }
#topnav li li { float: left; width: auto !important; background: transparent url(/images/bullet-topnav.gif) no-repeat; background-position: 100% 4px; margin: 0; padding: 0 11px 0 2px; }
#topnav li li a { height: 15px; margin: 0; padding: 1px 0 0 5px; font-family: helvetica,arial,sans-serif; font-weight: bold; color: #066; font-size: 0.95em; text-decoration: none; }
#topnav li.on ul { position: absolute; left: auto; z-index: 2; }
#topnav li.on a,
#topnav li a:hover { background-position: 0 26px; } /*downward arrow position (image in seasonal css)*/
#topnav li.on li a,
#topnav li li a:hover { background-image: none; } /*remove downward arrow from third level items*/
#topnav li.on a,
#topnav li a:hover { background: url(/images/nav-on.gif) no-repeat; background-position: 13px 26px;}
#topnav li li a:hover,
#topnav li li.on a { color: #fff !important; background: url(/images/subnav-bg.png) top left no-repeat; }
#topnav li li a:hover span,
#topnav li li.on span { display: block; position: absolute; top: 0; right: 5px; height: 16px; width: 6px; background: url(/images/subnav-endcap.png) top right no-repeat; }

/*pull subnavs all the way to the left*/
#topnav li:hover .nav-mask { width: 732px; background: #fff; height: 18px; }

#topnav li.plan:hover .nav-mask,
ul.plan-your-trip li.on .nav-mask { left: 5px !important; }
#topnav li.exhibits:hover .nav-mask,
ul.animals-and-exhibits li.on .nav-mask { left: -138px !important; }
#topnav li.media:hover .nav-mask,
ul.multimedia li.on .nav-mask { left: -340px !important; }
#topnav li.wildlife:hover .nav-mask,
ul.help-wildlife li.on .nav-mask { left: -494px !important; }
#topnav li.about:hover .nav-mask,
ul.about-wcs li.on .nav-mask { left: -621px !important; }

/*adjust these to accomodate more or fewer subnav items */

ul.plan-your-trip li.on ul { left: 5px !important; }
#topnav li.plan:hover ul { left: 0 !important; }

ul.animals-and-exhibits li.on ul { left: -160px !important; }
#topnav li.exhibits:hover ul { left: 47px !important; }

ul.multimedia li.on ul { left: -240px !important; }
#topnav li.media:hover ul { left: 100px !important; }

ul.help-wildlife li.on ul { left: -200px !important; }
#topnav li.wildlife:hover ul { left: 294px !important; }

ul.about-wcs li.on ul { left: -545px !important; }
#topnav li.about:hover ul { left: 76px !important; }

#topnav li.on ul { position: absolute; left: auto; z-index: 2; }
#topnav li:hover ul { left: auto; z-index: 3; top: 0; }
#topnav li:hover .nav-mask { position: absolute; z-index: 50; top: 32px; }

#breadcrumbs { padding-top: 8px; margin: 15px 0 15px 10px; background: #fff url(/images/bg-breadcrumbs.png) top center no-repeat; font-weight: bold; font-size: 0.9em; }
#breadcrumbs .breadcrumb-nav { font-size: 1.0em; font-weight: bold; font-family: arial,verdana,sans-serif; }

/* MAIN CONTENT */
h1 { margin-left: 8px; position: relative; width: 520px; }
/*ML: removed margin-bottom: 50px; */
.main-content h1 { margin: -30px 0 20px 0; width: auto; }
.main-content .main-content h1 { margin: 0 0 0 0; }
/*TA: changed position from absolute to relative */

#tool-holder { position: relative; z-index: 200; float: right; width: 250px; height: 30px; top: 0; right: 12px; }
#tool-holder a { font-weight: bold; font-size: 0.95em; font-family: arial; }
#tool-holder .page-tools { float: right; padding-bottom: 10px; position: relative; }
#tool-holder .page-tools li { list-style-type: none; float: left; margin: 0 0 0 4px !important;  }
#tool-holder .page-tools li a.icon { border: 1px #fff solid; background-repeat: no-repeat; background-position: 2px 2px; padding: 0 5px 3px 20px !important;  }
#tool-holder .page-tools li.email a.icon:hover,
#tool-holder .page-tools li.share a.icon:hover { /*border: 1px #066 solid; border-bottom: none; background-color: #e1f5f5; position: relative; z-index: 20;*/ }
#tool-holder .page-tools li.print a.icon { background-image: url(/images/icon-print.gif); }
#tool-holder .page-tools li.email a.icon { background-image: url(/images/icon-email.gif); }
#tool-holder .page-tools li.share a.icon { background-image: url(/images/icon-share.gif); }
#tool-holder .flyout { width: 200px; padding: 0 10px 10px 10px; border: 1px #066 solid; background-color: #e1f5f5; position: absolute; right: -5px; top: 20px; z-index: 200; }
#tool-holder .flyout dl { margin: 0; padding: 0; }
#tool-holder .flyout dt { font-weight: bold; margin: 5px 0 2px 0; }
#tool-holder .flyout dd,
#tool-holder .flyout dt span { margin-left: 2px; font-size: 0.95em; color: #606060; font-weight: normal; }
#tool-holder .flyout dd a { font-size: 1.2em; }
#tool-holder .flyout dd img { position: relative; top: 3px; margin-right: 3px; }
#tool-holder .flyout input.text,
#tool-holder .flyout textarea { border: 1px #066 solid; width: 200px; }

.col-spanner { border: 1px solid; margin: 15px 10px; }

#content-well ol,
#content-well ul { margin: 8px 0; }
#content-well ul li { list-style-type: disc; padding: 0 0 3px 0; margin: 0 0 0 20px; }
#content-well ul.plain-list,  #content-well .secondary ul.plain-list,
#content-well ul.plain-list li { list-style-type: none; margin-left: 0; padding-left: 12px; }
#content-well .secondary ol,
#content-well .secondary ul { padding-left: 32px; padding-right: 10px; }

#content-well { width: 720px; clear: both; padding: 0 10px 10px 10px; line-height: 1.4em; }
#content-well #ticker { z-index: 1; height: 24px; padding-top: 7px; margin: 17px 0 15px 0px; background: #fff; font-weight: bold; font-size: 0.95em; }
/*ML: removed bkgrd image from ticker as is in Flash - url(/images/bg-ticker.png) top center no-repeat*/
#content-well #ticker .controls { display: block; float: left; margin-right: 10px; }
#content-well #ticker a {  }
#content-well #primary { width: 490px; float: left; }
#content-well #secondary { width: 208px; float: left; position: relative; }

.feature-box { width: 450px; padding: 10px 10px 4px 10px; margin-bottom: 20px; background: transparent url(/images/bg-feature.png) no-repeat; }
.feature-box a { text-decoration: none; }
.feature-box h2 { position: relative; z-index: 5; height: 58px; text-indent: -100em; }
.feature-box h3 { position: relative; z-index: 5; margin: -29px 0 0 7px; font-size: 1.0em; }
.feature-box h3 a { color: #066; }
.feature-box .holder { position: relative; z-index: 4; width: 440px; padding-bottom: 14px; margin: 4px 0 0 0; background: #fff url(/images/bg-feature-topShadow.jpg) bottom center no-repeat; }
.feature-box ul { width: 430px; background: #fff url(/images/bg-feature-topShadow.jpg) bottom center no-repeat; padding: 0 10px 16px 0; margin-top: 0 !important; }
.feature-box li { position: relative; font-size: 1.0em; font-weight: bold; margin-left: 5px !important; }
.feature-box li img { position: absolute; right: 0; }
.feature-box a.more { font-size: 1.2em; }
.feature-box .footer-png { position: relative; bottom: -15px; left: -10px; }
.video-player h2 { background: url(/images/header-latestVideos.png) no-repeat; }
.video-player .holder { height: 294px; }
.other-features h2 { background: url(/images/header-otherFeatures.png) no-repeat; }
.other-features .holder {  }

/* content_slidewho_headlines_twoblock */
.side-by-side { background-image: none; }
.side-by-side .slideshows,
.side-by-side .headlines { width: 200px; float: left; padding: 10px 10px 0 10px; margin: 0px; background: transparent url(/images/bg-side-by-side.png) repeat scroll -5px 0; }
.side-by-side .slideshows { margin-right: 10px; }
.side-by-side .list-holder { background: #e4e9d9 url(/images/bg-side-by-side-list.png) top no-repeat; padding: 10px; width: 175px; font-size: 0.96em;  margin-bottom: -15px; }
.side-by-side .list-holder ol { background: transparent; }
.side-by-side .pic-holder { margin-top: -8px; margin-bottom:5px; }
.side-by-side h2 { height: 32px; text-indent: 0; }
.side-by-side h3 { margin: 10px 0 0 0; }
.side-by-side .list-holder h3 { margin-top: 0; color: #000; font-family: arial,verdana,sans-serif; }
/* .side-by-side h2 + img { margin-top: -8px; } */
.side-by-side ol { margin: 0 0 10px 12px !important; }
.side-by-side li { font-weight: normal; }
.side-by-side a.more { margin: 0;  font-size: 0.96em;}
.side-by-side .footer-png { margin-left: -5px; }
.side-by-side .slideshows p,
.side-by-side .headlines p { height: 150px; overflow: hidden; }
.side-by-side .list-holder { height: 160px; overflow: hidden; }

.media-player { margin: -0 0 0 -20px; overflow: hidden; width: 490px; }

.calendar,
#sidebar #today .calendar { width: 182px; border: none !important; background-image: url(/images/bg-diagonals.png); background-repeat: repeat; margin-top: 0; }
.calendar table,
#sidebar #today .calendar table {width:182px; height: 33px; background: transparent url(/images/header-blank.gif) no-repeat; }
.calendar table th,
#sidebar #today .calendar th { font-weight: normal; font-size: 11px; padding-bottom: 5px; }
.calendar td,
#sidebar #today .calendar td { background-color: transparent !important; width: 24px !important; padding: 0; border-top: none; }
.calendar td td { width: auto!important; color: #fff !important; font-size: 16px; font-weight: bold; text-align: center; padding-left: 2px; }
.calendar td td a,
#sidebar #today .calendar td td a { width: auto !important; background-image: none !important; color: #fff !important; font-size: 16px; font-weight: bold; text-align: center; }
.calendar td.other-month { background-image: url(/images/bg-cal-empty.gif); background-repeat: no-repeat; }
.calendar td a,
#sidebar #today .calendar td a { font-weight: normal; display: block; padding-top: 3px; height: 23px; width: 26px; background-image: url(/images/bg-cal.gif); background-repeat: no-repeat; font-size: 12px; }
#sidebar #today .calendar td a { padding-top: 5px; padding-right: 3px; width: 23px; }
.calendar td a:hover,
#sidebar #today .calendar td a:hover,
.calendar td.selected-day a,
#sidebar #today .calendar td.selected-day a { color: #fff !important; background-image: url(/images/bg-cal-sel.gif); }
.calendar td.today a,
#sidebar #today .calendar td.today a { font-weight: bold; color: #fff !important; }

.pagination { margin-top: 20px; width: 100%; }
.pagination td { padding: 8px 3px 8px 0; padding-left: 2px; /*border-top: 1px #C5CDB2 dotted; border replaced by inline HR elements with similar styling */}
.pagination td table { margin-top: 10px; }
.pagination td td { padding-top: 0; font-weight: bold; border: none; }
.pagination td td a,
.pagination td td span { display: block; width: 18px; height: 18px; border: 1px #fff solid; text-align: center; }
.pagination td td a:hover,
.pagination td td span { color: #066 !important; border: 1px #a2c8c9 solid !important; background-color: #e1f5f4 !important; }
.pagination td.next,
.pagination td.previous { text-indent: -9999em }
.pagination td.next a,
.pagination td.previous a,
.pagination td.next a:hover,
.pagination td.previous a:hover { border: none !important; width: 18px; padding: 0; background-color: transparent; }
.pagination td.next a { background: #fff url(/images/icon-next.png) 0 0 no-repeat; }
.pagination td.previous a { background: #fff url(/images/icon-previous.png) 0 0 no-repeat; }
.pagination td.next { width: 40px; }

.divider { clear: both; padding: 0; margin: 10px 5px; border-bottom: 1px #c5cdb2 dotted; }

/* Content Layouts */
.main-content { float: left; margin-left: 7px; }
.secondary { float: left; width: 220px; font-size: 0.9em; margin-top: 20px; margin-left: 10px; }
.subpage .secondary { position: relative; /*top: -30px;*/ }
.subpage .bottom { clear: both; } /* Dave 20080430 */

.one-col-layout .main-content { width: 100%; }
.one-col-layout .secondary { display: none; }

.two-col-layout .main-content { width: 464px; padding-right: 10px; }
.two-col-layout .secondary { width: 200px; position: relative; z-index: 1; }

.secondary h3 { color: #066; font-family: Georgia,Times,serif; margin-top: 15px; }
.secondary h2 + h3 { margin-top: 0; }
.secondary .promo img { margin-bottom: 20px; } /* Dave 20080430 */

/* special secondary modules */
.bg-greenDiag { width: 170px !important; padding: 0 15px 15px 15px; font-size: 1.0em; background: #fff url(/images/bg-diagonals.png); }
.bg-greenDiag  h3 { padding-bottom:0px; } /* djs 20080501 (wildlife multi section */
#content-well .bg-greenDiag ul li { margin: 0; }
.facts h3 { font-family: helvetica, arial, verdana, sans-serif; color: #000; font-size: 1.1em; }
.facts h3 img { position: relative; top: 5px; }
.facts span { display: block; margin-left: 25px; }

.secondary h2 { margin-left: 10px; } /* only for non-graphic headers, all others overridden below */

h2.visitor-info,
h2.event-info,
h2.activity-info,
h2.more,
h2.fast-facts,
h2.wcs-mission,
h2.press-contacts,
h2.related-links,
h2.more-info,
h2.membership-links,
h2.course-info,
h2.refine-search { text-indent: -9999em; height: auto; margin: 0 -15px 5px -15px; background-repeat: no-repeat; padding-bottom: 10px; }
h2.visitor-info { background-image: url(/images/header-visitor-info.gif); }
h2.event-info { background-image: url(/images/header-event-info.gif); }
h2.activity-info { background-image: url(/images/header-activity-info.gif); }
h2.more { background-image: url(/images/header-more.gif); }
h2.fast-facts { background-image: url(/images/header-fast-facts.gif); }
h2.wcs-mission { background-image: url(/images/header-wcs-mission.gif); }
h2.press-contacts { background-image: url(/images/header-press-contacts.gif); }
h2.related-links { background-image: url(/images/header-related-links.gif); }
h2.more-info { background-image: url(/images/header-more-info.gif); }
h2.membership-links { background-image: url(/images/header-membership-links.gif); }
h2.course-info { background-image: url(/images/header-course-info.gif); }
h2.refine-search { background-image: url(/images/header-refine-search.gif); }

#content-well .faq_toc { margin-left: -5px; }
.faq_listing { margin-top: 20px; }
.faq_item { position: relative; }
.faq_item img { width: 12px; height: 12px; margin-right: 2px; }
.faq_item div { border-bottom: 1px #999 dotted; margin-left: 20px; margin-bottom: 20px; }
.faq_item a.linktop { display: block; position: absolute; bottom: -17px; color: #999; font-size: 0.90em; padding-left: 10px; background: transparent url(/images/arrow-toplink.gif) 0 5px no-repeat; }

div.visitor-info a { font-weight: bold; }
#content-well .secondary ul.accessibility { padding-left: 5px; }
.accessibility li { list-style-type: none !important; background-repeat: no-repeat; background-position: 0 2px; padding: 3px 0 3px 22px !important; }
li.wheelchair { background-image: url(/images/icon-weelchair.gif); }
li.terrain { background-image: url(/images/icon-terrain.gif); }
li.touch { background-image: url(/images/icon-touch.gif); }
li.hill { background-image: url(/images/icon-hill.gif); }
li.listening { background-image: url(/images/icon-listening.gif); }
li.lowlight { background-image: url(/images/icon-lowlight.gif); }

.seagreen { background: #fff url(/images/bg-col2-seagreen-top.png) no-repeat; width: 214px; padding-top: 16px; }
.seagreen h3 { margin: 0; padding: 0; }
.seagreen .holder { padding: 0 15px 20px 15px; background: transparent url(/images/bg-col2-seagreen-bottom-alt.png) bottom left no-repeat; }
.seagreen h3.more-animals { margin: 0 -15px 0 -15px; padding: 5px 0 0 15px; background: transparent url(/images/bg-col2-seagreen-tile-alt.png) top left no-repeat; }
.seagreen img { margin: -7px 0 10px -7px; }
#content-well .secondary .module ul { padding-left: 0px; }
/*.seagreen .holder ul { padding: 0 15px 20px 15px; margin: 0; background: transparent url(/images/bg-col2-seagreen-bottom-alt.png) bottom left no-repeat; }*/

.pic-scroller { position: relative; height: 100px; background: #e1f5f5; border: 1px #a6caca solid; padding: 10px 4px; margin-top: 10px; }
.pic-scroller img.left,
.pic-scroller img.right { position: absolute; top: 5px; background: #fff url(/images/bg-pic-moreHeadlines.png) 50% 50% no-repeat; padding: 20px 8px; border: 1px #a6c4a1 solid; }
.pic-scroller img.right { left: 102px; }
.pic-scroller img.left { left: 5px; margin-right: 3px; }
.pic-scroller img.previous,
.pic-scroller img.next { position: absolute; bottom: 5px; }
.pic-scroller img.previous { left: 5px; }
.pic-scroller img.next { left: 155px; }
.pic-scroller .clear { padding: 2px; }

/* Captions */
.caption { position: relative; top: -10px; display: block; color: #999; font-size: 0.9em; text-align: right; } /* more in specific renderings below */

/* ********** */
/* Renderings */
/* ********** */

/*Thumbnail images, aligned left or right, items stacked vertically */
.thumbnails-stacked-left { clear: both; margin-top: 10px; }
.thumbnails-stacked-left .pic-holder img,
.thumbnails-stacked-right .pic-holder img { background: #fff url(/images/bg-pic-small.png) 0 0 no-repeat; padding: 8px; }
.thumbnails-stacked-left .pic-holder,
.thumbnails-stacked-left .pic-holder img { float: left; margin: 0 2px 10px -3px; }
.thumbnails-stacked-right .pic-holder,
.thumbnails-stacked-right .pic-holder img { float: right; margin: 0 0 10px 2px; }
.thumbnails-stacked-left .pic-holder .caption,
.thumbnails-stacked-right .pic-holder .caption { display: block; clear: left; top: -15px; right: 10px; }
.thumbnails-stacked-left img.icon,
.thumbnails-stacked-right img.icon { position: relative; top: 0; }

/*Thumbnail images, aligned left, arranged in a 4x4 grid */
table.thumbnails-stacked-left td { width: 50%; }
table.thumbnails-stacked-left td.left { padding-right: 10px; }
table.thumbnails-stacked-left td.right { padding-left: 28px; }
table.thumbnails-stacked-left tr.row1 td { padding-bottom: 22px; border-bottom: 1px #c0c9ac dotted; }
table.thumbnails-stacked-left tr.row2 td { padding-top: 22px; }
table.thumbnails-stacked-left td.left { border-right: 1px #c0c9ac dotted; }
table.thumbnails-stacked-left h2 { margin-bottom: 5px; }

/*Medium images, aligned top, arranged in a 4x4 grid */
.medium-grid-top { margin-right: 20px; }
.medium-grid-top td.left { padding-right: 10px; }
.medium-grid-top td.right { padding-left: 28px; }
.medium-grid-top tr.row1 td { padding-bottom: 5px; border-bottom: 1px #c0c9ac dotted; }
.medium-grid-top tr.row2 td { padding-top: 22px; }
.medium-grid-top td.left { border-right: 1px #c0c9ac dotted; }
.medium-grid-top h2 { margin-bottom: 5px; }
.main-content img.button { background-image: none; }
.medium-grid-top a.button { margin-top: 10px; }
.medium-grid-top .pic-holder img { background: #fff url(/images/bg-pic-med.png) 0 0 no-repeat; padding: 16px; }
.medium-grid-top .pic-holder img { margin: 0 0 10px -9px; }
.medium-grid-top .pic-holder .caption { top: -20px; right: 15px; }
.medium-grid-top a.more { display: block; margin: 10px 0 0 0; }

img.small { background: #fff url(/images/bg-pic-small.png) 0 0 no-repeat; padding: 8px; }
img.med { background: #fff url(/images/bg-pic-med.png) 0 0 no-repeat; padding: 16px; }
img.large { background: #fff url(/images/bg-pic-large.png) 0 0 no-repeat; padding: 9px; }
table.thumbnails-stacked-left h2 img ,
table.thumbnails-stacked-right h2 img { background-image: none; margin-top: -10px;}
img.icon,
img.no-shadow { background-image: none; }

.member h2 { font-size: 1.4em; }
.member h3 { color: #fff; position: relative; z-index: 5; height: 30px; margin: 20px 0 0 0; padding: 2px 0 0 10px; background-repeat: no-repeat; clear: both; }
.member h3 a { color: #fff; }
.member .left h3 { background-image: url(/images/header-mem-indiv-blank.gif); }
.member .right h3 { background-image: url(/images/header-mem-cons-blank.gif); }
.member	div { width: 45%; float: left; }	
.member	.left { padding-right: 20px; border-right: 1px #999 dotted; }	
.member	.right { padding-left: 20px; }	
.member	span,
.donate-buttons span { display: block; padding: 10px; margin: -10px 0 0 0; }
.member #member-about span{display: inline; marign: 0; padding: 0 ;}
.member #member-about strong{font-weight: normal; color: #f00;}
.member	.left span { background: #ebffc0; }	
.member	.right span { background: #d8f0f0; }	
.member	.intro { padding: 10px 0 20px 0; margin: 0; background: #fff; width:100%; font-size:1.0em; color:#333;}	
.donate-buttons { height: 30px; }
.donate-buttons a { display: block; float: left; margin-right: 5px; background-repeat: no-repeat; }
.member	.donate-buttons .btn-join-indiv { background-image: url(/images/btn-join-over.gif); }
.member	.donate-buttons .btn-renew-indiv { background-image: url(/images/btn-renew-over.gif); }
.member	.donate-buttons .btn-give-indiv { background-image: url(/images/btn-give-over.gif); }
.member	.donate-buttons .btn-join-cons { background-image: url(/images/btn-join-over.gif); }
.member	.donate-buttons .btn-renew-cons { background-image: url(/images/btn-renew-over.gif); }
.member	.donate-buttons .btn-giv-cons { background-image: url(/images/btn-give-over.gif); }
.membership	.donate-buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.membership	.donate-buttons .btn-join-membership { background-image: url(/images/btn-join-membership-over.gif); }
.membership	.donate-buttons .btn-renew-membership { background-image: url(/images/btn-renew-membership-over.png); }
.membership	.donate-buttons .btn-give-membership { background-image: url(/images/btn-give-membership-over.png); }
.member	.donate-buttons a img,
.membership	.donate-buttons a img,
.membership-levels .donate-buttons a img { margin: 0 2px 0 0; }
.member	.donate-buttons a:hover img,
.membership	.donate-buttons a:hover img,
.membership-levels .donate-buttons a:hover img { visibility: hidden; }
.member	h3.more { background-image:none; clear:both; color:#006666; font-weight:bold; height:20px; padding:0px; margin:0px; font-size:1.1em; }

.member div.donate-buttons { margin: 15px 0px 20px 20px; }
.member div.donate-buttons img { vertical-align: middle; margin-right: 5px; }
.member #member-about { margin:20px 0px 0px 0px; width:94%; font-size: 0.9em; }
.member #member-more { margin:20px 0px 0px 0px; padding:7px; width:94%; background-image:url(/images/bg-member-more.gif); }
.member #fine-print { margin:20px 0px 0px 0px; width:94%; font-size: 0.9em; }

#signup-form .required { color: #f00; padding-right: 5px; }
#signup-form table { width: 420px; border-top: 1px #bec4a1 dotted; margin-bottom: 20px; margin-left: 20px; }
#signup-form table.contact-info { border-top: none; }
#signup-form th { font-size: 1.2em; color: #066; padding: 10px; background: #fff url(/images/bg-module-fade.jpg) 0 0 repeat-x; }
#signup-form .submit th { background: none; }
#signup-form td { padding: 5px 0 10px 15px; }
#signup-form td.form-label,
#signup-form td.form-label-full { font-weight: bold; }
#signup-form td.form-label { width: 150px; }
#signup-form .program td.form-label { width: 100px; }


/* SIDEBAR */
#corner-animal { position: absolute; }
#sidebar .buttons li { margin-bottom: 5px; }
#sidebar .buttons li a { display: block; height: 23px; width: 180px; }
#sidebar .buttons li a:hover img { display: none; }
#sidebar .buttons li.on a:hover img { display: block; }

#sidebar .buttons li.buttonBuyTickets a { background-image: url(/images/btn-buyTickets-over.png); height: 39px; }
#sidebar .buttons li.buttonMember a { background-image: url(/images/btn-member-over.png); }
#sidebar .buttons li.buttonDonate a { background-image: url(/images/btn-donate-over.png); }
#sidebar .buttons li.buttonProgramsAndTours a { background-image: url(/images/btn-programsAndTours-over.png); }
#sidebar .buttons li.buttonPlanAnEvent a { background-image: url(/images/btn-planAnEvent-over.png); }
 /* retired buttons */
#sidebar .buttons li.buttonClassesAndPrograms a { background-image: url(/images/btn-classesAndPrograms-over.png); }
#sidebar .buttons li.buttonPlanAParty a { background-image: url(/images/btn-planAParty-over.png); }

#sidebar h3 { font-family: arial, verdana, sans-serif; }
#sidebar .module { clear: both; margin-top: 5px; border-top: 1px #bec4a1 dotted; padding: 5px 0 0 0; }
#sidebar .module:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clearfix for all sidebar modules */
#sidebar #explore input { float: left; }
#sidebar #explore input.text { border: 1px #066 solid; color: #999; width: 123px; height: 14px; font-size: 0.95em; margin-right: 2px; }
#sidebar #calendar table { font-size: 0.95em; width: 100%; }
#sidebar #calendar dl { font-weight: bold; }
#sidebar #calendar dt { padding: 3px 5px 2px 5px; margin: 0; border-bottom: 1px #bec4a1 dotted; }
#sidebar #calendar dd { padding: 3px 5px 5px 5px; background: url(/images/bg-module-fade.jpg) 0 0 repeat-x; }
#sidebar #calendar .more { display: block; }
#sidebar #today h3 { font-size: 1.0em; background: url(/images/icon-calendar.png) 5px 1px no-repeat; padding-left: 20px; margin-top: 8px; }
#sidebar #today h3 a { color: #000; }
#sidebar #today table { width: 100%; font-weight: bold; background: url(/images/bg-module-fade2.jpg) bottom left repeat-x; padding: 0 6px; margin-top: 8px; }
#sidebar #today td { padding: 3px 3px 6px 3px; border-top: 1px #bec4a1 dotted; font-size: 0.95em; }
#sidebar #today td.time { text-align: left; color: #5f5f5f; }
#sidebar .centered { text-align: center; padding: 15px 0 10px 0; }
#sidebar #signup { padding-bottom: 10px; } /* DJS border-bottom: 1px #bec4a1 dotted; */
#sidebar #signup h2 { margin-bottom: 5px; }
#sidebar #signup input.text { border: 1px #066 solid; color: #999; width: 160px; height: 14px; font-size: 0.95em; margin: 0 2px 5px 0; }
#sidebar #signup .button { clear: both; float: right; margin-right: 18px; }
#sidebar img.promo { position: relative; left: -5px; top: 15px; }

/* Search Results */
.search-sort { background: #e1f2ce; border: 1px #b5c3a2 solid; position: relative; padding: 3px; margin-bottom: 10px; }
.search-sort:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.search-sort b,
.search-sort a,
.search-sort p { display: block; float: left; margin: 0 20px 0 0; padding: 0; }
.search-sort b,
.search-sort a { font-weight: bold; }
.search-sort a { padding: 0 3px; }
.search-sort a.on { background: #006666; color: #fff; }
.search-sort p.result-summary { width: 230px; margin-right: 0; text-align: right; }
.result-summary { margin-bottom: -16px; }
.pagination h2 { font-size: 1.2em; }
.pagination .date { color: #8b8b8b; }
.pagination p { margin-bottom: 5px; }
.pagination br { display: none; }

/* Wayfinder Map flyout styles */
#overlaySplash { position: absolute; z-index: 100; filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65; left: 1px; background: #000; visibility: hidden; display: none; border-bottom-width: medium; width: 1600px; top: 1px; height: 1600px; border-right-width: medium; }
#overlaySplashinner { z-index: 101;  width: 800px; visibility: hidden; display: none; position: absolute; top: 138px; left: 10%; background: transparent; border: none; }
#overlayClose { float: right; position: relative; top: 30px; right: -10px; width: 48px; height: 50px; border: none; }
#overlayContent { font-family: arial,verdana,sans-serif; font-size: 1.0em; padding: 0 10px 0 0; }
#overlayFormfields { list-style-type: none; margin: 0; padding: 0; }
#overlayFormfields li { margin-bottom: 5px; }
#overlayNoThanks { width: 92px; height: 19px; margin-left: 10px; border: none; }

/* *********/
/* Popover */
/* *********/
.overlaySplash { border-top-width: medium; border-left-width: medium; z-index: 3000; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; left: 1px; background: #000; visibility: hidden; display: none; border-bottom-width: medium; width: 3600px; position: absolute; top: -40px; left: -1000px; height: 2040px; border-right-width: medium; opacity: .5; }
.overlaySplashinner { visibility: hidden; display: none; position: absolute; z-index: 3001; top: 148px; left: 30%; text-align: left; font-size: 1.2em; color: #333; padding: 10px; width: 450px !important; background: #fff !important; border: 1px solid #008585 !important; }
.overlaySplashinner label { display: block; width: 150px; float: left; font-weight: bold; margin-top: 11px; clear: left; line-height: 1.2em; }
.overlaySplashinner input.textfield,
.overlaySplashinner textarea { margin-top: 10px; width: 250px; }
.overlaySplashinner input[type="text"] { margin-top: 10px; width: 250px; }
.overlaySplashinner .buttons, .overlaySplashinner .buttonsResponse { width: 150px; float: right; margin-top: 10px; margin-bottom: 10px; /*text-align: right;*/ margin-right: 50px; }
.overlaySplashinner .buttonsResponse { width: 350px; margin-right: 20px;}
.overlaySplashinner .buttons a, .overlaySplashinner .buttonsResponse a { display: block; float: left; padding: 5px 10px; background: #008585; font-weight: bold; text-decoration: none; color: #fff; margin-left: 5px; float: right !important; }
.overlaySplashinner .buttons a:hover, .overlaySplashinner .buttonsResponse a:hover { background: #B75603; text-decoration: none !important; }
.overlaySplashinner .disclaimer { width: 150px; margin-top: 10px; font-size: 0.9em; }
.overlaySplashinner p { font-size: 1.2em; line-height: 1.5em; }

#overlaySplashinnerShareThisPage { background-color: #fff !important; }
#overlaySplashinnerShareThisPage td { padding: 5px; }
#overlaySplashinnerShareThisPage img { margin-right: 10px; }
#overlaySplashinnerShareThisPage a,
#overlaySplashinnerShareThisPage a:hover { font-size: 1.2em; text-decoration: none; }
#overlaySplashinnerUserSurvey .buttons { width: 300px; margin-right: 10px; }

#overlaySplashinnerGreatEscape{top: 48px; width: 494px !important; border: 10px #fff solid !important; background: #C0ED9A url(/images/overlay-gorilla-full.jpg) no-repeat !important;}
#overlaySplashinnerGreatEscape .hide{position: absolute; top: -9999em;}
#overlaySplashinnerGreatEscape h2{padding: 0 0 4px 10px; font-size: 2em; color: #1c3d01;}
#overlaySplashinnerGreatEscape h3{font-size: 1.6em;}
#overlaySplashinnerGreatEscape p{margin: 0; padding: 0;}
#overlaySplashinnerGreatEscape p.intro{width: 390px; margin: 60px 0 20px 0; font-size: 1.2em; line-height: 1.2; color: #132a00;}
#overlaySplashinnerGreatEscape p.intro a{color: #903C04; text-decoration: underline;}
#overlaySplashinnerGreatEscape p.intro a:hover{color: #561E03 !important;}
#overlaySplashinnerGreatEscape #savings {height: auto; width: 462px; margin: 0; padding: 0 15px 10px 15px; background-image: url(/images/overlay-savingsTable-full.png);}
#overlaySplashinnerGreatEscape #savings table{width: 100%; margin-top: 10px;}
#overlaySplashinnerGreatEscape #savings th,
#overlaySplashinnerGreatEscape #savings td{padding: 4px;}
#overlaySplashinnerGreatEscape #savings table{width: 460px;}
#overlaySplashinnerGreatEscape #savings table .alt{background-color: #b8e98f;}
#overlaySplashinnerGreatEscape #savings table .label{width: 180px;}
#overlaySplashinnerGreatEscape p img.button{margin-top: 10px;}
#overlaySplashinnerGreatEscape p.button{margin-top: 10px;}

p.button a {clear: left; display: block; height: 19px; overflow: hidden; background-repeat: no-repeat; text-indent: -9999em;} 
p.button a.yesIllTakeTheSurvey {width: 160px; background-image: url(/images/btn-yesIllTakeTheSurvey.png);}
p.button a.noThanks {width: 100px; background-image: url(/images/btn-noThanks.png);}	
p.button a:hover {background-position: 0 -19px;}
p.button a:active {background-position: 0 -38px;}

/* Footer */
#footer { clear: both; position: relative; z-index: 1; width: 100%; height: 120px; margin: 0; background: #fff; padding-left: 20px;}
#footer .holder { background: #fff repeat-x; width: 1070px; height: 110px; margin: 0 auto; position: relative; left: 0; text-align: left;  } /* url(/images/bg-footerFade.png) */
#footer #wcs-logo,
#footer .footer-links,
#footer #azq-accreditation { float: left; }
#footer #wcs-logo,
#footer .footer-links { margin-top: 10px; font-size: 0.9em; font-family: helvetica,arial,verdana,sans-serif !important; }
#footer .footer-links { width: 548px; }
#footer .footer-links a { height:17px; display: block; float: left; font-weight: bold; padding: 0 9px 0 4px; background: #fff url(/images/bullet-footer.gif) no-repeat; background-position: 100% 3px; }
#footer .footer-links a.last { height: 17px; display: block; background: none; }
#footer .footer-links .clear{ height: 17px; display:block; clear:both; }
#footer .footer-links p.copylink { height: 17px; float: left; color: #000; font-weight: normal; background:none; padding: 0 5px 0 4px; margin-top: -1px;}
#footer .footer-links span { display: block; clear: both; height: 17px; }
#footer .footer-links img { float: left; margin: -1px 3px 0 0; }
#footer #wcs-logo { margin-right: 10px; }
/* DJS #footer .copyright { clear: both; padding-top: 5px; border-top: 1px #bec4a1 dotted; }  */

/* Buttons */

a.button { display: block; margin: 0; padding: 0; height: 18px; }
a.act-now img,
a.donate-now img { padding: 0; margin: 0; }
a.act-now { width: 60px; background: #fff url(/images/btn-actNow-over.png) 0 0 no-repeat; }
a.donate-now { width: 81px; background: #fff url(/images/btn-donateNow-over.png) 0 0 no-repeat; }
a.button:hover img { position: relative; left: -9999em; }

input.button { background: #fff url(/images/btn-subscribe-over.png) 0 0 no-repeat; }

/* CLEARFIX: Just add a class of .clearfix to any element containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container. (source: http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* additional clearfix elements are in ie.css */
.spacer { margin: 0; padding: 0; clear: both; }

/* ************************************** */
/* Specific to Tickets & Membership pages */
/* ************************************** */

.full-width{background:url(/images/bg-page-tickets.jpg) no-repeat scroll 0 0 transparent;}
.full-width #header{width: 949px; height: 181px; margin-left: 10px; background-repeat: no-repeat;}
.full-width #subheader{width: 949px;}
.full-width #content{width: 949px; margin:0 0 0 4px;}
.full-width #content-well{width: 929px; padding-right: 0;}
.full-width #breadcrumbs{margin-top: 0;}
.full-width .secondary{width: 200px; float: left; padding-top: 50px; margin: 0;}
.tickets-and-membership .main-content{width: 708px; padding-right: 0;}
.tickets-and-membership #breadcrumbs{margin-left: 6px;}
.tickets-and-membership h1{margin: 0 0 20px 0;}
.tickets-and-membership h2{margin: 0 0 10px 0;}
.tickets-and-membership .mod-one,
.tickets-and-membership .mod-two{position: relative; width: 314px; padding: 12px; float: left; background-repeat: no-repeat;}
.tickets-and-membership .badge{position: absolute; right: -10px; top: -10px; }
.tickets-and-membership .mod-one{background-image: url(/images/tixMem-bg-membership.jpg);}
.tickets-and-membership .mod-two{margin-left: 20px; background-image: url(/images/tixMem-bg-totalExp.jpg);}
.tickets-and-membership .mod-one div.text,
.tickets-and-membership .mod-two div.text{padding: 12px; color: #160f02; font-size: 0.9em;}
.tickets-and-membership .mod-one div.text p,
.tickets-and-membership .mod-two div.text p{margin: 0; padding: 0 0 6px 0;}
.tickets-and-membership .mod-one h2{color: #31420c; margin-left: 5px;}
.tickets-and-membership .mod-one h2 + img,
.tickets-and-membership .mod-two h2 + img{background: url(/images/tixMem-photoBg.png) 0 0 no-repeat; padding: 6px; margin-left: 1px;}
.tickets-and-membership .mod-one p img,
.tickets-and-membership .mod-two p img{margin-left: 12px;}
.tickets-and-membership hr{margin: 10px 0;}
.tickets-and-membership ul.plain-list,
.tickets-and-membership ul.plain-list li{padding-left: 0 !important;}
.tickets-and-membership ul.plain-list li{font-size: 0.9em;}
.tickets-and-membership .bg-greenDiag h2{margin: 12px -15px 5px;}
.tickets-and-membership .membership-levels{width: 660px; padding: 0 9px; background: url(/images/tixMem-bg-mainMembership.jpg) 0 0 no-repeat; overflow: hidden;}
.tickets-and-membership .membership-levels .foot{width: 675px; height: 28px; margin: 0 -9px; clear: both; background-image: url(/images/tixMem-bg-mainMembershipFoot.jpg);}
.tickets-and-membership .membership-levels h3{position: relative;}
.tickets-and-membership .col{float: left; width: 200px; padding: 143px 10px 20px 10px;}
.tickets-and-membership .col hr{border-bottom: 1px #8fa160 solid; margin-bottom: 10px; margin-top: 1px;}
.tickets-and-membership .col h2,
.tickets-and-membership .col a,
.tickets-and-membership .col .price{color: #31420c;}
.tickets-and-membership .col .price{display: block; position: absolute; right: 0; top: 0; padding-bottom: 3px;}
.tickets-and-membership .col a{text-decoration: underline;}
.tickets-and-membership .moreLink a{color: #006666; text-decoration: none;}
.tickets-and-membership .donate-buttons {clear: both; display: block;}
.donate-buttons .btn-join-cons {background-image:url(/images/btn-join-over.gif);}
.donate-buttons .btn-renew-cons {background-image:url(/images/btn-renew-over.gif);}
.donate-buttons .btn-giv-cons {background-image:url(/images/btn-give-over.gif);}
.tickets-and-membership .secondary{float: left; width: 170px; padding-top: 40px;}
.tickets-and-membership .secondary h3{color: #053a3a;}
.tickets-and-membership .fine-print{font-size: 0.9em;}