#alertBox { position: absolute; left: 7px; top: 63px; width: 985px; } #alertBox .alertBoxLeft { width: 43px; height: 52px; float: left; background: transparent url(graphics/design/emgcy_lf_bg.png) no-repeat 0px 0px; } #alertBox .alertBoxRight { color: #fff; font-size: 13px; width: 657px; position:relative; padding: 13px 0px 0px 285px; height: 31px; float: left; background: transparent url(graphics/design/emgcy_rt_bg.png) no-repeat 0px 0px; } #alertBox .alertBoxRight div { width: 657px; height: 31px; position: absolute; right: 0px; top: 1px; overflow: hidden; } #alertBox .alertBoxRight a { color: #fff; font-size: 13px; font-weight: bold; } #alertBox .alertBoxDate { color: #e69999; font-style: italic; padding-right: 7px; font-weight: bold; } #newsTicker { width: 879px; height: 29px; position: relative; background: #2c5c8a; } #newsTicker div { width: 879px; height: 29px; position: absolute; right: 0px; top: 0px; overflow: hidden; } #ticker { margin: 0; list-style: none; position: relative; width: 1000px !important; } #ticker li { padding: 0; margin: 0; float: left; height: 31px; line-height: 31px; color: #ffffff; font-weight: normal;} #ticker li a { color: #ffffff; } .black { color: #000000 !important; } /* applies to program purple-red-yellow boxes */ /* -----Blue Styles - client's request for Links----- */ .linkRed { color: #CC3333 !important; } .linkPurple { color: #660099 !important; } .linkWhite, .linkWhite a { color: #fff !important; } .linkBlack, .linkBlack a { color: #000 !important; } .linkGreen, .linkGreen a { color: #99cc00 !important; } .linkTurquoise { color: #006699 !important; } .linkAqua { color: #006666 !important; } .linkRuby { color: #CC0066 !important; } /* ---------------Global Styles--------------- */ a { color: #cc3333; text-decoration: none; } a:hover { text-decoration: underline; } a:visited { } h1 { color: #cc3333; font: normal 26px Arial, Helvetica, sans-serif; margin: 10px 0px 0px 0px; } h2 { color: #000000; font: normal 15px Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; } h3 { color: #cc3333; font-size: 12px; font-weight: bold; } h4 { color: #000; font-size: 12px; font-weight: bold; } html, input, select { font: normal 8pt Arial, Helvetica, sans-serif; color: #666666; } form, input { padding: 0; margin: 0; } img { border: 0; } #page { margin: 0; } .canvas { clear: both; width: 1000px; margin: 0 auto; } .canvas:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .preloadImages { display: none; } /* Helps with menu colors to show quicker - hidden images are placed in the Footer so that the rest of the page is loaded first */ .photoLeft { float: left; margin: 10px 10px 10px 0px; } .photoRight { float: right; margin: 10px 0px 10px 10px; } .photoLeftFirst { float: left; margin: 0px 10px 10px 0px; } .photoRightFrst { float: right; margin: 0px 0px 10px 10px; } /* --------------- Header Styles --------------- */ #header { background: #f0f0f0 url(graphics/design/content_bg.png) repeat-x 0px 62px; height: 250px; position: relative; } html>body #header { height: auto; min-height: 250px; } #header:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #headerMenu { background: url(graphics/design/menu_bg.png) no-repeat left bottom; height: 58px; padding: 4px 0px 0px 22px; } #headerDate { background: transparent; height: 45px; line-height: 45px; text-align: right; padding: 0px 80px 0px 0px; font-weight: bold; } #headerQuick { width: 859px; margin: 0px auto 7px auto; background: #787878 url(graphics/design/quick_bg_bt.png) no-repeat left bottom; padding: 0px 9px 10px 8px; } #headerQuick:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #headerQuickTop { width: 876px; margin: 0 auto; background: #787878 url(graphics/design/quick_bg_tp.png) no-repeat left bottom; height: 10px; line-height: 10px; font-size: 8px; } #headerQuickSide { float: right; width: 247px; height: 180px; background: transparent url(graphics/design/quick_bg_rt.png) no-repeat top left; } #headerIntroBox { width: 877px; margin: 0px auto; background: #e1e1e1 url(graphics/design/intro_bg_bt.png) no-repeat left bottom; padding-bottom: 10px; } #headerIntro { padding: 0px 20px; text-align: center; font-size: 14px; color: #818181; font-style: italic; background: #e1e1e1 url(graphics/design/intro_bg_rp.png) repeat-y left top; } #headerIntroTop { width: 877px; background: #e1e1e1 url(graphics/design/intro_bg_tp.png) no-repeat left bottom; height: 10px; line-height: 10px; font-size: 8px; } #header #logo { float: left; width: 164px; height: 180px; padding: 0px 0px 0px 0px; background: transparent url(graphics/design/levite_logo.png) no-repeat top left; position: relative; z-index: 92; } #header #logo a { width: 164px; height: 180px; display: block; background: transparent; } #header h1 { display: none; } /* --------------- Content Styles --------------- */ #contentHome { background: #f0f0f0; padding-top: 7px; } #contentHome .left { width: 347px; float: left; padding-left: 62px; } #contentHome .right { width: 527px; float: right; padding-right: 61px; } #content { background: #f0f0f0; padding-top: 7px; } #content .left { width: 280px; padding: 24px 0px; float: left; background: transparent url(graphics/design/int_left_tp.png) no-repeat left top; } #content .right { width: 528px; padding: 24px 35px 0px 32px; float: right; background: transparent url(graphics/design/int_content_tp.png) no-repeat left top; } #content .contentBot { width: 100%; height: 17px; clear: both; background: transparent url(graphics/design/int_bt.png) no-repeat left top; } #content .contentArea { background: transparent url(graphics/design/int_rp.png) repeat-y 61px top; padding: 0px 61px; } #content .contentAreaBlank { padding: 0px 61px; } #content .contentBox { background: transparent url(graphics/design/int_box_rp.png) repeat-y 61px top; padding: 0px 61px; } #content .contentBoxTop { width: 100%; height: 15px; clear: both; background: transparent url(graphics/design/content_box_tp.png) no-repeat left top; } #content .contentBoxBot { width: 100%; height: 15px; clear: both; background: transparent url(graphics/design/content_box_bt.png) no-repeat left top; } .padding20 { padding: 0px 20px; } .calMini { width: 23px; height: 22px; background: transparent url(graphics/design/cal_bg.png) no-repeat left bottom; } .homeLeftBox { width: 347px; margin-bottom: 10px; background: transparent url(graphics/design/home_left_bt.png) no-repeat left bottom; padding-bottom: 12px; } .homeLeftBoxTop { width: 347px; background: transparent url(graphics/design/home_left_tp.png) no-repeat left bottom; height: 12px; line-height: 12px; font-size: 8px; } .homeLeftBoxContent { width: 347px; background: transparent url(graphics/design/home_left_rp.png) repeat-y left top; } .homeLeftSolidBox { width: 347px; margin-bottom: 10px; background: transparent url(graphics/design/left_box_bt.png) no-repeat left bottom; padding-bottom: 8px; } .homeLeftSolidBoxTop { width: 347px; background: transparent url(graphics/design/left_box_tp.png) no-repeat left bottom; height: 7px; line-height: 7px; font-size: 7px; } .homeLeftSolidBoxContent { width: 342px; padding-left: 5px; background: transparent url(graphics/design/left_box_rp.png) repeat-y left top; } .homeContentBox { width: 527px; margin-bottom: 10px; background: transparent url(graphics/design/content_home_bt.png) no-repeat left bottom; padding-bottom: 13px; } .homeContentBoxTop { width: 527px; background: transparent url(graphics/design/content_home_tp.png) no-repeat left bottom; height: 13px; line-height: 13px; font-size: 8px; } .homeContent { width: 527px; background: transparent url(graphics/design/content_home_rp.png) repeat-y left top; } .homeContent:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .homeContent h1 { margin: 0; } /* --------------- Footer Styles --------------- */ #footer { height: 252px; position: relative; background: transparent url(graphics/design/footer_bg.png) no-repeat left bottom; vertical-align: top; } #footerLeft { width: 272px; height: 214px; padding: 10px 0px 0px 43px; float: left; } #footerRight { width: 670px; padding: 10px 15px 0px 0px; float: left; } #footerBottom { height: 28px; line-height: 28px; clear: both; padding: 0px 10px; } #footerLogo { width: 250px; height: 99px; background: transparent url(graphics/design/footer_logo.png) no-repeat right bottom; } .footerPhone { width: 98px; height: 19px; line-height: 19px; color: #fff; padding-left: 5px; float: left; text-align: center; background: transparent url(graphics/design/phone_bg.png) no-repeat right bottom; } .footerSide { width: 265px; float: right; } .footerSide img { margin-top: -3px; } .footerText { padding: 3px 0px 0px 0px; text-align: right; } #menu_footer { float: right; color: #fff; } #menu_footer a { color: #fff; } #accrinet { position:relative; height:0px; width: 100%;} #accrinet div {width: 140px;float:left; line-height: 12px;text-align:right;font-size: 10px;} #accrinet .accrinet {position: absolute; top:10px; right: 0px; width: 175px; height: 30px;} #accrinet div span {font-size: 13px;line-height: 12px;} a.accrinet { color: #0078bb; } #empowered { height: 25px; margin-right: 20px; padding-top: 15px; } #empowered a { color: #fff; } .datebox { font-weight: bold; } .bannerHome { padding-bottom: 10px; } .bannerInt1 span { float: left; } .bannerInt2 span { margin: 0 auto; } .bannerInt3 span { float: right; } .bannerInt { padding: 40px; text-align: center; } /* End Global Styles */ /* ---------------General Module Styles--------------- */ .itemCount { } .itemList { clear: both; } .itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .itemList h2 a { text-decoration: none; } .itemList h2 a:hover { text-decoration: underline; } .itemList span { display: block; } .itemLabel { font-weight: bold; } .itemList span.itemLabel { display: inline; } .bottomNavigation { clear: both; } .goBack { } .errorMessage { font-weight: bold; color: #f00; } /* End General Module Styles */ /* ModuleBegin::news */ .newsWrapper .headline { font-weight: bold; padding-top: 15px; } .newsWrapper .headline a { color: #656565; } .newsWrapper .publish, .newsWrapper .author, .newsWrapper .copyright { } .newsWrapper .publish { padding-bottom: 15px; color: #cc3333; } .newsWrapper .blurb { } .newsWrapper .content { } .newsWrapper .newsitem { padding-bottom: 1em; } .newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; } .newsListHeadlineTD { } .newsListHeadline { font: bold 15px Arial, Helvetica, sans-serif; color: #0068a8; } .newsListPublishline { font: normal 9px Arial, Helvetica, sans-serif; color: #000000; } .newsListBlurb { } .newsListMoreLink { } .moreNews { display: block; font-style: italic; padding-left: 30px; width: 70px; float: right; background: transparent url(graphics/design/more.png) no-repeat left bottom; height: 22px; line-height: 22px; } /* ModuleEnd::news */ /* ModuleBegin::events */ /* --------------- Events Lister ----------------- */ .eventsListerWrapper { } .eventDateHeading { color: #000; border-top: 1px solid #ccc; padding-top: 10px; } .eventsListerWrapper h2 { margin-bottom: 0; } .eventDate { } .eventTime { } .eventBlurb { } .eventHeadlineTD { } .eventHeadline { color: #6989c4; font-weight: bold; } .eventDetail { } .eventMoreLink { } .eventDateHeader { } /* --------------- Events Detail ----------------- */ .eventsDetailWrapper { } .eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress, .eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone, .eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket, .eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 , .eventsDetailWrapper .eventTicket3, .eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; } .eventLocation, .eventRSVP, .eventTicketWrapper { padding: 5px 0px; } .eventLocation { } .eventLocationMap { } .eventLocationAddress { } .eventLocationDriving { } .eventContact { } .eventPhone { } .eventEmail { } .eventRSVP { } .eventTicketWrapper { } .eventTicket { } .eventBody { } /* Month at a Glance */ .calendarWrapper table { width: 100%; table-layout: fixed; } .calendarWrapper a { text-decoration: none; } .calendarWrapper a:hover { text-decoration: underline; } .calendarWrapper .calendarMonths { background-color: #4e2e92; text-align: center; vertical-align: middle; } .calendarWrapper .calendarMonths a { display: block; color: #ffffff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 5px 0px 5px 0px; } .calendarWrapper .calendarMonths a:hover { background-color: #99cd00; color: #ffffff; } .calendarWrapper .calendarDays { border-collapse: collapse; table-layout: fixed; } .calendarWrapper .calendarDays .title { font-size: 14px; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; } .calendarWrapper .calendarDays .title a { font-size: x-small; } .calendarWrapper .calendarDays .prevLink, .calendarWrapper .calendarDays .nextLink { background: #bbb; } .calendarWrapper .calendarDays .normal { display: none; } .calendarWrapper .calendarDays td { text-align: center; border: 1px solid #000000; font-weight: bold; } .calendarWrapper .calendarDays .weekdays { height: 30px; background-color: #0067a9; color: #ffffff; } .calendarWrapper .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eeeeee; } .calendarWrapper .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #4e2e92; padding-left: 5px; color: #ffffff; } .calendarWrapper .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; } .calendarWrapper .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; background-color: #0067a9; padding-left: 5px; color: #ffffff; } .calendarWrapper .calendarDays .eventOn a { color: #ffffff; } /* ---------------------- Events Small Calendar ------------------------ */ #calendar { font-size: 12px; background: #620094; } .cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: #620094; } .calPrev { position: absolute; top: 4px; left: 15px; } .calNext { position: absolute; top: 4px; right: 15px; } .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; } .calPrev a, .calNext a, .calMonth a { text-decoration: none; color: #ffffff; } .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; } .calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; } .calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; color: #ffffff; } .calGrid tr.calWeek { font-weight: bold; text-align: center; } .calDayOn a { color: #ffffff; font-weight: bold; text-decoration: underline; } .calDayOn a:hover { text-decoration: none; } .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #aab424; color: white; font-weight: bold; } .calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; } .calBottom { text-align: left; padding-left: 20px; } .calMonthGlance { padding: 5px 0px 3px 0px; } .calBottom a { color: #ffffff; } /* ---------------------- Events Month at a Glance ------------------------ */ #calendarDetail { background: #fff url('graphics/events/atglance_bottom.jpg') no-repeat bottom; padding-bottom: 30px; width: 547px; } #calendarDetail table { background: #999; width: 100%; table-layout: fixed; } #calendarDetail .calendarMonths { background: #e8e8e8 url('graphics/events/atglance_top.jpg') no-repeat; text-align: center; vertical-align: middle; padding-top: 3px; padding-left: 12px; border-left: 1px solid #fff; border-right: 2px solid #fff; width: 100%; } #calendarDetail a { text-decoration: none; } #calendarDetail a:hover { text-decoration: underline; } #calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; color: ##1e7dc1; } #calendarDetail .calendarMonths a:hover { color: #1e7dc1; } #calendarDetail .calendarDays { /* border-collapse: collapse; */ table-layout: fixed; background: #fff; width: 100%; } #calendarDetail .calendarDays td { text-align: center; font-size: x-small; line-height: 1.1em; } #calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; background: #bbb; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { font-size: small; } #calendarDetail .title a { font-size: x-small; } #calendarDetail .calendarDays .weekdays { height: 30px; background-color: #ccc; } #calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eee; } #calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #fdf9ea; padding-left: 5px; } #calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; } #calendarDetail .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; } /* --------------- Events Box ----------------- */ .eventsBoxWrapper { } .eventsBoxWrapper .itemList { padding-bottom: 10px; } .eventsBoxWrapper .eventDate { color: #777; } /* ModuleEnd::events */ /* ---------------Shopping Module Styles--------------- */ .shoppingAlert { color: red; font-size: 8pt; } .shoppingBody { font-size: 8pt; } .shoppingCartEvenRow { background-color: #ffffff; color: #002d62; } .shoppingCartOddRow { background-color: #ebebeb; color: #002d62; } .shoppingCartTableHeader { background-color: #002d62; color: #ffffff; font-size: 8pt; font-weight: bold; } .shoppingForm { font-size: 8pt; color: #002d62; } .shoppingFormQuantity { background-color: #ffffff; font-size: 8pt; } .shoppingFormRequired { font-size: 8pt; font-weight: bold; color: #002d62; } .shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color: #000; } .shoppingHeading { color: #002d62; } .shoppingInStock { } .shoppingItemHeading { } .shoppingOutOfStock { color: #dd0000; } .shoppingLowStock { } .shoppingTable { background-color: #e8e8e8; color: #002d62; } .shoppingTableBorder { background-color: #ffffff; } /* Send Page Styles */ .sendpageBody { background: #006699; color: #ffffff;} .sendpage { clear:both; } .sendpageBody div, .sendpageBody td, .sendpageBody p { padding: 2px 0px; color: #ffffff; } /* End Send Page Styles */ /* Pagination */ .pagination { clear: both; display: block; } .pagination a, .pagination a:link, .pagination a:visited { text-decoration: none; } .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border: solid 1px #ccc; margin: 0; padding: 4px 6px; font-size: 8pt; margin-right: 2px; display: inline-block; } .pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border: solid 1px #000; color: #000; } .pagination .prevnextCurrent { background: #ccc; color: #000; font-weight: bold; padding: 4px 6px; } .pagination a.prevnextLink { border: 1px solid #ccc; padding: 4px 6px 4px; margin-right: 2px; font-size: 11px; display: block; } /* End Pagination */ /* ModuleBegin::broadcastemail */ .enewsWrapper { padding: 0px 5px 0px 17px; height: 50px; background: transparent url(graphics/design/enews_bg.png) no-repeat 17px 0px; } .enewsWrapper span { display: block; background: transparent; } .enewsText { } .enewsEmail { } .enewsBoxEdit { border: 0; float: left; height: 50px; line-height: 50px; width: 196px; padding: 0px 10px 0px 52px; background: transparent; text-align: right; color: #fff; } .send { display: block; float: left; border: 0; width: 53px; height: 32px; padding-top: 10px; background: transparent url(graphics/design/send.png) no-repeat left bottom; } /* ModuleEnd::broadcastemail */ /* ---------------Search Styles--------------- */ #search { height: 43px; padding: 11px 5px 0px 17px; } #search .queryLabel { float: left; color: #ffffff; } #search .searchInput input { border: 0; float: left; height: 32px; line-height: 32px; width: 233px; padding: 0px 15px 0px 10px; text-align: right; color: #fff; background: transparent url(graphics/design/search_bg.png) no-repeat left top; } #search .submit { float: left; width: 53px; height: 37px; background: transparent url(graphics/design/search.png) no-repeat left bottom; } /* ModuleBegin::gendocs */ .webpageWrapper { } /* ModuleEnd::gendocs */ /* ModuleBegin::directory-slides */ /* --------------- Home News Slider Styles --------------- */ .newsSlider { width: 608px; height: 180px; float: left; position: relative; background: #cccccc; padding: 0; margin: 0; } .newsSlider .stgslide { top: 0px; left: 0px; position: absolute; width: 608px; height: 180px; } .newsSlider .stgslide img { vertical-align: bottom; border: 0; width: 608px; height: 180px; } .newsSlider .stgslide .stgslidebase { width: 608px; height: 180px; position: absolute; top: 0px; left: 0px; display: block; } .newsSlider .stgslide .stgslidecredit { top: 0px; left: 0px; position: absolute; width: 608px; height: 180px; z-index: 60; } .stgslidevideo { position: relative; height: 0; padding-bottom: 56.25%; padding-top: 25px; margin-top: 20px; } * html .stgslidevideo { margin-bottom: 0; } .stgslidevideo div, .stgslidevideo object, .stgslidevideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 99%; } .newsSlider .stgslide .stgslideheading { width: 424px; height: 28px; padding: 15px 10px 0px 10px; top: 137px; left: 164px; text-align: center; position: absolute; z-index: 97; background: transparent url(graphics/design/slide_head_bg.png) no-repeat left top; } .newsSlider .stgslide .stgslidecontent { width: 380px; padding: 0px 10px; height: 150px; top: 100px; left: 0px; position: absolute; overflow: hidden; z-index: 89; } .newsSlider .stgslide .stgslideimage { width: 608px; height: 180px; top: 0px; left: 0px; position: absolute; overflow: hidden; z-index: 80; } .stgslideheading > h2 { font-weight: bold; } .newsSlider .stgcredit { display: none; } .newsSlider .stghrimg { display: none; } .newsSlider .stghrtxt { display: none; } .newsSlider .stgbtnwrpr { display: none; width: 440px; top: 135px; right: 0; position: absolute; height: 40px; padding: 5px 10px; z-index: 96; background: #000000; } .newsSlider .stglinks { display: none; float: right; width: 190px; height: 20px; padding: 5px 0px 0px 0px; text-align: right; } .newsSlider .stgbtngrp { float: left; width: 190px; height: 25px; } .newsSlider .stgbtnoff, .newsSlider .stgbtnon { width: 19px; height: 20px; float: left; border: 1px solid #ffffff; font-size: 12px; text-align: center; padding: 2px 0px 0px 0px; margin: 0px 5px 0px 0px; display: inline; cursor: pointer; font-weight: bold; } .newsSlider .stgbtnoff { color: #ffffff; } .newsSlider .stgbtnon { color: #000000; background: #ffffff; } .newsSlider .textColor, .newsSlider .textColor p, .newsSlider .textColor div, .newsSlider .textColor td { color: #ffffff; } .newsSlider .textColorBlack, .newsSlider .textColorBlack p, .newsSlider .textColorBlack div, .newsSlider .textColorBlack td { color: #000000; } .newsSlider .textColorWhite, .newsSlider .textColorWhite p, .newsSlider .textColorWhite div, .newsSlider .textColorWhite td { color: #ffffff; } /* ModuleEnd::directory-slides */ /* ModuleBegin::directory-programbox */ .programBox { width: 336px; height: 131px; position: relative; } .programPurple { width: 336px; height: 131px; background: transparent url(graphics/design/program_purple_box.png) no-repeat left top; position: absolute; left: 0; top: 0; z-index: 90; } .programRed { width: 336px; height: 131px; background: transparent url(graphics/design/program_red_box.png) no-repeat left top; position: absolute; left: 0; top: 0; z-index: 90; } .programYellow { width: 336px; height: 131px; background: transparent url(graphics/design/program_yellow_box.png) no-repeat left top; position: absolute; left: 0; top: 0; z-index: 90; } .programBoxImage { width: 237px; height: 123px; position: absolute; left: 0; top: 1px; z-index: 89; overflow: hidden; } .programBoxContent { font-size: 11px; color: #fff; width: 176px; height: 123px; padding: 0px 0px 0px 160px; position: absolute; left: 0; top: 1px; z-index: 95; } .programBoxBlurb { padding: 0px 5px 0px 10px; color: #fff; } .programBoxContent h2 { padding-top: 5px; font-size: 16px; color: #fff; } .programBoxLink { font-size: 11px; color: #333; position: absolute; left: 189px; top: 113px; z-index: 95; } .programIntBox { width: 248px; height: 131px; position: relative; margin: 0 auto; } .programIntPurple { width: 248px; height: 131px; background: transparent url(graphics/design/program_int_purple_box.png) no-repeat left top; position: absolute; left: 0; top: 0; z-index: 90; } .programIntRed { width: 248px; height: 131px; background: transparent url(graphics/design/program_int_red_box.png) no-repeat left top; position: absolute; left: 0; top: 0; z-index: 90; } .programIntYellow { width: 248px; height: 131px; background: transparent url(graphics/design/program_int_yellow_box.png) no-repeat left top; position: absolute; left: 0; top: 0; z-index: 90; } .programIntBoxImage { width: 237px; height: 123px; position: absolute; left: 0; top: 1px; z-index: 89; overflow: hidden; } .programIntBoxContent { font-size: 11px; color: #fff; width: 140px; height: 123px; padding: 0px 0px 0px 108px; position: absolute; left: 0; top: 1px; z-index: 95; } .programIntBoxBlurb { padding: 0px 5px 0px 10px; color: #fff; } .programIntBoxContent h2 { padding-top: 5px; font-size: 14px; /* 16px */ color: #fff; margin-bottom: 4px; } .programIntBoxLink { font-size: 11px; color: #333; position: absolute; left: 118px; top: 113px; z-index: 95; } /* ModuleEnd::directory-programbox */ /* MenuBegin:menu_main */ ul.menu_main { margin: 0; border: 0; padding: 0; list-style: none; line-height: 58px; } ul.menu_main li { margin: 0; border: 0; padding: 0; float: left; display: inline /*Gecko*/; list-style: none; position: relative; z-index: 999; } ul.menu_main ul { margin: 0; border: 0; padding: 0; list-style: none; width: 201px; display: none; position: absolute; top: 58px; left: 0; background: transparent url(graphics/design/menu/menu_bt.png) no-repeat left bottom; padding-bottom: 10px; } ul.menu_main ul li { position: relative /*IE 7*/; display: inline; background: #1e1e1e; float: left /*For IE*/; } /* 1st Level */ ul.menu_main a { color: #fff; background: transparent url(graphics/design/menu/menu_sp.png) no-repeat right bottom; text-decoration: none; text-align: center; padding: 0px; font: normal 12px/58px Arial, Helvetica, sans-serif; float: left /*For Opera*/; display: block /*For IE*/; height: 1%; } ul.menu_main a:hover, ul.menu_main li:hover a, ul.menu_main a:hover, ul.menu_main li.over a { color: #fff; text-decoration: none; } ul.menu_main .item1 a { width: 98px; } ul.menu_main .item1 a:hover, ul.menu_main .item1 a.current { background: transparent url(graphics/design/menu/menu1.png) no-repeat left bottom; } ul.menu_main .item2 a { width: 113px; } ul.menu_main .item2 a:hover, ul.menu_main .item2 a.current { background: transparent url(graphics/design/menu/menu2.png) no-repeat left bottom; } ul.menu_main .item3 a { width: 130px; } ul.menu_main .item3 a:hover, ul.menu_main .item3 a.current { background: transparent url(graphics/design/menu/menu3.png) no-repeat left bottom; } ul.menu_main .item4 a { width: 120px; } ul.menu_main .item4 a:hover, ul.menu_main .item4 a.current { background: transparent url(graphics/design/menu/menu4.png) no-repeat left bottom; } ul.menu_main .item5 a { width: 66px; } ul.menu_main .item5 a:hover, ul.menu_main .item5 a.current { background: transparent url(graphics/design/menu/menu5.png) no-repeat left bottom; } ul.menu_main .item6 a { width: 112px; } ul.menu_main .item6 a:hover, ul.menu_main .item6 a.current { background: transparent url(graphics/design/menu/menu6.png) no-repeat left bottom; } ul.menu_main .item7 a { width: 130px; } ul.menu_main .item7 a:hover, ul.menu_main .item7 a.current { background: transparent url(graphics/design/menu/menu7.png) no-repeat left bottom; } ul.menu_main .item8 a { width: 188px; background: transparent; } ul.menu_main .item8 a:hover, ul.menu_main .item8 a.current { background: transparent url(graphics/design/menu/menu8.png) no-repeat left bottom; } /* 2nd Level */ ul.menu_main li:hover li a, ul.menu_main li.over li a { line-height: 12px; padding: 9px 0px; margin: 0 14px; text-align: left; width: 173px; color: #fff; background: #1e1e1e url(graphics/design/menu/menu_seph.png) repeat-x left bottom; text-decoration: none; float: none; } ul.menu_main li:hover li a:hover, ul.menu_main li:hover li:hover a, ul.menu_main li.over li a:hover, ul.menu_main li.over li.over a { text-decoration: none; background: #1e1e1e url(graphics/design/menu/menu_seph.png) repeat-x left bottom; } ul.menu_main li:hover ul, ul.menu_main li.over ul { width: 201px; } ul.menu_main .item1 ul li a:hover, ul.menu_main .item1 ul ul li a:hover, ul.menu_main .item1 ul ul ul li a:hover { color: #ffcc00; } ul.menu_main .item2 ul li a:hover, ul.menu_main .item2 ul ul li a:hover, ul.menu_main .item2 ul ul ul li a:hover { color: #660099; } ul.menu_main .item3 ul li a:hover, ul.menu_main .item3 ul ul li a:hover, ul.menu_main .item3 ul ul ul li a:hover { color: #cc3333; } ul.menu_main .item4 ul li a:hover, ul.menu_main .item4 ul ul li a:hover, ul.menu_main .item4 ul ul ul li a:hover { color: #006666; } ul.menu_main .item5 ul li a:hover, ul.menu_main .item5 ul ul li a:hover, ul.menu_main .item5 ul ul ul li a:hover { color: #ffcc00; } ul.menu_main .item6 ul li a:hover, ul.menu_main .item6 ul ul li a:hover, ul.menu_main .item6 ul ul ul li a:hover { color: #660099; } ul.menu_main .item7 ul li a:hover, ul.menu_main .item7 ul ul li a:hover, ul.menu_main .item7 ul ul ul li a:hover { color: #cc3333; } ul.menu_main .item8 ul li a:hover, ul.menu_main .item8 ul ul li a:hover, ul.menu_main .item8 ul ul ul li a:hover { color: #006666; } /* 3rd Level */ ul.menu_main li:hover li:hover li a, ul.menu_main li.over li.over li a { color: #fff; background: #1e1e1e url(graphics/design/menu/menu_seph.png) repeat-x left bottom; text-decoration: none; } ul.menu_main li:hover li:hover li a:hover, ul.menu_main li:hover li:hover li:hover a, ul.menu_main li.over li.over li a:hover, ul.menu_main li.over li.over li.over a { text-decoration: none; background: #1e1e1e url(graphics/design/menu/menu_seph.png) repeat-x left bottom; } ul.menu_main .item1 ul ul li a:hover { color: #ffcc00; } ul.menu_main .item2 ul ul li a:hover { color: #660099; } ul.menu_main .item3 ul ul li a:hover { color: #cc3333; } ul.menu_main .item4 ul ul li a:hover { color: #006666; } ul.menu_main .item5 ul ul li a:hover { color: #ffcc00; } ul.menu_main .item6 ul ul li a:hover { color: #660099; } ul.menu_main .item7 ul ul li a:hover { color: #cc3333; } ul.menu_main .item8 ul ul li a:hover { color: #006666; } /* 4th Level */ ul.menu_main li:hover li:hover li:hover li a, ul.menu_main li.over li.over li.over li a { color: #fff; background: #1e1e1eurl(graphics/design/menu/menu_seph.png) repeat-x left bottom; text-decoration: none; } ul.menu_main li:hover li:hover li:hover li a:hover, ul.menu_main li.over li.over li.over li a:hover { text-decoration: none; background: #1e1e1e url(graphics/design/menu/menu_seph.png) repeat-x left bottom; } ul.menu_main .item1 ul ul ul li a:hover { color: #ffcc00; } ul.menu_main .item2 ul ul ul li a:hover { color: #660099; } ul.menu_main .item3 ul ul ul li a:hover { color: #cc3333; } ul.menu_main .item4 ul ul ul li a:hover { color: #006666; } ul.menu_main .item5 ul ul ul li a:hover { color: #ffcc00; } ul.menu_main .item6 ul ul ul li a:hover { color: #660099; } ul.menu_main .item7 ul ul ul li a:hover { color: #cc3333; } ul.menu_main .item8 ul ul ul li a:hover { color: #006666; } ul.menu_main ul ul, ul.menu_main ul ul ul { display: none; position: absolute; top: 0; left: 201px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul.menu_main li:hover ul ul, ul.menu_main li:hover ul ul ul, ul.menu_main li.over ul ul, ul.menu_main li.over ul ul ul { display: none; } ul.menu_main li:hover ul, ul.menu_main ul li:hover ul, ul.menu_main ul ul li:hover ul, ul.menu_main li.over ul, ul.menu_main ul li.over ul, ul.menu_main ul ul li.over ul { display: block; } ul.menu_main .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; } /* MenuEnd:menu_main */ /* MenuBegin:menu_main_submenu */ #menu_main_submenu { } #menu_main_submenu a { text-decoration: none; } #menu_main_submenu ul, #menu_main_submenu ul li, #menu_main_submenu ul ul { margin: 0; border: 0; padding: 0px; list-style: none; width: 248px; } #menu_main_submenu ul li { z-index: 9; position: relative; background: transparent; } /* 1st Level */ #menu_main_submenu ul a { color: #cc3333; background: transparent; text-decoration: none; text-align: left; padding: 8px 10px; margin: 0px 0px 0px 14px; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #fff; font: normal 14px Arial, Helvetica, sans-serif; display: block; height: 1%; } #menu_main_submenu ul a:hover { color: #cc3333; background: transparent; text-decoration: none; } #menu_main_submenu ul a.first { border-top: 0; } #menu_main_submenu ul a.last { border-bottom: 0; } /* 2nd Level */ #menu_main_submenu ul li li a { border: 0; color: #cc3333; background: transparent; text-decoration: none; padding: 4px 0px 4px 25px; } #menu_main_submenu ul li li a:hover { color: #cc3333; background: transparent; text-decoration: none; } #menu_main_submenu ul li li { background: transparent; } /* 3rd Level */ #menu_main_submenu ul li li li a { color: #cc3333; background: transparent; text-decoration: none; } /* 4th Level */ #menu_main_submenu ul li li li li a { color: #cc3333; background: transparent; text-decoration: none; } #menu_main_submenu ul li li li li a:hover { color: #cc3333; background: transparent; text-decoration: none; } /* Do Not Move - Must Come Before display:block for Gecko */ #menu_main_submenu ul .nav:after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; } /* MenuEnd:menu_main_submenu */ /* MenuBegin:menu_main_submenu_yellow */ /* 1st Level */ #menu_main_submenu_yellow #menu_main_submenu ul a { color: #ffcc00; background: transparent; text-decoration: none; text-align: left; padding: 8px 10px; margin: 0px 0px 0px 14px; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #fff; font: normal 14px Arial, Helvetica, sans-serif; display: block; height: 1%; } #menu_main_submenu_yellow #menu_main_submenu ul a:hover { color: #ffcc00; background: transparent; text-decoration: none; } /* 2nd Level */ #menu_main_submenu_yellow #menu_main_submenu ul li li a { border: 0; color: #ffcc00; background: transparent; text-decoration: none; padding: 4px 0px 4px 25px; } #menu_main_submenu_yellow #menu_main_submenu ul li li a:hover { color: #ffcc00; background: transparent; text-decoration: none; } /* 3rd Level */ #menu_main_submenu_yellow #menu_main_submenu ul li li li a { color: #ffcc00; background: transparent; text-decoration: none; } /* 4th Level */ #menu_main_submenu_yellow #menu_main_submenu ul li li li li a { color: #ffcc00; background: transparent; text-decoration: none; } #menu_main_submenu_yellow #menu_main_submenu ul li li li li a:hover { color: #ffcc00; background: transparent; text-decoration: none; } /* MenuEnd:menu_main_submenu_yellow */ /* MenuBegin:menu_main_submenu_purple */ /* 1st Level */ #menu_main_submenu_purple #menu_main_submenu ul a { color: #660099; background: transparent; text-decoration: none; text-align: left; padding: 8px 10px; margin: 0px 0px 0px 14px; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #fff; font: normal 14px Arial, Helvetica, sans-serif; display: block; height: 1%; } #menu_main_submenu_purple #menu_main_submenu ul a:hover { color: #660099; background: transparent; text-decoration: none; } /* 2nd Level */ #menu_main_submenu_purple #menu_main_submenu ul li li a { border: 0; color: #660099; background: transparent; text-decoration: none; padding: 4px 0px 4px 25px; } #menu_main_submenu_purple #menu_main_submenu ul li li a:hover { color: #660099; background: transparent; text-decoration: none; } /* 3rd Level */ #menu_main_submenu_purple #menu_main_submenu ul li li li a { color: #660099; background: transparent; text-decoration: none; } /* 4th Level */ #menu_main_submenu_purple #menu_main_submenu ul li li li li a { color: #660099; background: transparent; text-decoration: none; } #menu_main_submenu_purple #menu_main_submenu ul li li li li a:hover { color: #660099; background: transparent; text-decoration: none; } /* MenuEnd:menu_main_submenu_purple */ /* MenuBegin:menu_main_submenu_blue */ /* 1st Level */ #menu_main_submenu_blue #menu_main_submenu ul a { color: #006666; background: transparent; text-decoration: none; text-align: left; padding: 8px 10px; margin: 0px 0px 0px 14px; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #fff; font: normal 14px Arial, Helvetica, sans-serif; display: block; height: 1%; } #menu_main_submenu_blue #menu_main_submenu ul a:hover { color: #006666; background: transparent; text-decoration: none; } /* 2nd Level */ #menu_main_submenu_blue #menu_main_submenu ul li li a { border: 0; color: #006666; background: transparent; text-decoration: none; padding: 4px 0px 4px 25px; } #menu_main_submenu_blue #menu_main_submenu ul li li a:hover { color: #006666; background: transparent; text-decoration: none; } /* 3rd Level */ #menu_main_submenu_blue #menu_main_submenu ul li li li a { color: #006666; background: transparent; text-decoration: none; } /* 4th Level */ #menu_main_submenu_blue #menu_main_submenu ul li li li li a { color: #006666; background: transparent; text-decoration: none; } #menu_main_submenu_blue #menu_main_submenu ul li li li li a:hover { color: #006666; background: transparent; text-decoration: none; } /* MenuEnd:menu_main_submenu_blue */ /* MenuBegin:menu_quicklinks */ ul.menu_quicklinks , ul.menu_quicklinks li, ul.menu_quicklinks ul { margin: 0; border: 0; padding: 0; list-style: none; width: 247px; } ul.menu_quicklinks li { position: relative; display: inline; float: left /*For IE*/; } /* 1st Level */ ul.menu_quicklinks a { color: #fff; background: transparent; text-decoration: none; border-bottom: 1px solid #464646; border-top: 1px solid #171717; text-align: left; padding: 9px 20px 10px 20px; font: normal 13px Arial, Helvetica, sans-serif; display: block; height: 1%; } ul.menu_quicklinks a:hover, ul.menu_quicklinks li:hover a, ul.menu_quicklinks a:hover, ul.menu_quicklinks li.over a { color: #fff; background: #cc3333; text-decoration: none; } ul.menu_quicklinks a.first { border-top: 0; } ul.menu_quicklinks a.last { border-bottom: 0; } ul.menu_quicklinks .nav:after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; } /* MenuEnd:menu_quicklinks */ /* ModuleBegin::directory-headline */ #headlineWrapper { width: 499px; height: 191px; clear: both; margin: 0 auto; } .headlineItem { width: 116px; height: 191px; float: left; position: relative; } .headlineFrame { width: 116px; height: 191px; background: transparent url(graphics/design/headline_frame.png) no-repeat left top; position: absolute; left: 0; top: 0; z-index: 90; } .headlineLink { display: block; text-align: center; font-size: 13px; color: #fff; width: 116px; height: 20px; padding-top: 9px; position: absolute; left: 0; top: 157px; z-index: 95; } /* ModuleEnd::directory-headline */ /* ModuleBegin::faq */ .faq ul { margin-left: 0.5em; padding-left: 0.5em; } .faq li { padding-bottom: 0.5em; } .faq .question { padding-top: 1em; padding-bottom: 0.5em; font-weight: bold; border-top: 1px solid #cccccc; } .faq .answer { padding-bottom: 0.5em; } .faq .top { text-align: center; } /* ModuleEnd::faq */ /* ModuleBegin::photo */ /* Photo Lister */ .photoAlbumListerWrapper { border: 1px solid #ccc; padding: 10px; margin: 0 10px 10px 0; width: 160px; float: left; } .photoAlbumListerWrapper:hover { border: 1px solid #86AC63; } .photoAlbumListerWrapper span { display: block; } .photoAlbumListerWrapper img { padding-bottom: 5px; } .photoAlbumListerWrapper .photoAlbumImage { width: 160px; height: 150px; overflow: hidden; } .photoAlbumListerWrapper .photoAlbumName { height: 20px; overflow: hidden; } .photoAlbumListerWrapper .photoAlbumDescription { height: 55px; overflow: hidden; } /* Photo Thumbnails */ .photoAlbumDescription span { color: #ccc; font-size: 90%; } .thumbnail { float: left; margin: 0 10px 10px 0; border: 1px solid #ccc; padding: 5px; position: relative; width: 150px; } .thumbnail:hover { border: 1px solid #86AC63; } .thumbnail img { padding-bottom: 5px; } .thumbnail span { height: 20px; width: 150px; overflow: hidden; display: block; } /* Photo Detail */ .photoAlbumDetail { margin: 10px 0; } .photoRemote-3 { width: 400px; height: 20px; padding: 4px; margin: 0 auto; } .photoRemote-3 span { width: 80px; height: 20px; background-color: #fff; text-align: center; float: left; } .photoRemote-3 span a { display: block; width: 76px; height: 20px; margin: 0 1px; background-color: #fff; color: #888; border: 1px solid #ccc; text-decoration: none; } .photoRemote-3 span a:hover, div.photoRemote-3 span a:active { border: 1px solid #86AC63; color: #000; } .photoAlbumbody { clear: both; } .photoGalleryImage div { margin: 0 auto; } .photoGalleryImage img { border: 1px solid #ccc; padding: 5px; } .photoGalleryImage, .photoPagnationTD { text-align: center; color: #888; } /* ModuleEnd::photo */ /* ModuleBegin::blog */ .blogArchiveMonth { padding-left: 10px; } .blogArchiveYear { font-weight: bold; } .blogDate { padding: 5px 0px; font-weight: bold; background-color: #eeeeee; } .blogDividerComments { height: 1px; background-color: #cccccc; } .blogDividerTop { height: 1px; background-color: #cccccc; } .blogEntry { padding-top: 5px; } .blogEntryFooter { padding-bottom: 10px; } .blogFooter { height: 1px; background-color: #cccccc; } .blogPosted { padding-bottom: 5px; padding-top: 5px; color: #000066; } .blogTitle { color: #000066; font-weight: bold; padding-top: 10px; } /* ModuleEnd::blog */ /* ModuleBegin::membership */ #formLogin { margin: 0 auto; border: 1px solid #ccc; padding: 20px; width: 275px; } .membershipLoginWrapper { } .memberLoginBox { margin: 0 auto; } .memberLoginBox td { padding: 2px; } .memberUser { } .memberPassword { } .memberRemember { } .memberForgot { } .memberSubmit { } .myaccountListerBack { text-align: center; width: 100%; padding-top: 10px; } /* ModuleEnd::membership */ /* ModuleBegin::poll */ .pollSmallWrapper span, .pollDetailWrapper span { display: block; padding: 5px 0px;} .pollSmallWrapper span.pollChoices { padding-bottom: 5px; } .pollListWrapper { } .pollDetailWrapper { } .pollQuestion { } .pollChoices { } .pollLink { } .pollResultQuestion { font-weight: bold; } .pollResultChoices { } .pollBar { background-color: #ccc; height: 7px; } /* ModuleEnd::poll */ #comment { width:580px !important; max-width:580px !imporant; } form #comment_text { width:580px !important; max-width:580px !imporant; }