body {font-family: "Trebuchet MS", GillSans, Arial, sans-serif; font-size: 12px; background: #000 url(graphics/images/backg.png); margin: 0; padding: 0; text-align: left; color: #000;} h1, h2 {color: #82ab70; margin: 0px; padding: 0px; text-transform: uppercase; font-size: 15px; font-weight: bold;} p {margin: 0px; padding: 5px 0px 20px 0px;} a, a:link, a:visited, a:active {color: #4c673f;} a:hover {color: #82ab70;} ul {margin: 0px 0px 20px 0px; padding: 0px; list-style: none;} li {margin-bottom: 8px;} #btm_text {width: 800px; margin: 0 auto; padding: 0px 300px 0px 250px; text-align: left; color:#FFFFFF;} #page_content {width: 1130px; margin: 0 auto; padding: 0px; text-align: center;} #container {width: 1130px; margin: 0 auto; padding: 0px; text-align: left;} #header {margin: 0px; padding: 0px; width: 100%; height: 205px; position: relative;} #logo {position: absolute; margin: 0px; padding: 0px; left: 10px; top: 17px;} #banner {position: absolute; margin: 0px; padding: 0px; left: 150px; top: 56px;} #search {position: absolute; margin: 0px; padding: 0px; left: 900px; top: 160px; width: 215px;} #social {position: absolute; margin: 0px; padding: 0px; left: 481px; top: 160px;} #sidebar1 {float: left; width: 272px; margin: 0px; padding: 0px;} #sidebar2 {float: left; width: 180px; height: 607px; background: url(graphics/images/menu-bg.png) no-repeat left top; margin: 0px 0px 0px 28px; padding: 0px;} #mainContent {margin: 0 0 0 480px; padding: 0px;} .homeImgBrd {margin: 10px 14px 0px 0px; padding: 0px;} #footerNav {padding: 0px; margin: 50px 0px 0px 0px; color: #dcdcde; font-size: 11px; height: 200px; text-align: center; position: relative;} #footerNav a, #footerNav a:link, #footerNav a:visited, #footerNav a:active {color: #FFF; text-decoration: none;} #footerNav a:hover {color: #82ab70; text-decoration: none;} #footerNav ul {width: 150px; display: block; text-align: left; margin: 0px; padding: 0px; float: left;} #footerNav ul em {border-bottom: solid 1px #82ab70; font-style: normal; text-transform: uppercase; width: 100%; display: block; margin: 0px 0px 6px 0px; padding: 0px; line-height: 12px; color: #82ab70;} #footerNav li{list-style: none;} #f1 {position: absolute; left: 38px; top: 15px;} #f2 {position: absolute; left: 219px; top: 15px;} #f3 {position: absolute; left: 398px; top: 15px;} #f4 {position: absolute; left: 397px; top: 72px;} #f5 {position: absolute; left: 582px; top: 15px;} #f6 {position: absolute; left: 582px; top: 64px;} #f7 {position: absolute; left: 582px; top: 130px;} #f8 {position: absolute; left: 764px; top: 15px;} #f9 {position: absolute; left: 764px; top: 130px;} #f10 {position: absolute; left: 945px; top: 15px;} #f11 {position: absolute; left: 944px;top: 91px;} #footer {padding: 0px 0px 0px 38px; margin: 10px 0px 0px 0px; color: #dcdcde; font-size: 11px; height: 40px; text-transform: uppercase;} /*SUB PAGE*/ #subContent {margin: 0px; padding: 55px 60px 30px 218px; background: #FFF url(graphics/images/subBackg.jpg) bottom left no-repeat; border: solid #82ab70 3px; text-align: justify; position: relative; float: left; width: 362px; min-height: 575px;} .subContentPic {position: absolute; top: 55px; left: 55px;} #subContentText {position: absolute; top: 300px; left: 55px;} #subContentMenu {position: absolute; top: 60px; left: 42px; width: 106px; padding: 15px 15px 0px 15px; font-size: 12px; text-align: left; text-transform:uppercase;} #subContentMenu li {margin-bottom: 10px;} #subContentMenu a {text-decoration: none;} /*MENU*/ #mainMenu {width: 175px; margin: 15px 0px 0px 0px; padding: 0; position: relative;} #mainMenu li {margin: 0px auto; padding: 0; list-style: none; position: absolute; left: 0;} #mainMenu li, #mainMenu a {height: 30px; display:block;} #m1 {top: 41px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) 0px -41px no-repeat;} #m2 {top: 86px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) 0px -86px no-repeat;} #m3 {top: 130px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) 0px -130px no-repeat;} #m4 {top: 175px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) 0px -175px no-repeat;} #m5 {top: 221px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) 0px -221px no-repeat;} #m6 {top: 265px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) 0px -265px no-repeat;} #m7 {top: 311px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) 0px -311px no-repeat;} #m8 {top: 356px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) 0px -356px no-repeat;} #m9 {top: 401px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) 0px -401px no-repeat;} #m10 {top: 446px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) 0px -446px no-repeat;} #m11 {top: 490px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) 0px -490px no-repeat;} #m1 a:hover {background: transparent url(graphics/images/menu.png) -180px -41px no-repeat;} #m2 a:hover {background: transparent url(graphics/images/menu.png) -180px -86px no-repeat;} #m3 a:hover {background: transparent url(graphics/images/menu.png) -180px -130px no-repeat;} #m4 a:hover {background: transparent url(graphics/images/menu.png) -180px -175px no-repeat;} #m5 a:hover {background: transparent url(graphics/images/menu.png) -180px -221px no-repeat;} #m6 a:hover {background: transparent url(graphics/images/menu.png) -180px -265px no-repeat;} #m7 a:hover {background: transparent url(graphics/images/menu.png) -180px -311px no-repeat;} #m8 a:hover {background: transparent url(graphics/images/menu.png) -180px -356px no-repeat;} #m9 a:hover {background: transparent url(graphics/images/menu.png) -180px -401px no-repeat;} #m10 a:hover {background: transparent url(graphics/images/menu.png) -180px -446px no-repeat;} #m11 a:hover {background: transparent url(graphics/images/menu.png) -180px -490px no-repeat;} /*MENU SELECTED*/ #m1s {top: 4px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) -180px -41px no-repeat;} #m2s {top: 26px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) -180px -86px no-repeat;} #m3s {top: 26px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) -180px -130px no-repeat;} #m4s {top: 48px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) -180px -175px no-repeat;} #m5s {top: 114px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) -180px -221px no-repeat;} #m6s {top: 136px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) -180px -265px no-repeat;} #m7s {top: 158px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) -180px -311px no-repeat;} #m8s {top: 180px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) -180px -356px no-repeat;} #m9s {top: 202px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) -180px -401px no-repeat;} #m10s {top: 312px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) -180px -446px no-repeat;} #m11s {top: 224px; width: 175px; text-indent: -1000px; overflow:hidden; background: transparent url(graphics/images/menu.png) -180px -490px no-repeat;} /*REUSABLE CLASSES*/ .fltrt {float: right; margin-left: 8px;} .fltlft {float: left; margin-right: 8px;} .clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;} /* ModuleBegin::gendocs */ .webpageWrapper { } /* ModuleEnd::gendocs */ /* ModuleBegin::events */ /* --------------- Events Lister ----------------- */ .eventsListerWrapper { } .eventDateHeading { color: #000; border-top: 1px solid #ccc; padding-top: 10px; } .eventsListerWrapper h2 { margin-bottom: 0; } .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; background: transparent; } .cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: transparent; } .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; } .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; } .calGrid tr.calWeek { font-weight: bold; text-align: center; } .calDayOn a { font-weight: bold; text-decoration: underline; } .calDayOn a:hover { text-decoration: none; } .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #000; 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 { } /* ---------------------- 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 { background:#eee; } #calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; background: #bbb; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #bbb; } #calendarDetail .title a { font-size: x-small; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { font-size: small; } #calendarDetail .calendarDays td { text-align: center; font-size: x-small; line-height: 1.1em; } #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 */ /* ModuleBegin::broadcastemail */ .enewsWrapper div { } .enewsWrapper span { display: block; } .enewsText { } .enewsEmail { } /* ModuleEnd::broadcastemail */