/* --------------- Header Styles --------------- */ #header { height: 111px; padding:0px 20px 0px 0px; } #header #logo { float: left; width: 450px; padding: 20px 0px 0px 25px; } #header #logo a { width: 626px; height: 111px; display: block; background: transparent url(graphics/design/logo_header.jpg) no-repeat top left;} #header h1 { display: none; } #header #menuTop { float: right; width: 292px; padding-top: 10px; text-align: right; color: #116158; } #header #accessButton { width:292px; height:28px; float:right; clear:right; background: transparent url(graphics/design/member_access_button.jpg) no-repeat bottom right; } #header #accessButton a { width:150px; height:28px; display: block; float: right; text-indent: -3000px; } /* --------------- Search Top Styles --------------- */ #header #searchTop { float: right; width: 146px; clear:right; margin-top: 5px; border:2px solid #116158; } #searchTop .searchInput { float: right; width: 121px; height: 18px; padding-top:0px; } #searchTop .searchInput input { width: 118px; height: 16px; border:0; color:#666; } #searchTop .searchBoxSubmitLink { float: left; display:block; width: 20px; height: 16px; background: transparent url(graphics/design/mag_glass.jpg) no-repeat 5px 3px; } /* --------------- Photo Home Styles --------------- */ #photoHome2 { height: 252px; } #photoHome img2 { border: 0; vertical-align: bottom; } /* --------------- Middle Styles --------------- */ #middle { width: 925px; padding: 0px 21px 0px 17px; background: transparent url(graphics/design/content_bg.jpg) repeat-y left top;} #rightMid { float: right; width: 653px; background: transparent; padding: 0px 15px 0px 0px; } #rightMidBg { background: transparent url(graphics/design/right_mid_bg.gif) repeat-y left top; } #leftMid { float: left; background: #fff; width: 247px; } #topRight { float: right; width: 238px; padding-top: 0px; background: #fff; } #bottomRight { width: 650px; background: transparent url(graphics/design/bottom_rt_bg.jpg) repeat-y left top; clear:both; } #bottomRightLeft { width: 314px; background: transparent; float:left; color: #116158; font-size: 11px; } #bottomRightLeft p, #bottomRightLeft li { color: #116158; font-size: 11px; } #bottomRightRight { width: 314px; background: transparent; float:right; text-align:center; } #middleHeader { height: 19px; background: #116158; border-bottom: 1px solid #cfdedc; } .yellowHeader { height: 21px; background: transparent url(graphics/design/drop_shadow.jpg) repeat-x left top; clear: both; } .greenHeader { height: 21px; background: #116158; clear: both; } #becomeMember { width: 247px; height: 77px; } #contentHomeBG { width: 100%; background: transparent url(graphics/design/ds_bg.jpg) repeat-x left top; padding: 9px 0px 0px 0px; } #content { width: 406px; background: #fff; float: left; } .contentHome { width: 356px; background: #fff; padding:0px 25px; } .contentHome p { color:#116158; } #contentInt { width:653px; padding: 0px 0px 20px 0px;} .contentInt { background: #fff; padding:0px 30px 20px 30px; } /* --------------- Footer Styles --------------- */ #footer { height: 74px; padding: 15px 25px 0px 25px; background: transparent url(graphics/design/content_bg.jpg) repeat-y left top; clear:both; } #copyright { padding: 3px 0px 4px 0px; float: left; height: 30px; width: 750px; } #copyright p { color: #116158; padding: 0; margin: 0; font-size: 10px; } #menuFooter { padding: 2px 0px 0px 0px; } #menuFooter, #menuFooter a, #accrisoft a { color: #116158; font-size: 10px;} #empowered { padding: 15px 15px 0px 0px; float: right; width: 130px; height: 35px; } #accrisoft { line-height: 1.3em; width: 130px; height: 35px; background: transparent url(graphics/design/accrisoft.gif)no-repeat; } #empowered a { font-size: 10px; } /* ---------------Global Styles--------------- */ a { color: #116158; text-decoration: none; } a:hover { text-decoration: underline; } a:visited { } h1, .myaccountHeading { color: #116158; font-size: 20px; margin: 0; padding: 10px 0px 5px 0px;} h2, .formTextHeading { color: #e38700; font-size: 14px; margin: 0; padding: 10px 0px 5px 0px;} h3 { color: #116158; font-size: 12px; margin: 0; padding: 10px 0px 5px 0px; font-weight: bold; } h4 { color: #000; font-size: 12px; font-weight: bold; } body { color:#000; } #page { padding: 0; margin: 0; background: #116158; } body, p, td, div { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .container { width: 990px; margin:0 auto; padding: 0; background: transparent url(graphics/design/body_bg.png) repeat-y left top; } .container_bot { width: 963px; margin:0 auto; padding: 0px 14px 8px 13px; clear: both; background: transparent url(graphics/design/body_bot.png) no-repeat left bottom; } form, input { padding:0; margin:0; } .center { text-align: center; } .clearSpace { clear: both; height: 10px; } .clearSpace:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } html>body .clearSpace { height: auto; min-height: 10px; } .photoLeft { float: left; margin: 10px 10px 10px 0px; } .photoRight { float: right; margin: 10px 0px 10px 10px; } .photoLeftFirst { float: left; margin: 0px 10px 10px 0px; } .dotSep { height:2px; line-height:2px; padding-top:7px; font-size:1px; background: transparent url(graphics/design/sep_dot.jpg) repeat-x left bottom; clear:both; } /* 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 */ /* 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:11px; margin-right:2px; display:inline; 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 */ /* Send Page Styles */ .sendpageBody { background: #116158;} .sendpage { clear:both; } .sendpageBody div, .sendpageBody td, .sendpageBody p { color: #ffffff; padding: 2px 0px; } /* End Send Page Styles */ /* ModuleBegin::gendocs */ .webpageWrapper { } /* ModuleEnd::gendocs */ /* --------------- Enews Styles --------------- */ #enewsBox { padding: 0px 5px 20px 5px; } #enewsBox h2 { font-size: 18px; } #enewsBox .enewsText { font-size: 11px; padding-bottom: 5px;} #enewsBox .enewsFields { clear: both; height: 20px; } #enewsBox .enewsFields :after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #enewsBox .enewsInput { float: left; width: 120px; height: 20px; padding-right: 5px; } #enewsBox .enewsBoxEdit { width: 120px; height: 20px; border: 1px solid #b2b2b2; background: #ffffff; } #enewsBox .enewsSubmit { float: left; width: 52px; height: 20px; } /* ModuleBegin::broadcastemail */ .enewsWrapper div { } .enewsWrapper span { display: block; } .enewsText { } .enewsEmail { } /* ModuleEnd::broadcastemail */ /* --------------- Banner Styles --------------- */ #bannerContent { text-align: center; padding: 20px 0px 10px 0px; border-top: 1px solid #b2b2b2; } #bannerSide1, #bannerSide2 { text-align: center; padding: 5px 0px; background: #fff; } /* --------------- Event Styles --------------- */ /* ModuleBegin::events */ #homeEvents { width: 233px; background: transparent; } #homeEvents .eventsListerWrapper { padding-bottom: 15px; } #homeEvents .eventsListerWrapper h1 { color: #116158; font-size: 16px; margin: 0; padding: 10px 0px 0px 15px; } #homeEvents .eventsListerWrapper h2 a { color: #116158; font-size: 12px; margin: 0; padding: 10px 0px 0px 0px; } #homeEvents .eventsListerWrapper .itemList { padding: 0px 15px; } #homeEvents .eventsListerWrapper .eventTitleHome { width:145px; float:left; } #homeEvents .eventsListerWrapper .eventDateHome { width:35px; float:left; padding: 10px 0px 0px 0px; } #homeEvents .eventsListerWrapper .eventDateHomeMonth { text-transform:uppercase; color:#116158; font-size:10px; font-weight:bold; } #homeEvents .eventsListerWrapper .eventDateHomeDay { color: #e38700; font-size:17px; font-weight:bold; } #homeEvents .eventsListerWrapper .eventMoreHome { text-transform:uppercase; color:#116158; font-size:10px; font-weight:bold; display:block; text-align:right; } /* #eventHomeCal { background: #fff url(graphics/design/cal_bg.jpg) no-repeat left bottom; } #eventHomeCal, #eventHomeCal td { border: 2px solid #ebebe9; border-collapse: collapse; } */ /* Events Lister */ .eventsListerWrapper .itemList { clear:left; } .eventDateHeading { font-weight: bold; border-top: 1px solid #ccc; margin-top: 20px; } .eventsListerWrapper h2 { margin: 0; padding: 10px 0px 0px 0px; } .eventDate { } .eventTime { } .eventBlurb { } /* 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; } .eventDate { } .eventTime { } .eventLocation { } .eventLocationMap { } .eventLocationAddress { } .eventLocationDriving { } .eventContact { } .eventPhone { } .eventEmail { } .eventRSVP { } .eventTicketWrapper { } .eventTicket { } .eventBody { } /* Events Small Calendar */ .calendarSmallWrapper { font-size: 12px; padding: 0; margin: 0; } #calendar, #calendarBox { padding: 0; margin: 0; background: transparent; } .cal { text-align: center; margin-left: auto; margin-right: auto; padding: 0; } .calTop { background: transparent url(graphics/design/cal_top.jpg) no-repeat top left; width: 130px; height: 18px;} .calPrev { } .calPrev a { float: left; width: 10px; display: block; height: 18px; background: transparent url(graphics/design/arrow_lf.jpg) no-repeat left 4px; } .calNext { } .calNext a { float: right; width: 10px; display: block; height: 18px; background: transparent url(graphics/design/arrow_rt.jpg) no-repeat left 4px; } .calPrev a, .calNext a { text-decoration: none; } .calPrev a:hover, .calNext a:hover { text-decoration: none; } .calMonth { float: left; width: 110px; padding-top: 1px; } .calMonth a { text-decoration: none; display: block; color: #ffffff; text-align: center; font-weight: bold; } .calMonth a:hover { text-decoration: underline; } .calGrid { background: #fff url(graphics/design/cal_bg.jpg) no-repeat left bottom; width: 130px; padding: 0px 0px 15px 0px; margin: 0;} .calGrid table { width: 130px; padding: 0; margin: 0; background: transparent; border: 2px solid #ebebe9; border-collapse: collapse; } .calGrid td { background: transparent; width: 12px; height: 11px; line-height: 11px; color: #116158; padding: 0; margin: 0; font-size: 9px; text-align: center; border: 2px solid #ebebe9; border-collapse: collapse; } .calGrid .calWeek td { color: #116158; background: #ebebe9; font-weight: bold; } .calGrid tr.calWeek { font-weight: bold; text-align: center; } .calDayOn a { font-weight: bold; text-decoration: none; color: #fff; display:block; background: transparent url(graphics/design/cal_circle.jpg) no-repeat 50% top; } .calDayOn a:hover { text-decoration: underline; } .calGrid td.calTodayOff, .calGrid td.calTodayOn { font-weight: bold; background: transparent; } .calGrid td.calTodayOn a { text-decoration: none; font-weight: bold; color: #fff;} .calGrid td.calDayOff { background: 0; } /* Events Month at a Glance */ .calendarWrapper table { width: 100%; table-layout: fixed; } .calendarWrapper .calendarMonths { background-color: #116158; text-align: center; vertical-align: middle; } .calendarWrapper .calendarMonths a { display: block; color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 5px 0px; } .calendarWrapper .calendarMonths a:hover { background-color: #ccc; color: #116158; } .calendarWrapper .calendarDays { border-collapse: collapse; table-layout: fixed; } .calendarWrapper .calendarDays .title { font-size: 14px; font-weight: bold; color: #116158; padding: 10px 0px; } .calendarWrapper .calendarDays .normal { display: none; } .calendarWrapper .calendarDays td { text-align: center; border: 1px solid #ebebe9; font-weight: bold; } .calendarWrapper .calendarDays .weekdays { height: 30px; background-color: #116158; color: #fff; } .calendarWrapper .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #efefef; } .calendarWrapper .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #116158; padding-left: 5px; color: #fff; } .calendarWrapper .calendarDays .eventToday a { color: #fff; } .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: #116158; padding: 0px 5px 5px 5px; color: #fff; } .calendarWrapper .calendarDays .eventOn a { color: #ffffff; } .eventsGlanceWrapper { } /* ModuleEnd::events */ /* --------------- News Styles --------------- */ /* ModuleBegin::news */ #homeNews { width: 233px; background: transparent; } #homeNews .newsListerWrapper { padding-bottom: 15px; } #homeNews .newsListerWrapper h1 { color: #116158; font-size: 16px; margin: 0; padding: 10px 0px 0px 15px; } #homeNews .newsListerWrapper h2 a { color: #e38700; font-size: 12px; margin: 0; padding: 10px 0px 0px 0px; } #homeNews .newsListerWrapper .itemList { padding: 0px 15px; } #homeNews .newsListerWrapper .newsBlurb p { color: #116158; font-size:11px; } .newsListerWrapper h2 { margin: 0; padding: 10px 0px 0px 0px; } .newsListerWrapper { clear: both; } .newsListerWrapper h2 { margin-top: 0px; } .newsListerWrapper .newsThumbnail { float: left; } .newsListerWrapper .newsThumbnail img { margin: 0px 15px 5px 0px; padding: 5px; border: 1px solid #ccc; } .newsListerWrapper .newsPublish { } .newsListerWrapper .newsBlurb p { padding: 0; margin: 0; } .newsDetailWrapper { } .newsDetailWrapper .newsPublish, .newsDetailWrapper .newsAuthor, .newsDetailWrapper .newsSource { display: block; } .newsDetailWrapper .pagination { height: 50px; } .newsPublish { } .newsAuthor { } .newsAuthorLink { } .newsSource { } .newsBody { clear: both; } .newsCopyright { clear: both; } .newsMore { } /* ModuleEnd::news */ /* --------------- Menu Styles --------------- */ /* MenuBegin:menu_main */ #menu_main { background: #fff; padding:0px 0px 0px 0px; } ul.menu_main ,ul.menu_main li,ul.menu_main ul { margin: 0; border: 0; padding: 0; list-style: none; width: 247px; } ul.menu_main li { z-index: 99; position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ background: transparent; } /* 1st Level */ ul.menu_main a { color: #116158; background: transparent; text-decoration: none; text-align: left; padding: 2px 10px; font: normal 12px Arial, Helvetica, sans-serif; display: block; height: auto !important; height: 1%; /*For IE*/ } ul.menu_main a:hover { color: #fff; background: #116158; text-decoration: none; } ul.menu_main a.first { border:0; } /* 2nd Level */ ul.menu_main li li a { color: #116158; background: transparent; text-decoration: none; padding: 0px 10px 2px 20px; border:0; } ul.menu_main li li a:hover { color: #fff; background: #116158; text-decoration: none; } ul.menu_main li li { background: transparent; } /* 3rd Level */ ul.menu_main li li li a { color: #116158; background: transparent; text-decoration: none; padding: 0px 10px 2px 40px; } ul.menu_main li li li a:hover { color: #fff; background: #116158; text-decoration: none; } /* 4th Level */ ul.menu_main li li li li a { color: #116158; background: transparent; text-decoration: none; } ul.menu_main li li li li a:hover { color: #fff; background: #116158; text-decoration: none; } /* Do Not Move - Must Come Before display:block for Gecko */ ul.menu_main .nav:after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; } /* MenuEnd:menu_main */ /* ModuleBegin::directory */ .staffDetailWrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .staffPhoto { float: right; margin: 0px 0px 5px 10px; background-color: #ffffff;} .staffPhoto img { background-color: #ffffff; border: 1px solid #cccccc; padding: 5px; } .directoryListWrapper { } .directoryDetailWrapper { } .directoryName { } .directoryCategory { } .directorySearchInput { width: 100px; } /* ModuleEnd::directory */ /* ModuleBegin::faq */ #faqRoot { margin: 0 auto; padding: 0; } #faq .faqcontent { margin: 0 10px 0 15px; } #faq h2.faqopened, #faq h2.faqclosed { cursor: pointer; padding: 0 0 0 15px; margin-bottom: 0; } #faq h2.faqclosed:hover { color: #004469; } #faq h2.faqclosed { background: transparent url(graphics/jquery/collapsed.gif) no-repeat scroll 0 5px; margin-bottom: 5px; } #faq h2.faqopened { background: transparent url(graphics/jquery/expanded.gif) no-repeat scroll 0 5px; } /* ModuleEnd::faq */ /* ModuleBegin::membership */ #formLogin { padding-top: 20px; } .membershipLoginWrapper { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px;} .memberLoginBox { margin: 0 auto; } .memberLoginBox td { padding: 2px; } .memberUser { } .memberPassword { } .memberRemember { } .memberForgot { } .memberSubmit { } #membershipList { padding: 0px; } #membershipList table {width: 100%; } #membershipList th { text-align: left; } #membershipList .odd td { background: #cfdedc; } #membershipList td, #membershipList th { padding: 5px 5px 5px 5px; } #membershipDetail { padding: 0px; } #membershipDetail h2 { padding: 10px 0px 0px 0px; margin: 0; } #membershipDetail h3 { padding: 10px 0px 0px 0px; margin: 0; } #membershipDetail p { padding: 5px 0px 10px 0px; margin: 0; } .memberLoginBox td { padding: 5px; } .myaccountDetail td { padding: 5px; } /* ModuleEnd::membership */ /* ModuleBegin::photo */ #photoWrapper {} .photoListItem { height: 160px; padding: 15px 0px; border-bottom: 1px solid #cccccc; clear: both; } .photoBorder { width: 200px; height: 150px; padding: 5px; margin: 0px 15px 0px 0px; border: 1px solid #cccccc; float: left;} .photoAlbumImage { width: 200px; height: 150px; background: transparent no-repeat 50% 50%; } .photoAlbumImage a { width: 200px; height: 150px; display: block; text-indent: -3000px; } #photoThumbWrapper {} #thumbPhotos { padding: 15px 0px 0px 0px; } #thumbPhotos ul { padding: 0; margin: 0; list-style: none; } #thumbPhotos li { width: 100px; height: 75px; padding: 5px; margin: 0px 10px 10px 0px; float: left; border: 1px solid #cccccc; } #thumbPhotos a { width: 100px; height: 75px; display: block; text-indent: -3000px; background: transparent no-repeat 50% 50%; outline-style:none; outline-width:0; } /* Included to attach necessary jQuery Files - Edit jquery.lightbox-0.5.js file to change these image names or locations */ .includeLightBoxJs { background-image: url(graphics/jquery_scripts/jquery.lightbox-0.5.js);} .includeLightboxImg1 { background-image: url(graphics/jquery_scripts/images/lightbox-blank.gif);} .includeLightboxImg2 { background-image: url(graphics/jquery_scripts/images/lightbox-btn-close.gif);} .includeLightboxImg3 { background-image: url(graphics/jquery_scripts/images/lightbox-btn-next.gif);} .includeLightboxImg4 { background-image: url(graphics/jquery_scripts/images/lightbox-btn-prev.gif);} .includeLightboxImg5 { background-image: url(graphics/jquery_scripts/images/lightbox-ico-loading.gif);} /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* ModuleEnd::photo */