/* Overall Layout Formatting ----------------------------------------------- */ BODY { text-align: center; background: #212e3f; font-size: 100%; font-family: helvetica, arial,san-serif; color: #323b45; } /* MastheadWrapper and Masthead Treatment ----------------------------------------------- */ #BetaBanner { background: #324463; color: #f6ecd3; } #BetaBanner P { padding: 5px; } #BetaBanner A { color: #FFF; } #MastheadWrapper { background: #212e3f; position: relative; } #Masthead { margin: 0 auto; padding: 10px 0 0 0; height: 70px; width: 920px; text-align: right; background: #212e3f url(/images/global-quote.gif) no-repeat center 20px; } #Masthead H1, #Masthead H2 { display: inline; float: left; } #Masthead H1 { padding-left: 3px; } #Masthead H2 { display: none; } #Masthead #SearchTerm { width: 120px; } /* Navigation Treatment ----------------------------------------------- */ #Navigation { z-index: 999999; margin: 0 auto; padding: 3px 0 0 0; width: 940px; text-align: left; clear: both; font-family: georgia, times new roman, serif; } #Navigation UL { padding: 11px 0 12px 0; list-style: none; background: #324463; border-top: 1px solid #c5d2e8; } #Navigation LI { display: inline; font-size: 90%; font-weight: bold; font-family: georgia, times new roman, serif; } #Navigation A { padding: 10px 12px 11px 12px; color: #f6ecd3; border-right: 1px solid #212e3f; text-decoration: none; } #Navigation A:LINK { color: #f6ecd3; } #Navigation A:VISITED { color: #f6ecd3; } #Navigation A:ACTIVE { color: #FFF; } #Navigation A:HOVER { background: #f6ecd3; color: #212e3f; } #HomeIntro A:hover.Button IMG { opacity:0.1;filter:alpha(opacity=10); } #Navigation A#NavHome { border-left: 1px solid #c5d2e8; } #Navigation A.Selected { background: #f6ecd3; color: #212e3f; } #Navigation A:VISITED.Selected { background: #f6ecd3; color: #212e3f; } #Navigation A#NavWorship:HOVER { background: #0063a6; color: #FFF; } #Navigation A#NavLearning:HOVER { background: #669933; color: #FFF; } #Navigation A#NavCommunityPrograms:HOVER { background: #cc6600; color: #FFF; } #Navigation A#NavWorship.Selected { background: #0063a6; color: #FFF; } #Navigation A#NavLearning.Selected { background: #669933; color: #FFF; } #Navigation A#NavCommunityPrograms.Selected { background: #cc6600; color: #FFF; } #SubNavigation { border-top: 1px solid #9c9689; border-bottom: 1px solid #9c9689; } #SubNavigation UL { } #SubNavigation LI { font-size: 75%; border-bottom: 1px solid #eceae5; line-height: 1.25em; } #SubNavigation LI A { padding: 8px 25px 8px 10px; color: #f6ecd3; display: block; background: #324463; } #SubNavigation LI A:LINK { color: #f6ecd3; } #SubNavigation LI A:VISITED { color: #f6ecd3; } #SubNavigation LI A:ACTIVE { color: #f6ecd3; } #SubNavigation LI A:HOVER { color: #324463; background: #f6ecd3; } #SubNavigation LI.Last { border-bottom: none; } #SubNavigation LI A.Selected { color: #324463; background: #ddd; font-weight: bold; } #SubNavigation LI A:HOVER.Selected { color: #324463; background: #ddd; } #SubNavigation LI A:VISITED.Selected { color: #324463; background: #ddd; } /* New SubNavigation Treatment #SubNavigation { border-top: 1px solid #9c9689; border-bottom: 1px solid #9c9689; } #SubNavigation UL { } #SubNavigation LI { font-size: 75%; border-bottom: 1px solid #eceae5; line-height: 1.25em; } #SubNavigation LI A { padding: 8px 25px 8px 10px; color: #324463; display: block; background: #ddd; } #SubNavigation LI A:LINK { color: #324463; } #SubNavigation LI A:VISITED { color: #324463; } #SubNavigation LI A:ACTIVE { color: #f6ecd3; } #SubNavigation LI A:HOVER { color: #324463; background: #f6ecd3; } #SubNavigation LI.Last { border-bottom: none; } #SubNavigation LI A.Selected { color: #324463; background: #ddd; font-weight: bold; } #SubNavigation LI A:HOVER.Selected { color: #324463; background: #ddd; } #SubNavigation LI A:VISITED.Selected { color: #324463; background: #ddd; } ----------------------------------------------- */ #SubNavigation LI LI A.Selected { color: #324463; font-weight: bold; } #SubNavigation LI LI { font-size: 100%; border-bottom: none; } #SubNavigation LI LI A { } #SubNavigation LI LI A { padding-left: 20px; color: #324463; display: block; background: #f6ecd3; } #SubNavigation LI LI A:LINK { color: #324463; } #SubNavigation LI LI A:VISITED { color: #324463; } #SubNavigation LI LI A:ACTIVE { color: #324463; } #SubNavigation LI LI A:HOVER { color: #324463; background: #ddd; } /* DropDown Treatment ----------------------------------------------- */ #DropDown { margin: 0 auto; padding: 0; position: relative; width: 940px; text-align: left; clear: both; font-family: georgia, times new roman, serif; } #DropDown UL.FirstLevel { margin: 0; padding: 12px 0 12px 0; width: 940px; list-style: none; background: #324463; border-top: 1px solid #c5d2e8; } #DropDown UL.FirstLevel LI { margin: 0; padding: 0; display: inline; position: relative; font-weight: bold; font-size: 90%; } #DropDown UL.FirstLevel A { background: #324463; padding: 10px; color: #f6ecd3; border-right: 1px solid #212e3f; text-decoration: none; } #DropDown UL.FirstLevel A:LINK { color: #f6ecd3; } #DropDown UL.FirstLevel A:VISITED { color: #f6ecd3; } #DropDown UL.FirstLevel A:ACTIVE { color: #FFF; } #DropDown UL.FirstLevel A:HOVER { background: #f6ecd3; color: #212e3f; } #DropDown UL.SecondLevel { margin: 0; padding: 0; display: none; position: absolute; top: 26px; left: 0; border-top: 1px solid #f6ecd3;} * HTML #DropDown UL.SecondLevel { position: absolute; top: 37px; left: 0; } * HTML>BODY #DropDown UL.SecondLevel { *position: absolute; *top: 37px;} #DropDown UL.SecondLevel LI { margin: 0; padding: 0; width: 175px; display: block; position: relative; background-color: #324463; border-bottom: 1px solid #f6ecd3; border-left: 1px solid #f6ecd3; border-right: 1px solid #f6ecd3; } #DropDown UL.SecondLevel A { background-color: #324463; padding: 10px; margin: 0; text-decoration: none; color: #f6ecd3; test-align: left; border: 0; font-weight: normal; display: block; } #DropDown UL.SecondLevel A:HOVER { background-color: #f6ecd3; text-decoration: none; color: #324463; } #DropDown LI > UL { } #DropDown LI:HOVER UL, #DropDown LI.Over UL { display: block; } #DropDown A#NavWorship.Selected { background: #0063a6; color: #FFF; } #DropDown A#NavLearning.Selected { background: #669933; color: #FFF; } #DropDown A#NavCommunityPrograms.Selected { background: #cc6600; color: #FFF; } #DropDown A#NavWorship:HOVER { background: #0063a6; color: #FFF; } #DropDown A#NavLearning:HOVER { background: #669933; color: #FFF; } #DropDown A#NavCommunityPrograms:HOVER { background: #cc6600; color: #FFF; } #Search { text-align: right; } DIV#QuickLinks { margin-top: 10px; z-index: 10; float: right; font-family: georgia, times new roman, serif; position: relative; display: inline; } #SubMenu { display: none; } #QuickLinks UL.SecondLevel { margin: 0; padding: 0; display: block; position: absolute; top: 21px; right: 0px; border-top: 1px solid #f6ecd3; font-size: 80%; text-align: left; } #QuickLinks UL.SecondLevel LI { z-index: 10; margin: 0; padding: 0; width: 175px; display: block; position: relative; background-color: #324463; border-bottom: 1px solid #f6ecd3; border-left: 1px solid #f6ecd3; border-right: 1px solid #f6ecd3; } #QuickLinks UL.SecondLevel LI:hover, #QuickLinks UL.SecondLevel LI.Over { background-color: #f6ecd3; color: #324463; } #QuickLinks UL.SecondLevel A { background: transparent; padding: 5px; margin: 0; text-decoration: none; color: #f6ecd3; test-align: left; border: 0; font-weight: normal; display: block; } #QuickLinks UL.SecondLevel A:HOVER { text-decoration: none; color: #324463; background-color: #f6ecd3; } /* BellyWrapper and Belly Treatment ----------------------------------------------- */ #BellyWrapper { clear: left; background: #FFF url(/images/global-belly_wrapper-bg.gif) repeat-y top center; } #Belly { clear: left; margin: 0 auto; padding: 3px; width: 934px; text-align: left; } /* FooterWrapper and Footer Treatment ----------------------------------------------- */ #FooterWrapper { background: #212e3f; } #Footer { margin: 10px auto; padding: 0; position: relative; width: 940px; text-align: left; background: url(/images/global-footer_bg.gif) no-repeat bottom right; font-family: helvetica, arial, sans-serif; } #Footer P { color: #f6ecd3; } #Footer DIV.Item { width: 145px; padding-right: 20px; float: left; } #Footer UL { margin-bottom: 1px; list-style: none; } #Footer LI { padding: 0 0 5px 10px; font-size: 95%; font-weight: bold; } #Footer UL UL { padding-top: 5px; } #Footer A { color: #5f8f34; text-decoration: none; } #Footer A:LINK { color: #5f8f34; } #Footer A:VISITED { color: #5f8f34; } #Footer A:ACTIVE { color: #5f8f34; } #Footer A:HOVER { color: #87ab66; } /* General Typography ----------------------------------------------- */ H1, H2, H3, H4, H5, H6 { margin: 0; padding: 0; line-height: 1.25em; color: #324463; font-family: georgia, times new roman, serif; } H1 { font-size: 180%; } H2 { font-size: 150%; } H3 { margin-bottom: .25em; font-size: 110%; } H4 { font-size: 80%; font-family: helvetica, arial, sans-serif; color: #323b45; font-weight: bold; } H5 { font-size: 80%; padding: 0 0 10px 0; font-weight: bold; } H6 { font-size: 80%; padding: 0 0 10px 0; font-weight: bold; } P { margin-bottom: .5em; line-height: 1.45em; font-size: 75%; } P.Intro { font-size: 100%; color: #324463; font-family: georgia, times new roman, serif; } /* Belly, Intro and Columns Formatting and Typography ----------------------------------------------- */ #Belly { padding: 3px; width: 934px; } #PageIntro { float: left; width: 100%; background: #f6ecd3; border: 1px solid #9c9689; } #PageIntro H1 { padding: 5px 10px; } #Worship #PageIntro { background: #0063a6; } #Worship #PageIntro H1 { color: #f6ecd3; } #Learning #PageIntro { background: #669933; } #Learning #PageIntro H1 { color: #f6ecd3; } #CommunityPrograms #PageIntro { background: #cc6600; } #CommunityPrograms #PageIntro H1 { color: #f6ecd3; } #Columns { clear: both; } #Column1 { margin-right: 5px; width: 200px; background: #eceae5; float: left; } #Column2 { margin-right: -3px; width: 462px; float: left; } #Columns.TwoColumn #Column2 { width: 720px; } #Column3 { width: 235px; padding: 10px; float: right; background: #FFF url(/images/global-short_blue_fade.gif) repeat-x top left; } #Column1 .Promo { padding: 10px; } #Column2 IMG.Right { padding: 2px; margin: 25px 10px 10px 10px; border: 1px solid #5f8f34;} #Column2 IMG#IntroImage { margin-bottom: 10px; border: 1px solid #9c9689; } #Column2 .Wrapper { margin: 0px 10px; } #Column2 DIV.BlueFade { width: 442px; background: #FFF url(/images/global-short_blue_fade.gif) repeat-x top left; display: inline-block; padding: 10px;} #Column2 UL { margin: .25em 1em .5em 1em; list-style: square; } #Column2 OL { margin: .25em 1em .5em 1em; list-style: decimal; } #Column2 LI { margin-bottom: 1em; font-size: 80%; line-height: 1.25em; } #Column2 LI P { font-size: 90%; line-height: 1.25em; } #Column2 H2 { margin-left: 10px; margin-bottom: .35em; } #Column3 OL { margin: .25em 1.25em; list-style: decimal; } #Column3 OL LI { margin: .5em; font-size: 80%; } #Column3 UL { margin: .25em 1.25em; list-style: square; } #Column3 UL LI { margin: .5em; font-size: 80%; } #Columns A { color: #5f8f34; text-decoration: none; } #Columns A:LINK { color: #5f8f34; } #Columns A:VISITED { color: #5f8f34; } #Columns A:ACTIVE { color: #5f8f34; } #Columns A:HOVER { color: #87ab66; text-decoration: underline; } /* Breadcrumb and Utility ----------------------------------------------- */ .Right { padding: 0 0 10px 10px;float: right; } .Left { padding: 0 10px 10px 0; float: left; } #Breadcrumb, #Utility { padding: 5px 10px; float: left; font-size: 70%; } #Utility { float: right; } #Breadcrumb A, #Utility A { color: #5f8f34; text-decoration: none; } #Breadcrumb A:LINK, #Utility A:LINK { color: #5f8f34; } #Breadcrumb A:VISITED, #Utility A:VISITED { color: #5f8f34; } #Breadcrumb A:ACTIVE , #Utility A:ACTIVE { color: #5f8f34; } #Breadcrumb A:HOVER , #Utility A:HOVER { color: #87ab66; } #Downloads { } #Downloads { border-top: 1px solid #ccc1aa; background: #fdf3dd; } #Downloads DL { padding: 10px; border-bottom: 1px solid #ccc1aa; } #Downloads DT { padding-left: 20px; margin-bottom: .25em; font-family: georgia, times new roman, serif; text-transform: uppercase; font-size: 80%; } #Downloads DD { padding-left: 20px; font-size: 80%; } #Downloads DD UL { list-style: none; margin: 0; } #Downloads DD LI { font-size: 100%; } #Downloads DL#OrderOfService { background: url(/images/global-icon-service.gif) no-repeat 8px 50%; } #Downloads DL#WeeklyAudio { background: url(/images/global-icon-services_audio.gif) no-repeat 8px 50%; } #Downloads DL#MonthlyLuach { background: url(/images/global-icon-luach.gif) no-repeat 8px 50%; } #Downloads DL#MonthlyHaShiur { background: url(/images/global-icon-luach.gif) no-repeat 8px 50%; } #Downloads DL.Publications { background: url(/images/global-icon-luach.gif) no-repeat 8px 50%; } #RabbiMessage { margin-bottom: 10px; border-right: none; } #RabbiMessage IMG.Left { padding: 0; margin: 0 5px 0 0; border: 1px solid #0063a6; } #RabbiMessage DT { padding: 6px 0 10px 10px; } #RabbiMessage A { font-size: 80%; } #Column2 .Listing H4 { margin-bottom: .65em; font-weight: normal; } #Column2 .Listing DL { margin-bottom: .75em; } #Column2 .Listing DT { margin-bottom: .25em; line-height: 1.25em; font-size: 85%; font-weight: normal; font-family: georgia, times, serif; } #Column2 .Listing DD { color: #323b45; font-size: 75%; line-height: 1.3em; } #Column2 .First { margin-right: 10px; } #Column2 .BlueFade.Item { width: 215px; float: left; } #Column2 .BlueFade.Item DL { margin: 0; padding: 5px 0px; } #Column2 .Wrapper.Item { width: 215px; float: left; } #Column2 .Wrapper.Item DL { margin: 0; padding: 5px 0 0px 0px; } #Column2 .Wrapper H2 { margin-left: 0; } #Column3 .Listing H4 { margin-bottom: .65em; font-weight: normal; } #Column3 .Listing DL { margin-bottom: .75em; } #Column3 .Listing DT { margin-bottom: .25em; line-height: 1.25em; font-size: 85%; } #Column3 .Listing DD { color: #323b45; font-size: 75%; line-height: 1.3em; } #Column3 .Button { padding-bottom: 8px; } /* NewsFlash ----------------------------------------------- */ #NewsFlash { width: 172px; padding: 10px 10px 7px 10px; margin-bottom: 10px; background: #973022; color: #FFF; } #NewsFlash H3 { color: #e89185; } #NewsFlash A { color: #FFF; text-decoration: none; } #NewsFlash A:LINK { color: #5f8f34; } #NewsFlash A:VISITED { color: #5f8f34; } #NewsFlash A:ACTIVE { color: #5f8f34; } #NewsFlash A:HOVER { color: #87ab66; } /* Home Specific ----------------------------------------------- */ #Home #HomeIntro { margin-bottom: 3px; } #Home #HomeIntro2 { margin-bottom: 3px; } #Home #Columns { width: 934px; } #Home #HomeColumnsWrapper { background: url(/images/home-columns_bg.gif) repeat-y 0 0; min-height: 100%; } #Home #Columns #Column1, #Home #Columns #Column2, #Home #Columns #Column3 { margin: 0; padding: 10px; border-right: 3px solid #FFF; width: 221px; float: left; } #Home #Columns #Column3 { background: #FFF url(/images/global-short_blue_fade.gif) repeat-x top left; } #Home #Columns #Column4 { margin-top: 0; padding: 5px; width: 192px; border: none; float: right; background: #FFF url(/images/global-short_blue_fade.gif) repeat-x top left; } #Home #Column1 { background: #5b6982; } #Home #Column2 { background: #848FA1; } #Home #Column1 H3, #Home #Column2 H3 { font-size: 130%; color: #f6ecd3; } #Home #Column3 H3 { font-size: 130%; } #Home #Column1 DL { padding-left: 10px; margin-bottom: .65em; } #Home #Column1 .Item { margin-bottom: 2em; } #Home #Column1 DT { font-size: 85%; line-height: 1.15em; } #Home #Column1 DD { font-size: 70%; } #Home #Column1 A { color: #FFF; text-decoration: none; } #Home #Column1 A:LINK { color: #FFF; } #Home #Column1 A:VISITED { color: #FFF; } #Home #Column1 A:ACTIVE { color: #FFF; } #Home #Column1 A:HOVER { color: #FFF; text-decoration: underline; } #Home #Column2 DL { padding-left: 10px; margin-bottom: .65em; } #Home #Column2 DT { margin-bottom: .25em; line-height: 1.15em; font-size: 85%; } #Home #Column2 DD { color: #212e3f; font-size: 70%; } #Home #Column2 A { color: #FFF; text-decoration: none; } #Home #Column2 A:LINK { color: #FFF; } #Home #Column2 A:VISITED { color: #FFF; } #Home #Column2 A:ACTIVE { color: #FFF; } #Home #Column2 A:HOVER { color: #FFF; text-decoration: underline; } #Home #ServiceTimes { margin-bottom: 1em; } /* Worship Specific ----------------------------------------------- */ #Worship.Index #Column2 DIV.Listing.Item { width: 210px; float: left; display: inline; } #Worship.HolidayCalendar #Column2 TABLE { } #Worship.HolidayCalendar #Column2 TABLE TH { padding: 5px; font-size: 80%; background: #CDCDCD; text-align: center; } #Worship.HolidayCalendar #Column2 TABLE TR.Alt { background: #EDEDED; } #Worship.HolidayCalendar #Column2 TABLE TD { padding: 5px; font-size: 75%; } #Worship #Column2 .Wrapper DT { margin: 10px 0px 0px 0px; font-size: 90%; font-weight: bold; } #Worship #Column2 .Wrapper DD { margin-bottom: .5em; line-height: 1.45em; font-size: 75%; } #Worship #Column2 .Wrapper DL { padding-bottom: 10px; } #Worship #Column3 .Listing { margin-top: 20px; } #Worship #Column3 .Listing DT { margin: 10px 0px 0px 0px; font-size: 85%; font-weight: bold; font-family: Georgia; } #Worship #Column3 .SubNav { margin: 10px 0 0 0; padding: 0; } #Worship #Column3 .SubNav LI { list-style: none; padding: 10px 0 10px 0; margin: 0; border-bottom: 1px dotted #77FFFF;} #Worship #Column2 .Wrapper DT { margin: 20px 20px 0 0; padding: 0;} #Worship #Column2 .Wrapper DD { margin: 3px 0; } /* Learning Specific ----------------------------------------------- */ #Learning #Column2 DIV.Listing.Item { width: 210px; float: left; display: inline; } #Learning #Column3 .Listing LI A { font-weight: normal; } #Learning #Column3 .Listing IMG { margin-bottom: -4px; } #Learning #Column3 .Listing UL { margin: 0; border-bottom: 1px solid #ccc1aa; list-style: none; } #Learning #Column3 .Listing LI { border-top: 1px solid #ccc1aa; padding: 5px 10px; } #Learning #Column2 H2 { margin-bottom: .20em; } #Learning SELECT { border: 1px solid #ccc1aa; padding: 2px; width: 210px; font-size: 80%; font-weight: normal; color: #5f8f34;} #Learning.ReligousSchool #Column3 DT { padding-top: 5px; font-size: 85%; font-weight: bold; } #Learning.ReligousSchool #Column3 DD { font-size: 80%; padding: 5px 0 2px 0;} #Learning.ReligousSchool #Column3 DL { padding: 10px; margin-bottom: 10px; background: #f0f6cf url(/images/learning-homeworks_bkg.gif) no-repeat top right; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;} #Learning.ReligousSchool #Column2 DT { margin: 10px 0px; font-size: 90%; font-weight: bold; } #Learning.ReligousSchool #Column2 DD { margin-bottom: .5em; line-height: 1.45em; font-size: 75%; } #Learning.ReligousSchool #Column2 DD.Summary { margin-top: 7px; } #Learning.ReligousSchool #Column2 DL { padding-bottom: 10px; } #Learning.ReligousSchool #Column2 .Button { text-align: center; padding: 10px 5px 0 20px; } #Learning.ReligousSchoolIndex IMG.Right { margin-top: 5px; } #Learning.ReligousSchoolIndex TABLE { margin: 10px 0; } #Learning.ReligousSchoolIndex TD { line-height: 1.6em; font-size: 75%; vertical-align: top; padding: 5px 0;} #Learning.ReligousSchoolIndex TABLE.Calendar { border-top: 1px solid #777; } #Learning.ReligousSchoolIndex TABLE.Calendar TD { border-bottom: 1px solid #777; font-size: 70%; padding: 8px 0; } #Learning.ReligousSchoolIndex H3 { padding-top: 10px; } #Learning.ReligousSchoolIndex #Column3 DT { padding: 10px 0 5px 0; font-size: 85%; font-weight: bold; } #Learning.ReligousSchoolIndex #Column3 DD UL { font-size: 95%; padding: 0 0 0px 0; } /* CommunityProgram Specific ----------------------------------------------- */ #CommunityPrograms H5 { padding: 5px 0 0 0; } #CommunityPrograms #Column2 DL { padding: 8px 0; } #CommunityPrograms #Column2 DT { font-weight: bold; font-size: 85%; padding-bottom: 3px; } #CommunityPrograms #Column2 DT A { font-size: 115%; } #CommunityPrograms #Column2 DD { margin-bottom: .5em; font-size: 75%; line-height: 1.25em; } #CommunityPrograms #Column3 DL { padding: 10px 0; } #CommunityPrograms #Column3 DT { padding: 5px 0 0 0;font-weight: bold; font-size: 80%; } #CommunityPrograms #Column3 DD { margin-bottom: .5em; font-size: 75%; line-height: 1.25em; } #CommunityPrograms #Column2 .Wrapper UL { margin: 0px 10px 10px 25px; } #CommunityPrograms .Box { padding: 15px; margin-top: 10px; border: 1px solid gray; font-size: 90%; line-height: 1.5em; font-family: georgia, times new roman, serif;} #CommunityPrograms #Column2 OL { padding: 0 20px; list-style-type: decimal; } #CommunityPrograms.Index #Column2 DT A { font-size: 90%; } #CommunityPrograms.Index #Column2 DT { padding: 10px 0 5px 0; } #CommunityPrograms.Index #Columns DIV.Item { margin: 1em 0 1em; width: 100%; } #CommunityPrograms.OfNote #Columns DIV.Item { margin: 1em 0 1em; width: 100%; } /* About Us Specific ----------------------------------------------- */ #AboutUs #Column2 DIV.Listing.Item { width: 210px; float: left; display: inline; } #CommunityPrograms.Calendar #Column2 { width: 725px; } #AboutUs .Photo { margin-right: 10px; } #CommunityPrograms.Calendar TD .CellHeader { color: #212e3f; background-color: #f6ecd3; font-size: 80%; padding: 3px 5px; } #CommunityPrograms.Calendar TD .CellHeader A { color: #212e3f; border-color: #9c9689; } #CommunityPrograms.Calendar .calendarCell { border-color: #9c9689; background-color: #FFF; } #CommunityPrograms.Calendar .calendarCell .Entry { padding: 5px; font-size: 75%; } #CommunityPrograms.Calendar .calendarCell .Entry A { color: #333; } #CommunityPrograms.Calendar .calendarCell .Entry A:hover { color: #000; } #CommunityPrograms.Calendar .calendarBlank { border-color: #9c9689; background-color: #DEDEDE; color: #BEBEBE; } #CommunityPrograms.Calendar .calendarDayHeading { border-color: #9c9689; height: 20px; background-color: #f6ecd3; color: #324463; text-align: center; font-size: 85%; font-weight: bold; font-family: Georgia; } #CommunityPrograms.Calendar .calendarMonthLinks { margin:30px 0 0 5px; } #CommunityPrograms.Calendar .calendarMonthLinks A { color: #FFF; border: 1px solid #EEE; margin: 0 0 0 3px; padding: 1px 10px; background-color: #324463; text-decoration: none; font-size: 140%; } #CommunityPrograms.Calendar .calendarMonthLinks A:hover { background-color: #f6ecd3; color: #212e3f; } #CommunityPrograms.Calendar .calendarToday { background-color: #f6ecd3; border-right: 1px solid #9c9689; border-bottom: 1px solid #9c9689; } #CommunityPrograms.Calendar TABLE { border-left: 1px solid #9c9689;border-top: 1px solid #9c9689; clear: both; display: block; } #CommunityPrograms.Calendar .EventBox { margin-top: 10px; } #CommunityPrograms.Calendar .EventBox .Box { margin-top: -60px; position: absolute; padding: 20px; width: 275px; border: 1px solid #9c9689; z-index: 6000; background: url(/images/calendar_bkg.png); display: none; } #CommunityPrograms.Calendar .EventBox .Box DIV { width: 275px; } #CommunityPrograms.Calendar #Promos { background: #FFF; padding: 10px 0 0 3px; width: 200px; } #CommunityPrograms.Calendar #Promos A IMG { border: 1px solid #AAA; padding: 2px; margin-bottom: 10px; } #CommunityPrograms.Calendar #Promos A:hover IMG { border: 1px solid #000; } #CommunityPrograms.Calendar #Column2 H1 { margin: 0; padding: 0; line-height: 1em; } #CommunityPrograms.Calendar #Column2 H3 { margin: 5px 0 0 0; padding: 0; line-height: 1em; } #CommunityPrograms.Calendar TD { width: 95px; height: 120px; vertical-align: top; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 10px; } #CommunityPrograms.Index TABLE { margin: 0 0 10px 0; } #AboutUs.EmployeeInformation #Column2 { padding: 15px 20px; width: 640px; background: #FFF; } #AboutUs.EmployeeInformation #Column2 H3 { border-top: 1px dotted #324463; padding: 10px 0 5px 0; clear: both; } #AboutUs.EmployeeInformation #Column2 LI { margin: 5px 0 5px 0; } #AboutUs.EmployeeInformation #Column2 UL { margin: 0 0 20px 15px;} #AboutUs.Staff #Column2 .Item { width: 88px; float: left; margin-top: 6px; } #AboutUs.Staff #Column2 .Item P { line-height: 1.2em; font-weight: bold; padding: 5px 5px; font-size: 75%; } #AboutUs.Staff #Column2 .Item P I {clear: both; display: block; padding-top: 3px; font-weight: normal; color: #666; font-size: 95%; line-height: 1.2em; } #AboutUs.Staff #Column3 .Item {clear: both; display: block; } /* Donation Page Specific ----------------------------------------------- */ #Donate #DonationForm .Box { padding: 15px; margin-top: 10px; border: 1px solid gray; } #Donate #DonationForm .Box DT { font-size: 120%; font-weight: bold; } #Donate #DonationForm .Box DD { padding-top: 5px; font-size: 90%; font-family: helvetica, arial, sans-serif; line-height: 1.25em; } #Donate #DonationForm { font-size: 90%; line-height: 1.5em; font-family: georgia, times new roman, serif;} #Donate #DonationForm INPUT { padding: 3px; margin-bottom: 5px; border: 1px solid #999; font-family: georgia, times new roman, serif;} #Donate #DonationForm SELECT { margin-bottom: 5px; font-family: georgia, times new roman, serif; } #Donate #DonationForm .Button { margin: 0 5px 0 5px; padding: 3px; border: 1px solid gray; color: #222; float: right; font-family: georgia, times new roman, serif; } #Donate.Static #Column2 TABLE { font-size: 80%; line-height: 1.3em; } #Donate.Static #Column2 TD { padding-right: 10px; } #Donate.Static #Column2 H6 { font-size: 90%; line-height: 1.3em; padding-bottom: 20px; } #Donate DL { font-size: 90%; } #Donate DD { font-size: 85%; padding-bottom: 5px; line-height: 1.2em; } #Donate DT { font-weight: bold; padding-top: 5px; line-height: 1.3em; } #Donate DD UL { font-size: 125%; padding-left: 10px; } /* Contact Us Specific ----------------------------------------------- */ #ContactUs #Column2 .ContactInfo { float: left; width: 200px; } #ContactUs #Column2 .First { padding-right: 25px; } #ContactUs #Column2 .ContactForm { padding: 20px 0 0 20px; } #ContactUs #Column3 { z-index: 0; } #ContactUs #Column3 #map { z-index: 0; width: 230px; height: 270px; border: 1px solid gray; } #ContactUs #Column2 LI { list-style-type: none; font-size: 80%; } #ContactUs.Staff #Column2 H3 { border-bottom: 1px dotted #999; padding-bottom: 7px; margin-bottom: 10px; } #ContactUs.Staff #Column2 P { font-size: 85%; font-family: Georgia; padding-top: 5px; } #ContactUs.Staff #Column2 P SPAN { font-family: Arial; font-size: 90%; line-height: 1.2em; } #ContactUs.Staff #Column2 H4 { border-bottom: 1px dotted #CCC; font-size: 90%; text-transform: uppercase; margin: 20px 0 10px 0; font-weight: normal; } #ContactUs.Staff #Column3 UL { margin: 10px 0 20px 0; padding: 0; } #ContactUs.Staff #Column3 LI { list-style: none; margin: 0; padding: 7px 0 6px 5px; border-top: 1px dotted #CCC; } /* Calendar Specific ----------------------------------------------- */ #Column2 #Calendar DIV { text-align: left; } #Column2 #Calendar TD { width: 125px; padding: 8px; font-size: 70%; border-right: 1px solid #dfbf9d; border-left: 0px solid #dfbf9d; border-top: 1px solid #dfbf9d; text-align: center; vertical-align: middle; } #Column2 #Calendar TD A { font-weight: bold; text-decoration: none; color: #324463; } #Column2 #Calendar TD A:hover { color: #333; } #Column2 #Calendar TABLE { border-bottom: 1px solid #dfbf9d; border-left: 1px solid #dfbf9d;} #Column2 #Calendar TABLE TH { background-color: #cc6600; text-align: center; margin: 0; padding: 4px 0 2px; border-right: 1px solid #cc6600; border-top: 1px solid #dfbf9d; center; font-size: 120%; line-height: 1.25em; color: #fff; font-family: georgia, times new roman, serif; vertical-align: middle; } #Column2 #Calendar .calendarMonthLinks A { font-size: 80%; text-decoration: none; font-weight: bold; color: #fff; } #Column2 #Calendar .calendarMonthLinks A:hover { color: #324463; } #Column2 #Calendar .Entry { background-color: #ddd; } #Column2 #Calendar .calendarDayHeading { margin: 0; padding: 10px 0 7px; font-weight: bold; color: #324463;} #Column2 #Calendar .calendarBlank { color: #bbb;} #Column2 #Calendar TR.calendarHeader { font-size: 80%; } #Column3 #Calendar DIV { text-align: center; } #Column3 #Calendar TD { padding: 8px; font-size: 75%; border-right: 1px solid #dfbf9d; border-left: 0px solid #dfbf9d; border-top: 1px solid #dfbf9d; text-align: center; vertical-align: middle; } #Column3 #Calendar TD A { font-weight: bold; text-decoration: none; color: #cc6600; } #Column3 #Calendar TD A:hover { color: #333; } #Column3 #Calendar TABLE { border-bottom: 1px solid #dfbf9d; border-left: 1px solid #dfbf9d;} #Column3 #Calendar TABLE TH { background-color: #cc6600; text-align: center; margin: 0; padding: 4px 0 2px; border-right: 1px solid #cc6600; border-top: 1px solid #dfbf9d; center; font-size: 120%; line-height: 1.25em; color: #fff; font-family: georgia, times new roman, serif; vertical-align: middle; } #Column3 #Calendar .calendarMonthLinks A { font-size: 80%; text-decoration: none; font-weight: bold; color: #fff; } #Column3 #Calendar .calendarMonthLinks A:hover { color: #324463; } #Column3 #Calendar .Entry { background-color: #ddd; } #Column3 #Calendar .calendarDayHeading { margin: 0; padding: 10px 0 7px; font-weight: bold; color: #cc6600;} #Column3 #Calendar .calendarBlank { color: #bbb;} #Column3 #Calendar TR.calendarHeader { font-size: 80%; } /* Lifecycles Specific ----------------------------------------------- */ #Lifecycles #Column3 UL { margin: 0; padding: 0; list-style-type: none; font-size: 85%; line-height: 1.2em; } #Lifecycles #Column3 LI { padding-top: 10px; } #Lifecycles #Column3 A { font-size: 110%; } #Lifecycles #Column3 .Downloads DT { font-size: 75%; padding: 8px 0 6px 0px; border-top: 1px dotted #cc6600; } /* Search Specific ----------------------------------------------- */ #SearchResults OL { list-style: decimal outside; } #SearchResults OL LI { margin: 10px 0 0 25px; } #SearchResults .Item { padding-top: 10px; } #SearchResults .Right { padding-top: 10px; } /* Outside the US Specific ----------------------------------------------- */ #OutsideUs IMG.Maps { padding: 0; margin: 0 10px 10px 0px; border: 1px solid #333; } #Columns A.Button IMG { opacity:1;filter:alpha(opacity=100); } #Columns A.Button:hover IMG { opacity:0;filter:alpha(opacity=0); } #Columns DIV.TourLink { position: absolute; z-index: 1000; top: 240px; margin-left: 440px; text-align: center; height: 30px; width: 300px; } #Columns DIV.TourLink P { padding: 0; margin: 0; } #Columns DIV.TourLink A { color: #f6ecd3; padding: 6px 8px 6px 8px; height: 20px; background-color: #324463; font-family: Georgia; font-weight: bold; } #Columns DIV.TourLink A:hover { background: #f6ecd3; color: #324463; text-decoration: none; } #Columns DIV.TourLink.New { margin-left: 420px; height: 26px; width: 289px; background: url(/images/global-tour_button_over.gif) no-repeat top left;} #Columns DIV.TourLink.New A { padding: 0; margin: 0; } #Columns DIV.TourLink.New A:hover { background: none; } #Columns DIV.TourLink.New A IMG { opacity:1;filter:alpha(opacity=100) } #Columns DIV.TourLink.New A:hover IMG { opacity:0;filter:alpha(opacity=0); } UL.Accordion LI UL { margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 110%; display: none; } UL.Accordion LI { margin: 0; padding: 0; } UL.Accordion LI A.Link { font-weight: bold; } UL.Accordion LI UL LI { margin: 0 0 0 0; padding: 2px 0; border-bottom: 1px solid #CCC; list-style: none; display: block; } UL.Accordion LI UL LI A:HOVER { color: #000; text-decoration: none; } #Column3 #PDFLinks LI { margin: 0px 0 2px 15px; padding: 0; list-style: square; } #CommentForm { width: 235px; display: block; clear: both; } #CommentForm INPUT, #CommentForm TEXTAREA { width: 220px; padding: 2px 5px; border: 1px solid #999; } #CommentForm INPUT.Button { cursor: pointer; margin: 7px 0 0 0; padding: 4px 30px; width: 120px; background-color: #324463; color: #FFF; font-weight: bold; border: 1px solid #000; } #CommentForm P { padding: 0 0 5px 0; }