@import url('reset.css');
@import url('fancybox.css');

/* ----------------- REUSED STYLES ------------------------- */
.floatLeft { float: left; }
.floatRight { float: right; }
.clearAll { clear: both; }

/* ----------------- MAIN STRUCTURE ------------------------ */
#beastie_boys { width: 1000px; margin: 0 auto; text-align: left; }

#header { background: #fff url(/images/css/g_headerBG.jpg) top left; width: 1000px; height: 210px; position: relative; }
/* main nav */
ul.mainNav { width: 975px; height: 18px; padding: 0 7px 0 11px; display: block; position: absolute; bottom: 27px; left: 0px; }
ul.mainNav li { float: left; list-style-type: none; }
ul.mainNav li a { height: 18px; display: block; text-indent: -9999px; outline: none; }
li#home a, li#about a, li#education a, li#exhibits a, li#getInvolved a, li#events a, li#library a, li#partners a, li#donations a { background: url(/images/css/n_nav.gif) no-repeat; }

li#home a { background-position:0 0; width:56px; left:0; }
li#home a:hover, body#home li#home a  { background-position: 0 -17px; }

li#about a { background-position:-56px 0; width:105px; left:56px; }
li#about a:hover, body.about_us li#about a { background-position: -56px -17px; }

li#education a { background-position:-160px 0; width:112px; left:160px; }
li#education a:hover, body.education li#education a { background-position: -160px -17px; }

li#exhibits a { background-position:-271px 0; width:162px; left:271px; }
li#exhibits a:hover, body.exhibits_and_films li#exhibits a { background-position: -271px -17px; }

li#getInvolved a { background-position:-432px 0; width:133px; left:432px; }
li#getInvolved a:hover, body.get_involved li#getInvolved a { background-position: -432px -17px; }

li#events a { background-position:-564px 0; width:85px; left:564px; }
li#events a:hover, body.events li#events a { background-position: -564px -17px; }

li#library a { background-position:-648px 0; width:113px; left:648px; }
li#library a:hover, body.library li#library a { background-position: -648px -17px; }

li#partners a { background-position:-760px 0; width:107px; left:760px; }
li#partners a:hover, body.partners li#partners a { background-position: -760px -17px; }

li#donations a { background-position:-866px 0; width:99px; left:866px; }
li#donations a:hover, body.donations li#donations a { background-position: -866px -17px; }
/* end main nav */

