/* Table of Contents

	- Global Reset
	- Basic Elements
		- Common HTML Elements
		- Common Form Elements
		- Buttons
	- Specific Sections
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
/* Global Reset

	This is an easy way to make sure that all browsers will default all element rules to the same settings.
	
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
    border: none;
    font-size: inherit;
    line-height: inherit;
}
fieldset, img
{
    border-style: none;
    border-color: inherit;
    border-width: 0; /* 	width: 16px; 	height: 16px; */
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}
ol, ul
{
    list-style: none;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
}
/* Basic Elements

	These ids and classes create the most basic building blocks for the website.
	(html) sets the default font type, color and size for the entire site.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
html
{
    margin: 0 auto 0 auto;
    width: 100%;
    color: #4c4c4c;
    font-family: Tahoma, Helvetica, Arial, Verdana;
    text-align: center;
    background: url(/images/pageBackground.jpg) top repeat-x #111a49;
}
body
{
    margin: 0 auto 0 auto;
    width: 980px;
    text-align: left;
}
div.contentWrapper, div.header, div.footer
{
    margin: 0 auto 0 auto;
    width: 980px;
    font-size: 12px;
    display: block;
    float: left;
    clear: both;
}
div.contentWrapper
{
    background: url(/images/subContentWrapperBackground.png) top left repeat-y;
}
body.homepage div.contentWrapper
{
    background: url(/images/contentWrapperBackground.png) top left repeat-y;
}
/* Common HTML Elements
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
span.link, a
{
    color: #436294;
    text-decoration: none;
    outline: none;
}
span.link:hover, a:hover
{
    color: #7eaff8;
    text-decoration: underline;
}
a.clear
{
    padding: 3px 0 0 0;
    display: block;
    clear: both;
}
#content div
{
    display: block;
}
strong
{
    font-weight: bold;
}
h1, h2, h3, h4
{
    font-family: Helvetica, Arial, Verdana;
    font-weight: normal;
    width: auto;
    display: block;
    clear: both;
}
h1
{
    padding: 0 0 10px 0;
    color: #000;
    font-size: 35px;
    line-height: 35px;
    letter-spacing: .05em;
}
h2
{
    padding: 0 0 8px 0;
    color: #8a98ac;
    font-size: 19px;
    line-height: 18px;
    letter-spacing: normal;
}
h3
{
    padding: 0 0 5px 0;
    color: #000;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    letter-spacing: normal;
}
h4
{
    padding: 0 0 5px 0;
    color: #666;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .1em;
}
.mainContent p, p
{
    padding: 0 0 20px 0;
    line-height: 18px;
}
.mainContent ul, .mainContent ol, ul, ol
{
    padding: 0 0 15px 20px;
}
/*ol { padding: 3px 0 2px 0; }*/
.mainContent ul li, ul li
{
    padding: 0 0 5px 0;
    list-style: disc;
    list-style-position: outside;
    line-height: 18px;
}
ol li
{
    padding: 0 0 5px 0;
    list-style-type: decimal;
    list-style-position: outside;
    line-height: 18px;
}
sup
{
    font-size: 6px;
}
/* Special List Formats - Arrows & Inline Arrows */
ul.inline
{
    margin: 0;
    padding: 0 0 4px 0;
    display: block;
    float: left;
    clear: both;
}
ul.inline li
{
    margin: 0;
    padding: 0 10px 10px 0;
    list-style: none;
    display: block;
    float: left;
    clear: none;
}
ul.arrowLinks li
{
    padding: 0 10px 10px 0;
    list-style: none;
    display: block;
    float: left;
    clear: both;
}
ul.inline li a, ul.arrowLinks li a
{
    margin: 0;
    padding: 0 10px 0 0;
    color: #3f6197;
    text-decoration: none;
    background: url(/images/navArrowBlueDouble.png) right no-repeat;
    display: block;
    float: left;
    clear: both;
    cursor: pointer;
}
ul.inline li a:hover
{
    text-decoration: underline;
}
/* Special List Formats - Graphic Bullets */
ul.graphicBullet
{
    padding: 10px 0 0 0;
}
ul.graphicBullet li
{
    padding: 0;
    list-style: none;
    display: block;
    float: left;
    clear: both;
}
ul.squareGreen li
{
    padding: 0 0 20px 22px;
    background: url(/images/bulletSquareGreen.png) top left no-repeat;
}
ul.squareYellow li
{
    padding: 0 0 20px 22px;
    background: url(/images/bulletSquareYellow.png) top left no-repeat;
}
table
{
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both; /*	background: #a8a8a8;	*/
    background: #eee;
}
td, th
{
    margin: 0;
    padding: 5px 10px 7px 10px;
    line-height: 18px;
    clear: both;
}
td.even, tr.even
{
    background-color: #ffffff;
}
td.odd, tr.odd
{
    background-color: #f7f7f7;
}
tr.title td
{
    padding-top: 4px;
    background: #cfe1af;
    border-top: 1px #e2eecd solid;
}
tr th
{
    padding-top: 4px;
    background: #cfe1af;
    border-top: 1px #e2eecd solid;
}
/* Common Form Elements
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
fieldset
{
    margin: 0 0 15px 0;
    padding: 0;
    display: block;
    clear: both;
}
label
{
    padding: 0 0 5px 0;
    color: #c90;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: .1em;
    width: auto;
    display: block;
    clear: both;
}
textarea
{
    padding: 5px;
    width: 410px;
    display: block;
    clear: both;
}
.mainContent input[type="password"], .mainContent input[type="text"], input.text, .inputSelect
{
    margin: 0 0 5px 0; /*  padding: 1px 5px 2px 5px;   */
    font-size: 11px;
    border: 1px #959595 solid;
    background: #fdfdfd;
    outline: none;
    display: block;
    float: left;
    clear: none;
}
select
{
    margin: 8px 10px 5px 0;
    display: block;
    float: left;
}
.mainContent input[type="radio"], .mainContent input[type="checkbox"], input.checkbox
{
    padding: 0;
    margin: 0 .5em 0 0;
}
/* Graphic Buttons & Titles
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
.graphicButton, .graphicTitle
{
    text-indent: -5000px;
    overflow: hidden;
    display: block;
    float: left;
    clear: none;
}
a.becomeMember
{
    height: 64px;
    width: 314px;
    background: url(/images/buttonBecomeMember_up.png) top left no-repeat;
}
a.becomeMember:hover
{
    background: url(/images/buttonBecomeMember_over.png) top left no-repeat;
}
a.becomeMemberMed
{
    height: 47px;
    width: 246px;
    background: url(/images/buttonBecomeMemberMed_up.png) top left no-repeat;
}
a.becomeMemberMed:hover
{
    background: url(/images/buttonBecomeMemberMed_over.png) top left no-repeat;
}
a.buyTickets
{
    height: 64px;
    width: 314px;
    background: url(/images/buttonBuyTickets_up.png) top left no-repeat;
}
a.buyTickets:hover
{
    background: url(/images/buttonBuyTickets_over.png) top left no-repeat;
}
a.giftShop
{
    height: 83px;
    width: 314px;
    background: url(/images/buttonGiftshop_up.png) top left no-repeat;
}
a.giftShop:hover
{
    background: url(/images/buttonGiftshop_over.png) top left no-repeat;
}
a.buyTicketsMed
{
    height: 47px;
    width: 246px;
    background: url(/images/buttonBuyTicketsMed_up.png) top left no-repeat;
}
a.buyTicketsMed:hover
{
    background: url(/images/buttonBuyTicketsMed_over.png) top left no-repeat;
}
a.buyTicketsSml
{
    height: 23px;
    width: 118px;
    background: url(/images/buttonBuyTicketsSml_up.png) top left no-repeat;
}
a.buyTicketsSml:hover
{
    background: url(/images/buttonBuyTicketsSml_over.png) top left no-repeat;
}
a.clorox
{
    height: 83px;
    width: 246px;
    background: url(/images/buttonClorox_up.png) top left no-repeat;
}
a.clorox:hover
{
    background: url(/images/buttonClorox_up.png) top left no-repeat;
}
a.joinNowSml
{
    height: 23px;
    width: 105px;
    background: url(/images/buttonJoinNowSml_up.png) top left no-repeat;
}
a.joinNowSml:hover
{
    background: url(/images/buttonJoinNowSml_over.png) top left no-repeat;
}
a.joinRenewSml
{
    height: 23px;
    width: 124px;
    background: url(/images/buttonJoinRenewSml_up.png) top left no-repeat;
}
a.joinRenewSml:hover
{
    background: url(/images/buttonJoinRenewSml_over.png) top left no-repeat;
}
a.makeDonation
{
    height: 64px;
    width: 314px;
    background: url(/images/buttonMakeDonation_up.png) top left no-repeat;
}
a.makeDonation:hover
{
    background: url(/images/buttonMakeDonation_over.png) top left no-repeat;
}
a.makeDonationMed
{
    height: 47px;
    width: 246px;
    background: url(/images/buttonMakeDonationMed_up.png) top left no-repeat;
}
a.makeDonationMed:hover
{
    background: url(/images/buttonMakeDonationMed_over.png) top left no-repeat;
}
a.moreInfoMed
{
    height: 30px;
    width: 138px;
    background: url(/images/buttonMoreInfoMed_up.png) top left no-repeat;
}
a.moreInfoMed:hover
{
    background: url(/images/buttonMoreInfoMed_over.png) top left no-repeat;
}
a.moreInfoSml
{
    height: 23px;
    width: 110px;
    background: url(/images/buttonMoreInfoSml_up.png) top left no-repeat;
}
a.moreInfoSml:hover
{
    background: url(/images/buttonMoreInfoSml_over.png) top left no-repeat;
}
a.navArrow
{
    padding: 0 10px 0 0;
    background: url(/images/navArrowBlueDouble.png) top right no-repeat;
    display: inline;
}
/* Specific Structural Rules

	Use this area to define rules for specific content/pages/design elements.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
/* Header Logo
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.logo, div.logo a
{
    height: 85px;
    width: 435px;
    text-indent: -5000px;
    overflow: hidden;
    background: url(/images/logoHeader.png) top left no-repeat;
    display: block;
    float: left;
    clear: none;
}
/* Header Global Navigation
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.globalNavigation
{
    height: 50px;
    width: 545px;
    background: url(/images/globalNavigationBackground.png) top left no-repeat;
    display: block;
    float: left;
    clear: none;
}
div.globalNavigation ul
{
    padding: 0;
    height: 50px;
    width: 545px;
    overflow: hidden;
    display: block;
    clear: both;
}
div.globalNavigation li
{
    list-style: none;
    display: block;
    float: left;
    clear: none;
}
div.globalNavigation a
{
    height: 50px;
    text-indent: -5000px;
    overflow: hidden;
    display: block;
    float: left;
    clear: none;
}
div.globalNavigation a.globalNav1
{
    width: 148px;
    background: url(/images/globalNavLinks.png) 0 0;
}
div.globalNavigation li.active a.globalNav1
{
    background: url(/images/globalNavLinks.png) 0 50px;
}
div.globalNavigation a.globalNav1:hover, div.globalNavigation li.active a.globalNav1:hover
{
    background: url(/images/globalNavLinks.png) 0 100px;
}
div.globalNavigation a.globalNav2
{
    width: 128px;
    background: url(/images/globalNavLinks.png) 397px 0;
}
div.globalNavigation li.active a.globalNav2
{
    background: url(/images/globalNavLinks.png) 397px 50px;
}
div.globalNavigation a.globalNav2:hover, div.globalNavigation li.active a.globalNav2:hover
{
    background: url(/images/globalNavLinks.png) 397px 100px;
}
div.globalNavigation a.globalNav3
{
    width: 93px;
    background: url(/images/globalNavLinks.png) 269px 0;
}
div.globalNavigation li.active a.globalNav3
{
    background: url(/images/globalNavLinks.png) 269px 50px;
}
div.globalNavigation a.globalNav3:hover, div.globalNavigation li.active a.globalNav3:hover
{
    background: url(/images/globalNavLinks.png) 269px 100px;
}
div.globalNavigation a.globalNav4
{
    width: 176px;
    background: url(/images/globalNavLinks.png) 176px 0;
}
div.globalNavigation li.active a.globalNav4
{
    background: url(/images/globalNavLinks.png) 176px 50px;
}
div.globalNavigation a.globalNav4:hover, div.globalNavigation li.active a.globalNav4:hover
{
    background: url(/images/globalNavLinks.png) 176px 100px;
}
/* Header Utility Search
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.utilitySearch
{
    height: 35px;
    width: 545px;
    overflow: hidden;
    display: block;
    float: left;
    clear: none;
}
div.utilitySearch ul
{
    padding: 4px 0 0 80px;
    height: 35px;
    width: 270px;
    overflow: hidden;
    display: block;
    float: left;
    clear: none;
}
div.utilitySearch li
{
    padding: 0 14px 2px 0;
    background: url(/images/navDivider.gif) right no-repeat;
    display: inline;
    clear: none;
}
div.utilitySearch li.last
{
    padding: 0 0 2px 0;
    background: none;
}
div.utilitySearch li a
{
    color: #69c;
    text-decoration: none;
    outline: none;
}
div.utilitySearch li.active a
{
    color: #9cf;
}
div.utilitySearch li a:hover, div.utilitySearch li.active a:hover
{
    color: #fff;
    text-decoration: underline;
}
div.search
{
    margin: 0;
    padding: 0;
    height: 35px;
    width: 195px;
    display: block;
    float: left;
    clear: none;
}
div.search input
{
    outline: none;
    border: none;
    display: block;
    float: left;
    clear: none;
}
div.search input.text
{
    padding: 4px 9px;
    height: 17px;
    width: 106px;
    background: #b3cce7;
}
div.search input[type="submit"], div.search input.button
{
    height: 25px;
    width: 24px;
    text-indent: -5000px;
    padding-left: 24px; /* ie 8 */
    overflow: hidden;
    background: url(/images/buttonSearch.png) top left no-repeat;
}
div.search input.button:hover
{
    border: none;
}
/* Footer
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.footer, div.footer div
{
    margin: 0;
    padding: 46px 0 30px 0;
    color: #edeff5;
    width: 980px;
    background: url(/images/footerSubTop.png) top left no-repeat;
    display: block;
    float: left;
    clear: both;
}
body.homepage div.footer
{
    background: url(/images/footerTop.png) top left no-repeat;
}
body.homepage div.footer div
{
    padding: 0 76px 35px 80px;
    width: 824px;
    background: url(/images/footerBackground.png) bottom left no-repeat;
}
div.footer div
{
    padding: 0 86px 35px 80px;
    width: 814px;
    background: url(/images/footerSubBackground.png) bottom left no-repeat;
}
div.footer p
{
    padding: 0 0 5px 0;
    font-size: 11px;
    width: 490px;
    display: block;
    float: left;
    clear: left;
}
div.footer ul
{
    padding: 20px 0 0 0;
    display: block;
    float: right;
    clear: right;
}
div.footer li
{
    padding: 0 14px 2px 0;
    background: url(/images/navDividerFooter.gif) right no-repeat;
    display: inline;
    clear: none;
}
div.footer li.last
{
    padding: 0 0 2px 0;
    background: none;
}
div.footer a
{
    color: #edeff5;
    text-decoration: underline;
    outline: none;
}
div.footer a:hover
{
    color: #7eaff8;
}
/*_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Homepage Content

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
body.homepage .fullCol, body.homepage .col1, body.homepage .col2
{
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    clear: none;
}
body.homepage .fullCol
{
    width: 980px;
}
body.homepage .col1
{
    margin: 0 0 0 56px;
    width: 575px;
}
body.homepage .col2
{
    margin: 0 35px 0 0;
    width: 314px;
    background: none;
}
/* Homepage Common HTML Elements
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
body.homepagea
{
    color: #6f8bb7;
    text-decoration: none;
    outline: none;
}
body.homepage a:hover
{
    color: #7eaff8;
    text-decoration: underline;
}
body.homepage h1
{
    color: #6c737e;
}
body.homepage h2
{
    color: #6f8bb7;
}
body.homepage a:hover h2
{
    color: #7eaff8;
}
body.homepage h3
{
    color: #edeff5;
}
body.homepage h4
{
    color: #666;
}
/* Homepage Main Navigation
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.promoBanner ul.mainNavigation
{
    margin: 0;
    padding: 0;
    height: 38px;
    width: 345px;
    display: block;
    position: absolute;
    top: 17px;
    left: 111px;
    z-index: 1000;
}
/* Homepage Promo Banner
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
body.homepage div.promoBanner
{
    height: 425px;
    width: 980px;
    background: url(/images/promoBannerBackground.png) top left no-repeat;
    position: relative;
}
/* No Flash - Promo Banner
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
/*
div.promoBanner div.noFlash { padding: 105px 110px 100px 110px; height: 220px; width: 760px; background: url(/images/promo/observatory_at_night.png) top left no-repeat; position: relative; }
*/
div.promoBanner div.noFlash
{
    padding: 105px 110px 100px 110px;
    height: 220px;
    width: 760px;
}
div.noFlash h1, div.noFlash h2, div.noFlash p
{
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: normal;
    width: 760px;
    display: block;
    clear: both;
}
div.noFlash h1
{
    padding: 30px 0 20px 0;
    font-size: 52px;
    letter-spacing: normal;
}
div.noFlash h1 strong
{
    color: #a6fb00;
    font-weight: normal;
}
div.noFlash h2
{
    color: #b8b8b8;
    font-size: 17px;
}
div.noFlash img
{
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
/* Special Message ( Promo Area )
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.specialMessage
{
    padding: 0;
    height: 138px;
    width: 347px;
    background: url(/images/specialMessageBackground.png) top left no-repeat;
    display: block;
    position: absolute;
    top: 240px;
    left: -14px;
    z-index: 1000;
}
div.specialMessage div
{
    padding: 23px 0 23px 29px;
    height: 92px;
    width: 283px;
    overflow: hidden;
    display: block;
    float: left;
    clear: left;
}
div.specialMessage h2
{
    padding: 0 0 12px 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: .13em;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #385689;
    width: 283px;
    background: url(/images/specialMessageTitleBack.png) bottom left no-repeat;
    display: block;
    float: left;
    clear: left;
}
div.specialMessage p
{
    color: #000;
    line-height: 15px;
}
div.specialMessage a
{
    padding-right: 10px;
    background: url(/images/navArrowBlueDouble.png) right no-repeat;
    display: inline;
}
div.specialMessage a.closeButton
{
    padding: 0;
    height: 35px;
    width: 35px;
    background: url(/images/specialMessageCloseButton_up.png) top left no-repeat;
    float: right;
    clear: right;
}
div.specialMessage a.closeButton:hover
{
    background: url(/images/specialMessageCloseButton_over.png) top left no-repeat;
}
/* Homepage Events Listing
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.eventsListing
{
    margin: 0;
    padding: 0;
    width: 575px;
    display: block;
    float: left;
    clear: both;
}
div.eventsListing ul
{
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    clear: none;
}
div.eventsListing li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    float: left;
    clear: none;
}
/* Events Listing Navigation */
div.eventsListing h1
{
    height: 42px;
    width: 250px;
    text-indent: -5000px;
    overflow: hidden;
    background: url(/images/graphicTitleUpcomingEvents.png) top left no-repeat;
    display: block;
    float: left;
    clear: none;
}
.tabs
{
    height: 42px;
    width: 325px;
    overflow: hidden;
}
.tabs li
{
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    height: 35px;
    display: block;
    float: left;
    clear: none;
}
.tabs a
{
    padding: 3px 10px 0 10px;
    color: #edeff5;
    display: block;
    float: left;
}
.tabs a:hover
{
    color: #7eaff8;
}
.tabs .current, .tabs .current:hover, .tabs .current a
{
    color: #000;
    width: 76px;
    background: url(/images/eventListNavHighlight.png) top center no-repeat;
    display: block;
    float: left;
    clear: none;
}
.tabs .current
{
    padding: 3px 10px 10px 10px;
    display: block;
    float: left;
}
div.panes
{
    margin: 0;
    padding: 0;
    width: 575px;
    display: block;
    float: left;
    clear: both;
}
/* Events Listing */
div.eventsListing ul.listing
{
    padding: 3px 0 0 0;
    width: 575px;
    background: url(/images/dividerDottedLine.png) top left no-repeat;
}
div.eventsListing ul.listing li
{
    padding: 25px 25px 0 25px;
    width: 237px;
    list-style: none;
}
div.eventsListing ul.listing li a img
{
    margin: 0;
    padding: 0;
    height: auto;
    width: 80px;
    border: 2px #2b4a86 solid;
    display: block;
    float: left;
}
div.eventsListing ul.listing li a:hover img
{
    border: 2px #7eaff8 solid;
}
div.eventsListing ul.listing li div
{
    margin: 0;
    padding: 10px 0 0 10px;
    width: 143px;
    display: block;
    float: left;
    clear: right;
}
div.eventsListing h2
{
    padding: 0 0 2px 0;
    font-size: 14px;
    display: block;
}
div.eventsListing h3
{
    padding: 0 0 2px 0;
    display: block;
}
/* Homepage Big Buttons
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.bigButtons ul
{
    margin: 0;
    padding: 0;
    width: 312px;
    display: block;
    float: left;
    clear: both;
}
body.homepage div.bigButtons ul
{
    padding: 0;
    width: 314px;
}
div.bigButtons li
{
    margin: 0;
    padding: 0 0 8px 66px;
    list-style: none;
    width: 246px;
    display: block;
    float: left;
    clear: both;
}
body.homepage div.bigButtons li
{
    padding: 0;
    width: 314px;
}
/* Homepage Did You Know
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.didYouKnow h2
{
    height: 30px;
    width: 314px;
    text-indent: -5000px;
    overflow: hidden;
    background: url(/images/didYouKnowTitle.png) top left no-repeat;
    display: block;
    float: left;
    clear: both;
}
div.didYouKnow p
{
    margin: 0;
    padding: 3px 11px 3px 5px;
    color: #edeff5;
    width: 190px;
    display: block;
    float: left;
    clear: none;
}
div.didYouKnow ul
{
    margin: 0;
    padding: 0;
    width: 108px;
    display: block;
    float: left;
    clear: none;
    position: relative;
}
div.didYouKnow li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    float: left;
    clear: none;
    cursor: pointer;
}
div.didYouKnow li div
{
    margin: 0;
    padding: 0;
    height: 88px;
    width: 190px;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 108px;
    cursor: default;
}
/* Social Media Links
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.socialMedia ul
{
    margin: 0;
    padding: 20px 94px 0 17px;
    float: right;
    clear: none;
}
body.homepage div.socialMedia ul
{
    padding: 3px 17px 0 17px;
    width: 280px;
    background: url(/images/socialMediaDivider.png) top left no-repeat;
    float: left;
}
div.socialMedia li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    float: left;
    clear: none;
}
div.socialMedia a.icon1
{
    height: 48px;
    width: 24px;
    background: url(/images/iconDiggSmall.png) top left no-repeat;
}
div.socialMedia a.icon2
{
    height: 48px;
    width: 24px;
    background: url(/images/iconDeliciousSmall.png) top left no-repeat;
}
div.socialMedia a.icon3
{
    height: 48px;
    width: 24px;
    background: url(/images/iconFacebookSmall.png) top left no-repeat;
}
div.socialMedia a.icon4
{
    height: 48px;
    width: 24px;
    background: url(/images/iconFlickrSmall.png) top left no-repeat;
}
div.socialMedia a.icon5
{
    height: 48px;
    width: 24px;
    background: url(/images/iconYouTubeSmall.png) top left no-repeat;
}
div.socialMedia a.icon6
{
    height: 48px;
    width: 24px;
    background: url(/images/iconTwitterSmall.png) top left no-repeat;
}
/*_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Sub-Level Content

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
.fullCol, .col1, .col2
{
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    clear: none;
}
.fullCol
{
    width: 980px;
}
.col1
{
    width: 312px;
}
.col2
{
    width: 668px;
    background: url(/images/subPanelBackground2.png) top left no-repeat;
}
/* Sub-Level Main Content
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.mainContent
{
    margin: 0;
    padding: 34px 94px 0 36px;
    color: #272727;
    overflow-x: hidden;
    width: 538px;
    background: url(/images/subPanelTop2.png) top left no-repeat;
    display: block;
    float: left;
    clear: both;
}
/* Sub-Level Content Columns
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.mainContent div.columnLeft, div.mainContent div.columnRight
{
    margin: 0;
    width: 250px;
    display: block;
}
div.mainContent div.columnLeft
{
    padding: 0 38px 0 0;
    float: left;
    clear: left;
}
div.mainContent div.columnRight
{
    padding: 0;
    float: right;
    clear: right;
}
/* Sub-Level Content Image Caption Blocks
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
p.imageCaption, p.imageCaptionLeft, p.imageCaptionRight
{
    padding: 0 0 10px 0;
    font-size: 11px;
    line-height: 16px;
    display: block;
    float: left;
    clear: both;
}
p.imageCaptionLeft
{
    padding: 0 110px 10px 0;
}
p.imageCaptionRight
{
    padding: 0 110px 10px 0;
}
p.imageCaption img
{
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
    clear: both;
}
p.imageCaptionLeft img
{
    margin: 0 15px 5px 0;
    float: left;
    clear: left;
}
p.imageCaptionRight img
{
    margin: 0 0 5px 15px;
    float: right;
    clear: right;
}
/* Sub-Level Iconic Titles
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.mainContent div.columnLeft .icon, div.mainContent div.columnRight .icon
{
    width: 250px;
}
.icon
{
    margin: 0 0 10px 0;
    padding: 4px 0 12px 0;
    color: #000;
    font-size: 19px;
    line-height: 18px;
    letter-spacing: normal;
}
.none
{
    padding-bottom: 8px;
    background: url(/images/titleBackgroundNone.png) bottom left no-repeat;
}
.classroomResources
{
    padding-left: 28px;
    background: url(/images/titleBackgroundBooks2.png) bottom left no-repeat;
}
.schoolPrograms
{
    padding-left: 24px;
    background: url(/images/titleBackgroundLightbulb.png) bottom left no-repeat;
}
.teacherTraining
{
    padding-left: 31px;
    background: url(/images/titleBackgroundBooks1.png) bottom left no-repeat;
}
.icon a
{
    padding: 0 0 0 10px;
    color: #6481b1;
    font-family: Tahoma, Helvetica, Arial, Verdana;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: normal;
    text-decoration: underline;
    display: inline;
    float: none;
    cursor: pointer;
}
.icon a:hover
{
    color: #7eaff8;
}
/* Sub-Level Bread Crumb Navigation
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
/* edited width from 628 to 610 */
div.breadCrumbs
{
    margin: 0;
    padding: 28px 20px 0 20px;
    width: 610px;
    display: block;
    float: left;
    clear: both;
}
div.breadCrumbs ul
{
    margin: 0;
    padding: 0 0 10px 0;
    display: block;
    float: left;
    clear: both;
}
div.breadCrumbs li
{
    margin: 0;
    padding: 10px 10px 2px 0;
    font-size: 12px;
    list-style: none;
    display: block;
    float: left;
    clear: none;
}
div.breadCrumbs li a
{
    margin: 0;
    padding: 0 13px 0 0;
    color: #cbdffb;
    background: url(/images/navArrowYellowDouble.png) right no-repeat;
    display: block;
    float: left;
    clear: both;
}
div.breadCrumbs li.active a
{
    color: #fff;
    background: none;
}
/* Sub-Level Main Navigation
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
ul.mainNavigation
{
    margin: 17px 0 0 0;
    padding: 0 524px 0 111px;
    height: 38px;
    width: 345px;
    display: block;
    float: left;
    clear: both;
}
ul.mainNavigation li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    float: left;
    clear: none;
}
ul.mainNavigation a
{
    height: 38px;
    text-indent: -5000px;
    overflow: hidden;
    display: block;
    float: left;
    clear: none;
}
ul.mainNavigation a.visitChabot
{
    width: 135px;
    background: url(/images/promoNavLinks.png) 0 0;
}
ul.mainNavigation li.active a.visitChabot
{
    background: url(/images/promoNavLinks.png) 0 38px;
}
ul.mainNavigation a.visitChabot:hover, ul.mainNavigation li.active a.visitChabot:hover
{
    background: url(/images/promoNavLinks.png) 0 76px;
}
ul.mainNavigation a.learn
{
    width: 75px;
    background: url(/images/promoNavLinks.png) 210px 0;
}
ul.mainNavigation li.active a.learn
{
    background: url(/images/promoNavLinks.png) 210px 38px;
}
ul.mainNavigation a.learn:hover, ul.mainNavigation li.active a.learn:hover
{
    background: url(/images/promoNavLinks.png) 210px 76px;
}
ul.mainNavigation a.getInvolved
{
    width: 135px;
    background: url(/images/promoNavLinks.png) 135px 0;
}
ul.mainNavigation li.active a.getInvolved
{
    background: url(/images/promoNavLinks.png) 135px 38px;
}
ul.mainNavigation a.getInvolved:hover, ul.mainNavigation li.active a.getInvolved:hover
{
    background: url(/images/promoNavLinks.png) 135px 76px;
}
/* Sub-Level Navigation
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.subNavigation
{
    margin: 0;
    padding: 0;
    width: 312px;
    background: url(/images/subPanelBackground.png) bottom left no-repeat;
    display: block;
    float: left;
    clear: both;
}
div.subNavigation div
{
    margin: 0;
    padding: 41px 0 56px 0;
    min-height: 250px;
    width: 312px;
    background: url(/images/subPanelTop.png) top left no-repeat;
    display: block;
    float: left;
    clear: both;
}
div.subNavigation ul
{
    margin: 0;
    padding: 0 22px 0 36px;
    width: 254px;
    display: block;
    float: left;
    clear: both;
}
div.subNavigation ul ul
{
    padding: 0 0 0 24px;
    width: 230px;
    background: none;
}
div.subNavigation li
{
    margin: 0 0 11px 0;
    padding: 0 20px 0 20px;
    font-size: 16px;
    line-height: normal;
    list-style: none;
    width: 234px;
    display: block;
    float: left;
    clear: both;
}
div.subNavigation li li
{
    margin: 11px 0 0 0;
    padding: 0 20px 0 0;
    font-size: 13px;
    width: 214px;
}
div.subNavigation li a
{
    margin: 0;
    padding: 0 0 0 18px;
    background: url(/images/navArrowGreenDouble.png) left no-repeat;
    display: block;
    float: left;
    clear: both;
}
div.subNavigation li li a
{
    padding: 0 0 0 18px;
    background: url(/images/navArrowGreenSingle.png) left no-repeat;
}
div.subNavigation a
{
    color: #b8cdf5;
}
div.subNavigation li.active a
{
    color: #bdff00;
}
div.subNavigation li.active li a, div.subNavigation li.active li li a, div.subNavigation li.active li li li a, div.subNavigation li.active li li li li a, div.subNavigation li.active li li li li li a
{
    color: #b8cdf5;
}
div.subNavigation li li.active a, div.subNavigation li li li.active a, div.subNavigation li li li li.active a, div.subNavigation li li li li li.active a
{
    color: #bdff00;
}
div.subNavigation li.graphicSubTitle
{
    margin: 0;
    padding: 0;
    height: 55px;
    width: 254px;
    background: url(/images/subNavDivider.png) bottom center no-repeat;
    display: block;
    float: left;
    clear: both;
}
div.subNavigation li.graphicSubTitle a
{
    margin: 0;
    padding: 0;
    color: #bdff00;
    height: 35px;
    width: 254px;
    text-indent: -5000px;
    overflow: hidden;
    display: block;
    float: left;
    clear: both;
}
div.subNavigation li.graphicSubTitle a.aboutChabot
{
    background: url(/images/graphicSubTitleAboutChabot.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.afterDark
{
    background: url(/images/graphicSubTitleAfterDark.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.contactUs
{
    background: url(/images/graphicSubTitleContactUs.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.directions
{
    background: url(/images/graphicSubTitleDirections.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.error
{
    background: url(/images/graphicSubTitle404.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.getInvolved
{
    background: url(/images/graphicSubTitleGetInvolved.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.kids
{
    background: url(/images/graphicSubTitleKids.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.learn
{
    background: url(/images/graphicSubTitleLearn.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.mediaPress
{
    background: url(/images/graphicSubTitleMediaPress.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.newsRoom
{
    background: url(/images/graphicSubTitleNewsRoom.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.parents
{
    background: url(/images/graphicSubTitleParents.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.privacyPolicy
{
    background: url(/images/graphicSubTitlePrivacyPolicy.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.siteIndex
{
    background: url(/images/graphicSubTitleSiteIndex.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.teachers
{
    background: url(/images/graphicSubTitleTeachers.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.active-volunteers
{
    background: url(/images/graphicSubTitleVolunteer.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.ge-getting-started
{
    background: url(/images/graphicSubTitleGalaxyExplorers.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.visitChabot
{
    background: url(/images/graphicSubTitleVisitChabot.png) top left no-repeat;
}
div.subNavigation li.graphicSubTitle a.searchResults
{
    background: url(/images/graphicSubTitleSearchResults.png) top left no-repeat;
}
div.subNavigation p
{
    margin: 0;
    padding: 20px 52px 20px 56px;
    width: 204px;
    color: #fffefe;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    line-height: 24px;
    display: block;
    float: left;
    clear: both;
}
/* Sub-Level Hours & Directions
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.hoursDirections
{
    padding: 0 0 10px 56px;
    width: 256px;
    overflow: hidden;
    background: url(/images/hoursDirectionsBackground.png) bottom left no-repeat;
    display: block;
    float: left;
    clear: both;
}
div.hoursDirections h2
{
    padding: 0 0 12px 0;
    height: 77px;
    width: 256px;
    text-indent: -5000px;
    overflow: hidden;
    background: url(/images/hoursDirectionsTitle.png) top left no-repeat;
    display: block;
    float: left;
    clear: both;
}
div.hoursDirections p
{
    margin: 0;
    padding: 0 21px 12px 34px;
    font-size: 11px;
    width: 201px;
    display: block;
    float: left;
    clear: both;
}
div.hoursDirections ul
{
    margin: 0;
    padding: 0 21px 0 34px;
    width: 201px;
    display: block;
    float: left;
    clear: both;
}
div.hoursDirections li
{
    margin: 0;
    padding: 0 0 12px 0;
    font-size: 11px;
    font-weight: bold;
    list-style: none;
    width: 201px;
    display: block;
    float: left;
    clear: both;
}
div.hoursDirections ul.inline li
{
    margin: 0;
    padding-right: 10px;
    width: auto;
    font-weight: normal;
    clear: none;
}
div.hoursDirections a
{
    margin: 0;
    padding: 0 10px 0 0;
    color: #3f6197;
    background: url(/images/navArrowBlueDouble.png) right no-repeat;
    display: block;
    float: left;
    clear: both;
}
div.hoursDirections a:hover
{
    text-decoration: underline;
}
/* Sub-Level Featured Item
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.featuredItem
{
    margin: 10px 0 25px 0;
    padding: 0;
    height: 190px;
    width: 538px;
    background: url(/images/featuredItemBackgroundGreen.png) top left no-repeat;
    display: block;
    float: left;
    clear: both;
}
div.featuredItem img
{
    margin: 0;
    padding: 0;
    height: 190px;
    width: 230px;
    display: block;
    float: right;
    clear: right;
}
div.featuredItem div
{
    margin: 0;
    padding: 0;
    height: 190px;
    width: 308px;
    overflow: hidden;
    display: block;
    float: left;
    clear: left;
}
div.featuredItem h2.graphicTitle
{
    height: 58px;
    width: 308px;
    clear: both;
}
div.featuredItem h2.featuredExhibit
{
    background: url(/images/graphicTitleFeaturedExhibit.png) top left no-repeat;
}
div.featuredItem h2.featuredEvent
{
    background: url(/images/graphicTitleFeaturedEvent.png) top left no-repeat;
}
div.featuredItem h2.featuredShow
{
    background: url(/images/graphicTitleFeaturedShow.png) top left no-repeat;
}
div.featuredItem h3
{
    padding: 0 20px 0 20px;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}
div.featuredItem p
{
    padding: 0 20px 15px 20px;
    color: #fff;
    font-size: 14px;
}
div.featuredItem a
{
    margin: 25px 140px 25px 30px;
    padding: 0;
    width: 138px;
    overflow: hidden;
    display: block;
    float: left;
    clear: left;
}
/* Sub-Level Exhibit List
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.mainContent ul.listing
{
    margin: 0;
    padding: 5px 0 10px 0;
    display: block;
    float: left;
    clear: none;
}
div.mainContent ul.listing li
{
    margin: 0;
    padding: 0 25px 15px 0;
    width: 250px;
    list-style: none;
    display: block;
    float: left;
    clear: both;
}
div.mainContent ul.listing li a img
{
    margin: 0;
    padding: 0;
    height: auto;
    width: 80px;
    border: 2px #2b4a86 solid;
    display: block;
    float: left;
}
div.mainContent ul.listing li a:hover img
{
    border: 2px #7eaff8 solid;
}
div.mainContent ul.listing li div
{
    margin: 0;
    padding: 6px 0 0 10px;
    width: 156px;
    display: block;
    float: left;
    clear: right;
}
div.mainContent ul.listing h2
{
    padding: 0;
    color: #406097;
    font-size: 14px;
    line-height: 16px;
    display: block;
}
div.mainContent ul.listing p
{
    padding: 0;
    line-height: 16px;
    display: block;
}
div.mainContent ul.listing p.showTimes
{
    padding: 0;
    font-style: italic;
    display: block;
}
div.mainContent ul.listing p.showTimes strong
{
    padding: 0;
    font-size: 11px;
    display: block;
}
/* Sub-Level Exhibit List
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.exhibitList
{
    margin: 0;
    padding: 5px 0 0 0;
    width: 538px;
    display: block;
    float: left;
    clear: both;
}
div.exhibitList ul
{
    padding: 0;
}
div.exhibitList ul ul
{
    padding: 2px 0 0 20px;
}
div.exhibitList li
{
    padding: 0 0 30px 0;
    list-style: none;
    display: block;
    float: left;
    clear: both;
}
div.exhibitList li li
{
    padding: 0 10px 0 0;
    clear: none;
}
div.exhibitList img
{
    margin: 0;
    padding: 0;
    /*height: 150px;*/
    width: 150px;
    display: block;
    float: left;
    clear: left;

    /*added by chip 8/14/2014 */
    height:auto;

}


div.exhibitList div
{
    margin: 0;
    padding: 0;
    width: 388px;
    overflow: hidden;
    display: block;
    float: right;
    clear: right;
}
div.exhibitList h2
{
    padding: 0 20px 10px 20px;
    color: #436294;
    font-size: 15px;
    text-decoration: underline;
}
div.exhibitList a
{
    color: #436294;
    display: inline;
}
div.exhibitList a:hover
{
    color: #7eaff8;
}
div.exhibitList p
{
    padding: 0 20px 15px 20px;
}
div.exhibitList a
{
}
/* Sub-Level Exhibit Detail
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.exhibitDetail
{
    margin: 0;
    padding: 0;
    width: 538px;
    display: block;
    float: left;
    clear: both;
}
div.exhibitDetail h2
{
    padding: 15px 0 15px 0;
    color: #4b4b4b;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
}
div.exhibitDetail h3
{
    color: #000;
    font-size: 11px;
    font-weight: normal;
}
/* Sub-Level Landing Page Intro
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.landingIntro div.columnLeft, div.landingIntro div.columnRight
{
    margin: 0;
    padding: 5px 0 10px 0;
    display: block;
}
div.landingIntro div.columnLeft
{
    padding-right: 15px;
    width: 219px;
    float: left;
    clear: left;
}
div.landingIntro div.columnRight
{
    padding-right: 90px;
    width: 214px;
    float: right;
    clear: right;
}
div.landingIntro p
{
    padding: 0 0 10px 0;
}
/* Employment Listing
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.employmentListings h2
{
    padding: 0 0 2px 0;
    color: #6c737e;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: normal;
}
div.employmentListings h3
{
    padding: 0 0 5px 5;
    color: #8a98ac;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    letter-spacing: normal;
}
/* Sub-Level Foundation Member List
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.mainContent ul.memberList
{
    margin: 0;
    padding: 5px 0 10px 0;
    display: block;
    float: left;
    clear: none;
}
div.mainContent ul.memberList li
{
    margin: 0 0 5px 0;
    padding: 0;
    width: 538px;
    list-style: none;
    display: block;
    float: left;
    clear: both;
}
div.mainContent ul.memberList li img
{
    margin: 0;
    padding: 0;
    height: auto;
    width: 98px;
    display: block;
    float: left;
    cursor: pointer;
}
div.mainContent ul.memberList li div
{
    margin: 0;
    padding: 21px 10px 0 10px;
    width: 420px;
    display: block;
    float: left;
    clear: right;
}
div.mainContent ul.memberList li div div
{
    margin: 0;
    padding: 0;
    width: 420px;
    display: block;
    float: left;
    clear: right;
}
div.mainContent ul.memberList h2
{
    padding: 0;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    display: block;
}
div.mainContent ul.memberList h3
{
    padding: 0;
    line-height: 16px;
    font-style: italic;
    font-weight: normal;
    width: 100%;
    display: block;
}
div.mainContent ul.memberList p
{
    padding: 0;
    line-height: 16px;
    width: 100%;
    display: block;
}
div.mainContent ul.memberList div.fullBio p
{
    margin: 10px 0 0 0;
}
div.mainContent p.trigger a
{
    margin: 10px 0 10px 0;
    color: #3f6197;
    text-decoration: none;
    display: block;
    float: left;
    clear: both;
    cursor: pointer;
}
div.mainContent p.trigger a:hover
{
    text-decoration: underline;
}
div.mainContent p.on a
{
    padding: 0 10px 0 0;
    background: url(/images/navArrowBlueDouble.png) right no-repeat;
}
div.mainContent p.off a
{
    padding: 0 10px 0 13px;
    background: url(/images/navBlueX.png) left no-repeat;
}
/* Calendar
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.calendar h1
{
    color: #000;
    height: 60px;
    font-weight: normal;
}
div.calendar h1 a
{
    padding: 0;
    color: #3f6197;
    font-family: Tahoma, Helvetica, Arial, Verdana;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: normal;
    text-decoration: none;
    display: inline;
    float: none;
    cursor: pointer;
}
div.calendar h1 a:hover
{
    text-decoration: underline;
}
div.calendar h1 a.prev
{
    margin: 0 0 0 10px;
    padding: 0 10px 0 10px;
    background: url(/images/navArrowBlueDoubleLeft.png) left no-repeat;
}
div.calendar h1 a.next
{
    padding: 0 10px 0 10px;
    background: url(/images/navArrowBlueDouble.png) right no-repeat;
}
div.calendar h2
{
    margin: 0;
    padding: 20px 0 20px 0;
    color: #fff;
    text-align: center;
    background: url(/images/calendarTodaysDateBackground.png) left no-repeat;
}
div.items div
{
    margin: 0;
    padding: 0;
    width: 538px;
    height: 198px;
    background: url(/images/calendarGroupBackground.png) top center no-repeat;
    display: block;
    float: left;
    clear: none;
}
div.calendar ul
{
    margin: 0;
    padding: 0 8px 0 8px;
    width: 175px;
    height: 198px;
    background: url(/images/calendarBackground.png) top center no-repeat;
    display: block;
}
div.calendar ul.left
{
    margin-left: 78px;
    float: left;
    clear: left;
}
div.calendar ul.right
{
    margin-right: 78px;
    float: right;
    clear: right;
}
div.calendar li
{
    margin: 0;
    padding: 4px 0 0 0;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    width: 25px;
    height: 17px;
    display: block;
    float: left;
    clear: none;
}
div.calendar li.highlight
{
    background: #a9f001;
}
div.calendar ul li.month
{
    padding-top: 8px;
    height: 19px;
    width: 175px;
    background: none;
    clear: both;
}
div.calendar ul.inline li
{
    margin: 0;
    padding-right: 10px;
    font-weight: normal;
    clear: none;
}
div.calendar li a
{
    color: #4c4c4c;
}
div.calendar li.closed a
{
    color: #b2becc;
}
div.calendar li a:hover, div.calendar li.closed a:hover
{
    color: #7eaff8;
    text-decoration: underline;
}
div.calendar li.highlight a:hover
{
    color: #4c4c4c;
    text-decoration: underline;
}
/* Calendar Scrollable Content Area
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/
div.scrollable
{
    position: relative;
    overflow: hidden;
    width: 538px;
    height: 198px;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items
{
    /* this cannot be too large */
    width: 6500px;
    position: absolute;
}
/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
div.items div
{
    float: left;
}
em
{
    border: solid 1px #ccc;
    background-color: #eee;
    padding: 4px;
    display: block;
    width: 90%;
}