/* sub nav */
ul.subNav { clear: both; display: block; position: absolute; bottom: 0; left: 21px; padding-bottom: 8px; font-size: .8em; line-height: .1; }
ul.subNav li { display: inline; padding-right: 20px; margin-right: 10px; background: url(/images/css/g_subNav_bullet.gif) center right no-repeat; }
ul.subNav li.last { background: none; }
ul.subNav li a { color: #BD9B6A; font-family: Helvetica, Arial, sans-serif; }
ul.subNav li a:hover, ul.subNav li.active a { color: #7a5225; text-decoration:none;}
/* end sub nav */

.headerRule { width: 1000px; height: 1px; background: #58595B url(/images/css/g_navShadow.jpg) repeat-y bottom right; }

/* main page content */
.content { clear: both; background: transparent url(/images/css/g_contentBG.jpg) top left repeat-y; width: 1000px; }
body#home .content { background: transparent url(/images/css/g_contentBG_home.jpg) top left repeat-y; }
body.survivor_testimony ul.buckets { display: none; }

.col1 ul li { padding: 0 0 5px; list-style: disc; list-style-position:inside; text-indent: 0px; margin: 0 0 0 15px; padding: 0 0 0 -20px;  }

ul.buckets { clear: both; font-size: .7em; }
ul.buckets li { display: inline; float: left; position: relative; display: block; width: 160px; height: 370px; margin: 20px 53px 20px 0; list-style: none; }
ul.buckets li div.bucketTop { position: relative; width: 160px; height: 158px; }
ul.buckets li img { width: 160px; }
ul.buckets li h4 { background: url(/images/css/g_titleBG.png) repeat-y bottom left; position: absolute; display: block; bottom: 0; left: 0; width: 131px; height: 20%; padding: 5px 3px 4px 25px; color: #fff; margin-bottom: -2px !important; }
ul.buckets li p { font-size: 1.2em; line-height: 1.5; padding-top: 10px; }
ul.buckets li p a { font-size: .7em; text-transform: uppercase; letter-spacing: .15em; }

.col1 { float: left; width: 640px; margin: 0 20px 0 25px; }
.col1 a { text-transform: none; letter-spacing: 0; }
.col1 a:hover { text-decoration: underline; }
.col1 p { font-size: 1.4em; line-height: 1.4; }
.col1 h2 { margin: 20px 0 20px; font-weight: normal; }
.col1 h4, .col1 h5 { margin-bottom: 1em; }
.col1_sub { float: left; width: 290px; margin: 0 30px 0 0; }
.col16_sub { float: left; width: 340px; margin: 0 30px 0 0; }
.col14_sub { float: left; width: 240px; margin: 0 30px 0 0; }
.col1 .img_145, .col1 .img_290 { float: left; display: inline; margin: 3px 15px 3px 0;}
.col1_sub .img_290, .col16_sub .img_290, .col14_sub .img_290 { float: none; margin: 0; }

.col1 ul.page_list { margin: 20px 0 0 -15px; font-size: .7em; }
.col1 ul.page_list li, div.search_result { list-style: none; border-bottom: 1px #eee solid; padding: 10px 0;  }
.col1 ul.page_list li h3 span { font-weight: normal; }
.col1 ul.page_list li h4 { margin: 0 0 10px; font-size: 1.5em; }
.col1 ul.page_list li p { margin: 0 0 0; }
.col1 ul.page_list a { font-weight: normal; text-transform: capitalize; letter-spacing: 0; text-decoration: none; color: #71A0B9; }
.col1 ul.page_list a:hover { font-weight: normal; text-transform: capitalize; letter-spacing: 0; text-decoration: underline; color: #364E5B; }
.col1 ul#calendar_entries li h3, .col1 ul#film_series li h3 { margin: 0 0 10px; }
ul#newsletters li a, ul#prev_twih li a { font-size: 1.4em; }
.col1 ul#announcements_listing li h3 { margin: 0 0 10px; }
ul#prev_twih { margin: 0 0 -15px 0; }
ul#up_ex li { position: relative; padding: 8px 15px 55px; margin-top: 10px; }
ul#up_ex p img { position: absolute; top: 10px; left: 0; margin: 0 0 10px; }
ul#up_ex p, ul#up_ex h3 { margin: 0 0 0 130px; }

body#search_results .col1 .search_result p { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; }
body#search_results .col1 .search_result a { display: block; color: #0099FF; font-family: Arial, Helvetica, sans-serif;}

/* only used on home page */
body#home .col1 { float: left; width: 220px; margin: 0 21px 0 25px; font-size: 1.2em; padding: 0 0 20px 0; background: #FAF2E3/*light tan*/; }
body#home .col1 a { text-transform: uppercase; letter-spacing: .15em; }
.teachableMomentsContainer { margin: 0 0 20px 0; }
.teachableMomentsContainer p { font-size: 1em; line-height: 1.6; padding: 0 7px 5px; margin: 0 14px; background: #fff; border: 1px #d7cdbb solid; border-top: none; border-bottom: none; }
.teachableMomentsContainer p.bottomParagraph { border-bottom: 1px #d7cdbb solid; }
.thisDay { background: #fff; border: 1px solid #D7CDBB; }
.thisDay h4 { font-size: 1.1em; color: #fff; line-height: 1.3; font-weight: normal; font-style: italic; padding: 10px 10px; background: #412E3B; }
.thisDay img { margin: -13px 0 5px; }
.thisDay p { font-size: 1em; line-height: 1.3em; padding: 5px; margin-top: 0; float: left; }
.thisDay p a { font-size: .8em; }

.col2 { float: left; width: 420px; font-size: 1.4em; line-height: 1.4; font-weight: normal }
.col2 .mainImg { width: 423px; height: 291px; margin: 0 0 1em; }
/* end home page */

/* COL3 IS THE SAME SIDEBAR ON EVERY PAGE */
.col3 { float: right; width: 260px; margin-right: 25px; font-size: .7em; }
.col3 ul { width: 230px; margin: 20px 20px 20px 15px; }
.col3 ul li { margin-bottom: 20px; list-style: none; }
.col3 ul li input { border: 1px #333 solid; font: italic 1.4em/1 Georgia, "Times New Roman", Times, serif; color: #888; letter-spacing: .1em; padding: 7px 13px 7px 5px; margin: 0 -7px 10px 0; width: 119px; height: 18px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; /*-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.75); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.75);*/ }
.col3 ul li input.searchBtn { background: url(/images/css/btn_search.gif) no-repeat center; float: left; margin-right: 3px; text-indent: -9999px; width: 89px; height: 34px; border-left: none; border-right: 1px #333 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; cursor: pointer; }
.col3 ul li a.donateToday { background: #DCAC48 url(/images/css/btn_donate.jpg) no-repeat bottom left; display: block; color: #fff; text-indent: -9999px; width: 236px; height: 44px; margin-left: -3px; clear: both; }
.col3 ul li ul.announcementList { background: url(/images/css/g_announcementsBG.gif) center top repeat-y; width: 235px; margin: 0 0 0 -1px; padding: 0px; }
.col3 ul li ul.announcementList li { font: normal 1.3em/1.5 Georgia, "Times New Roman", Times, serif; padding: 0 15px; list-style: none; }
.col3 ul li ul.announcementList li p { margin: 0; }
.col3 ul li ul.announcementList li p.date { margin: 0 0 5px; font-style: italic; color: #666;}
.col3 ul li ul.announcementList li p.link { margin: 5px 0 0; }
.col3 ul li ul.announcementList a { padding: 0; font-size: .8em; }
.col3 ul li ul.announcementList h6.announcementList_footer { background: url(/images/css/g_announcements_footer.jpg) no-repeat bottom center; width: 235px; height: 9px; display: block; }
.col3 ul li.museumHours { font: italic 1.4em/1.8 Georgia, "Times New Roman", Times, serif; list-style: none; clear: both; }
.col3 ul li.museumHours h3 { font-size: 1.5em; font-weight: normal; padding: 5px 2px; margin: 0; border: 1px #666 solid; border-left: none; border-right: none; background: url(/images/css/g_hoursBg.gif) no-repeat 60% 10%; }
.col3 ul li.museumHours p { font-size: 1.2em; padding: 0; margin: -10px 0 0 0; }
.col3 ul li.museumHours p span.amPM { font-style: normal; text-transform: uppercase; }
.col3 ul li.admission { margin-top: -15px; }
.col3 ul li.admission p { font-size: 1em; line-height: 1.8; font-family: Helvetica, Arial, Verdana, sans-serif; }
.col3 ul li.admission p a { font-family: Helvetica, Arial, Verdana, sans-serif; text-transform: lowercase; font-size: 1em; }
.col3 ul li.newsletter { margin: -10px 0 30px 0; padding-bottom: 10px; list-style: none; }
.col3 ul li.newsletter h3 { font: italic 1.5em/1.8 Georgia, "Times New Roman", Times, serif; }
.col3 ul li.newsletter input[type=text] { border: 1px #333 solid; font: italic 1.4em/1 Georgia, "Times New Roman", Times, serif; color: #888; letter-spacing: .1em; padding: 7px 13px 7px 5px; margin: 0 -7px 10px 0; width: 60%; height: auto; display:inline;-webkit-border-radius: 5px; -moz-border-radius: 5px; /*-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.75); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.75);*/ }
.col3 ul li.newsletter input[type=submit] { border: 1px #333 solid; background-color:#BD9B6A;font: italic 1.4em/1 Georgia, "Times New Roman", Times, serif; color: #333; letter-spacing: .1em; width: 30px; margin:0 0 0 10px;height: auto; display:inline;-webkit-border-radius: 5px; -moz-border-radius: 5px; /*-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.75); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.75);*/ }
.col3 ul li.floridaArtsCulture { border-top: 1px #58595B dashed; padding-top: 10px; }
.col3 ul li.floridaArtsCulture a { font: normal .9em/1.5 Helvetica, Arial, Verdana, sans-serif; text-transform: none; color: #666; height: 63px; display: block; }
.col3 ul li.floridaArtsCulture a:hover { color: #333; }
.col3 ul li.floridaArtsCulture a span { margin: 5px 0 0 10px; float: left; width: 150px; }

ul.social { width: 237px; margin-left: -2px; }
ul.social li { display: block; float: left; }
/* END COL3 */


#footer { clear: both; background: #412E3B url(/images/css/g_footerShadow.jpg) repeat-x top left; height: 45px; width: 993px; position: relative; }
#footer h5 { background: url(/images/css/g_footerShadowLeft.jpg) no-repeat top left; width: 27px; height: 45px; display: block; position: absolute; top: 0; left: 0px; padding-bottom: 10px; }
#footer h6 { background: url(/images/css/g_footerShadowRight.jpg) no-repeat top right; width: 27px; height: 45px; position: absolute; top: 0; right: -7px; padding-bottom: 10px; }
#footer div { margin-right: 20px;}
#footer a { width: 27px; height: 27px; display: block; float: left; margin-top: 7px; }
#footer a img { width: 20px; height: 20px; }

#contactInfo {padding:0 10px 10px 10px;margin:0 auto; width: 841px;color:#ccc;font-size:1.1em;}


/* ------------------ USED STYLES, NOT NECESSARLY REUSED ----------------- */
.pad15 { margin: 0 15px; } /* this gives the interal content padding of col1 and col2 */
.dropCap { font-size: 5em; line-height: .8; display: block; float: left; padding: 0 5px 0 0; margin: 0; }
.book { margin: -15px 0 5px 10px; }
.date { font: bold .9em/1 Times,"Times New Roman", serif; letter-spacing: .2em; color: #DCAC48; text-transform: uppercase; }
.indent { text-indent: 1.5em; }
.spacer { clear: both; display: block; height: 15px; }

/* --------------- HEADING REPLACEMENTS --------------- */
h1.logo a { background: url(/images/css/g_logo.gif) top left no-repeat; width: 196px; height: 73px; display: block; position: absolute; top: 65px; left: 50px; text-indent: -9999px; }
h1.latestNews { background: url(/images/css/h_latest_news.gif) top left no-repeat; width: 220px; height: 66px; display: block; text-indent: -9999px; margin: 20px 0 0 0; }
h1.announcements { background: url(/images/css/h_announcements.gif) top left no-repeat; width: 239px; height: 62px; display: block; text-indent: -9999px; margin: 20px 0 0 -5px; }




#twih img { float: left; margin: 18px 16px 10px 0; }

.info h2 {visibility:hidden;}