/*
	support for expando feature
*/
div.expando div.off
{
    display: none;
}
div.expando h3 span
{
    padding-left: 20px;
    background-image: url('../images/plusGreen.png');
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
}
div.expando h3 span.minus
{
    background-image: url('../images/minusGreen.png');
}
div.expando p
{
    font-size: 12px;
}
div.expando.highlight
{
    background: #e1f0ff;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
}
/**************************************
    formService stuff
***************************************/
.mainContent #formService
{
    font-size: 12px;
}
.mainContent #formService table
{
    border-collapse: collapse;
    border: none;
    background: #eee;
}
/*
.mainContent #formService td {
	border-top: 1px #ddd solid;
}
*/
.mainContent input[type="submit"], .mainContent input[type="reset"], .mainContent #formService .inputButton
{
    display: block;
    float: left;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    width: 75px !important;
    height: 24px;
    border: solid 1px black;
    margin-right: 4px;
    padding-bottom: 2px; /*  line-height: normal;    */
    background-color: #ddd;
}
.mainContent input[type="submit"]:hover, .mainContent #formService .inputButton:hover
{
    background-color: #fff;
}
.mainContent #formService .inputTitle
{
    font-weight: bold;
}
.inputLabel, .inputTextAreaLabel
{
    line-height: normal;
    vertical-align: top;
}
.mainContent input.inputNumber
{
    margin: 0 10px 0 0;
}
.mainContent #formService .inputTextAreaLabel
{
    vertical-align: top;
}
/**************************************
    Chabot stuff
***************************************/
.mainContent .clear
{
    clear: both;
}
.mainContent .normal
{
    padding: 0 0 20px 10px;
}
.mainContent .hidden
{
    display: none;
}
td.center, .mainContent .center
{
    text-align: center;
}
td.right, .mainContent .right
{
    text-align: right;
}
td.top, .mainContent .top
{
    vertical-align: top;
}
.mainContent span.link
{
    display: inline-block;
    cursor: pointer;
}
.mainContent .caption
{
    margin: 0;
    padding: 0;
    font-size: small;
    font-style: italic;
}
.mainContent .inputCalendar
{
    display: inline-block;
    padding: 0 2px;
    background-image: url(/forms/images/calendar_icon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    cursor: pointer;
    height: 16px;
    width: 16px;
}

/**** Added by Chip 8/7/2014 **/
.showTimesBlock 
{
    border: solid 1px #ccc;
    background-color: #eee;
    padding: 4px;
    display: block;
    width: 80%;
    margin-left:20px;
}
/*
div.exhibitList buttonBlock
{
    margin: 5px;
    padding: 0;
    height: 150px;
    width: 150px;
    display: block;
    float: left;
    clear: left;
}
*/