#loginstyle_button { padding-top: 10px; } img { border: 0; } .leftBanners { margin: 10px 0px 0px 21px; } #copyrighttext { color: #666; font-face: Trebuchet MS, Arial, sans-serif; font-size: 9px; margin: 0px 0px 5px 30px; } .prevnextCurrent, .prevnextWindow { padding:3px 5px; border-left: 1px solid #cccccc; } .prevnextCurrent{ font-weight:bold; } #homepage_flash { vertical-align: bottom; } .searchBox { vertical-align: middle; margin-left: 7px; } .searchBoxInput { vertical-align: middle; border: 1px solid #98A2A1; width: 120px; } .searchBoxText { font-size: 8pt; } /* #searchdiv { height: 22px; border-bottom: 1px dotted #ddd; padding-top: 10px; padding-bottom: 10px; margin-left: 19px; margin-right: 19px; clear: both; border-top: 1px dotted #ddd; } */ #search { height: 22px; padding-top: 2px; padding-bottom: 0px; float: right; padding-right: 5px; width: 180px; } #search .queryLabel { float: left; font:bold 11px Helvetica, Geneva, sans-serif; color: #ffffff; margin: 5px 3px 0px 0px; } #search .searchInput { float: left; margin: 3px 0px; } #search .submit { float: left; margin: 5px 0px 0px 5px; } #submit { height: 12px; width; 51px; } #eventsdiv { margin-top: 15px; } .membershipUserID { color: #FFF; } .membershipPassword { color: #FFF; } #loginstyle { background-color: #fed104; width: 188px; text-align: center; } #loginstyle table input { width: 100px; } #thecontent { clear:both; background-color: #FFF; width: 599px; padding-left: 15px; padding-top: 5px; } #contenttable { height: 500px; } #intcalendar { clear: both; margin-top: 20px; margin-left: 8px; } #copyright { color: #666; font-face: Trebuchet MS, Arial, sans-serif; font-size: 8px; width: 789px; padding-top: 10px; padding-left: 30px; } .bottomaddress { width: 669px; float: left; } #loginbox { width: 188px; height: 90px; margin-left: 8px; margin-top: 16px; clear: both; padding-top:12px; } #empowered { with: 150px; float: right; } #all { margin: 0 auto; width: 819px; } #maindiv { width: 819px; margin: 0 auto; } #rightbanner1 { margin-left: 5px; padding-right: 15px; } #rightbanner2 { padding-right: 15px; } #rightbanner3 { padding-right: 15px; } #rightbanner4 { padding-right: 15px; } #rightbanner5 { margin-left: 5px; padding-right: 15px; } #rightbanner6 { padding-right: 15px; } #rightbanner7 { padding-right: 15px; } #rightbanner8 { padding-right: 15px; } #bottombanners { margin-bottom: 20px; clear: both;} #bottombannertable { margin: 0 auto; clear: both;} #bottombanner1 { padding-right: 15px; } #bottombanner2 { padding-right: 15px; } #bottombanner3 { padding-right: 15px; } a { color: #0068a8; text-decoration: none; } a:hover { text-decoration: underline; } html, input, select { font: normal 11px Verdana, Helvetica, Arial, sans-serif; color: #666666; } h1 { color: #e87100; font:bold 31px Helvetica, Arial, sans-serif; margin: 10px 0px 0px 0px; } h2 { color: #000000; font:bold 15px Helvetica, Arial, sans-serif; margin: 0px 0px 10px 0px; } .eventDateHeader { padding: 20px; color: #e8712e; font-size: 12pt; font-weight: bold; } .eventHeadline { color: #f8bd43; font-family: Helvetica, Arial, sans-serif; padding-left: 40px; font-size: 14px; font-weight: bold; } .eventDetail { padding-left: 40px; } .eventMoreLink { padding-left: 40px; color: #f8bd43; font-weight: bold; } .WXSmalltext { color: #666; font-family: Helvetica, Geneva, Arial, sans-serif; font-size: 11px; vertical-align:middle; height:29px; line-height: 29px; } .WXSmalltextLow { color: #00F; font-family: Helvetica, Geneva, Arial, sans-serif; font-size: 11px; vertical-align:middle; height:29px; line-height: 29px; } .WXSmalltextHigh { color: #F00; font-family: Helvetica, Geneva, Arial, sans-serif; font-size: 11px; vertical-align:middle; height:29px; line-height: 29px; } #eventsbox { width: 419px; height: 294px; float: left; background-color: #FFF; } #calendarbox { width: 195px; height: 265px; float: right; background-color: #C3CF2F; } #intpage { margin:0; background: url(graphics/new/int_background.jpg) repeat-x; background-color: #fece68; } #intpage2 { margin: 0; background-color: #78D6FE; } #page { margin:0; background: url(graphics/new/background.jpg) repeat-x; background-color: #FECE68; } #midbanner { width: 468px; height: 60px; margin: 0 auto; padding: 5px 73px; background-color: #119ED4; } #header { background: url(graphics/new/wavy_background_new2.jpg) no-repeat left bottom; height: 136px; } #intheader { background: url(graphics/new/int_wavy_background2.jpg) no-repeat left bottom; height: 136px; padding-top: 10px; } #intheader2 { background: url(graphics/new/int_wavy_background3.jpg) no-repeat left bottom; height: 136px; padding-top: 10px; } #address { width: 614px; height: 27px; } #weatherdate, #weatherdateInt { vertical-align:middle; width: 614px; height: 29px; background-color: #ffe10a; margin: 0 auto; float: left; } #weatherbar { } #calendarheader { width: 195px; height: 29px; background-color: #a8b323; margin: 0 auto; float: right; } #lowerbar { width: 614px; height: 99px; } #lowerbarInt { width: 614px; height: 29px; } .datebox { vertical-align:middle; height:29px; line-height:29px; font-family: Helvetica, Geneva, Arial, sans-serif; font-size: 11px; font-weight: bold; padding-left: 12px; padding-right: 12px; } #boxes { width: 614px; } #homebanner { width: 614px; } #homebanner img { float: left; padding: 10px; } #content { } #content .left { vertical-align: top; } #content .center { width: 614px; vertical-align: top; } #content .right { padding-left: 30px; } #footer { } .left { width: 205px; height: 624px; background-color: #f6a704; } .canvas { clear: both; width: 819px; margin: 0 auto; } .newsListHeadline { font: bold 15px Helvetica, Arial, sans-serif; color: #0068a8; } .newsListPublishline { font: normal 9px Verdana, Helvetica, Arial, sans-serif; color: #000000; } .newsListBlurb {} .newsListMoreLink {} #empowered { height: 25px; margin-right: 20px; padding-top: 15px; } /* Month at a Glance */ #calendarDetail table { width: 100%; table-layout: fixed; } #calendarDetail .calendarMonths { background-color: #4e2e92; text-align: center; vertical-align: middle; } #calendarDetail .calendarMonths a { display: block; color: #ffffff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 5px 0px 5px 0px; } #calendarDetail .calendarMonths a:hover { background-color: #99cd00; color: #ffffff; } #calendarDetail .calendarDays { border-collapse: collapse; table-layout: fixed; } #calendarDetail .calendarDays .title { font-size: 14px; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; } #calendarDetail .calendarDays .normal { display: none; } #calendarDetail .calendarDays td { text-align: center; border: 1px solid #000000; font-weight: bold; } #calendarDetail .calendarDays .weekdays { height: 30px; background-color: #0067a9; color: #ffffff; } #calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eeeeee; } #calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #4e2e92; padding-left: 5px; color: #ffffff; } #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; background-color: #0067a9; padding-left: 5px; color: #ffffff; } #calendarDetail .calendarDays .eventOn a { color: #ffffff; } /* Calendar Starts */ #Calendar { font-size: 12px; background: #C3CF2F; } #Calendar .cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: url(graphics/new/calendar_back.jpg); } #Calendar .calPrev { position: absolute; top: 4px; left: 15px; } #Calendar .calNext { position: absolute; top: 4px; right: 15px; } #Calendar .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; } #Calendar .calPrev a, .calNext a, .calMonth a { text-decoration: none; color: #ffffff; } #Calendar .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; } #Calendar .calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; } #Calendar .calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; color: #ffffff; } #Calendar .calGrid tr.calWeek { font-weight: bold; text-align: center; } #Calendar .calDayOn a { color: #ffffff; font-weight: bold; text-decoration: underline; } #Calendar .calDayOn a:hover { text-decoration: none; } #Calendar .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #969f20; color: white; font-weight: bold; } #Calendar .calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; } #Calendar .calBottom { text-align: left; padding-left: 20px; } #Calendar .calMonthGlance { padding: 0px 0px 3px 0px; } #Calendar .calBottom a { color: #ffffff; } #interior_calendar { font-size: 12px; background: #C3CF2F; } #interior_calendar .cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: url(graphics/new/calendar_back.jpg); } #interior_calendar .calPrev { position: absolute; top: 4px; left: 15px; } #interior_calendar .calNext { position: absolute; top: 4px; right: 15px; } #interior_calendar .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; } #interior_calendar .calPrev a, .calNext a, .calMonth a { text-decoration: none; color: #ffffff; } #interior_calendar .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; } #interior_calendar .calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; } #interior_calendar .calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; color: #ffffff; } #interior_calendar .calGrid tr.calWeek { font-weight: bold; text-align: center; } #interior_calendar .calDayOn a { color: #ffffff; font-weight: bold; text-decoration: underline; } #interior_calendar .calDayOn a:hover { text-decoration: none; } #interior_calendar .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #969f20; color: white; font-weight: bold; } #interior_calendar .calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; } #interior_calendar .calBottom { text-align: left; padding-left: 20px; } #interior_calendar .calMonthGlance { padding: 0px 0px 0px 0px; } #interior_calendar .calBottom a { color: #ffffff; } /* MenuBegin:Left_Menu */ ul.Left_Menu ,ul.Left_Menu li,ul.Left_Menu ul { margin: 0; border: 0; padding: 0; list-style: none; width: 205px; } ul.Left_Menu li { position: relative; z-index:999; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ } /* 1st Level */ ul.Left_Menu a { margin-left: 20px; margin-right: 20px; color: #FFF; background: #f6a704; text-decoration: none; border-left: 0px solid #aaa; border-right: 0px solid #aaa; border-bottom: 1px dotted #ddd; text-align: left; padding: 0px 10px; font: normal 13px/23px Trebuchet MS; display: block; height: auto !important; height: 1%; /*For IE*/ } ul.Left_Menu a:hover, ul.Left_Menu li:hover a, ul.Left_Menu a:hover, ul.Left_Menu li.over a { color: #fff; background: #cd5600; text-decoration: none; } ul.Left_Menu a.first { border-top: 0px solid #aaa; } ul.Left_Menu a.last { } /* 2nd Level */ ul.Left_Menu li:hover li, ul.Left_Menu li:over li { z-index: 999; } ul.Left_Menu li:hover li a, ul.Left_Menu li.over li a { color: #000; background: #f6a704; text-decoration: none; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } ul.Left_Menu li:hover li a:hover, ul.Left_Menu li:hover li:hover a, ul.Left_Menu li.over li a:hover, ul.Left_Menu li.over li.over a { color: #fff; background: #cd5600; text-decoration: none; } /* 3rd Level */ ul.Left_Menu li:hover li:hover li a, ul.Left_Menu li.over li.over li a { color: #000; background: #f6a704; text-decoration: none; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } ul.Left_Menu li:hover li:hover li a:hover, ul.Left_Menu li:hover li:hover li:hover a, ul.Left_Menu li.over li.over li a:hover, ul.Left_Menu li.over li.over li.over a { color: #fff; background: #cd5600; text-decoration: none; } /* 4th Level */ ul.Left_Menu li:hover li:hover li:hover li a, ul.Left_Menu li.over li.over li.over li a { color: #000; background: #f6a704; text-decoration: none; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } ul.Left_Menu li:hover li:hover li:hover li a:hover, ul.Left_Menu li.over li.over li.over li a:hover { color: #fff; background: #cd5600; text-decoration: none; } ul.Left_Menu ul, ul.Left_Menu ul ul, ul.Left_Menu ul ul ul { display: none; position: absolute; top: 0; left: 165px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul.Left_Menu li:hover ul ul,ul.Left_Menu li:hover ul ul ul,ul.Left_Menu li.over ul ul,ul.Left_Menu li.over ul ul ul { display: none; } ul.Left_Menu li:hover ul,ul.Left_Menu ul li:hover ul,ul.Left_Menu ul ul li:hover ul,ul.Left_Menu li.over ul,ul.Left_Menu ul li.over ul,ul.Left_Menu ul ul li.over ul { display: block; } ul.Left_Menu .nav:after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; } /* MenuEnd:Left_Menu */ .menuText2 { color:#000000; padding-left:15px; } .menuText1 { color:#000000; } #freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; } /* ModuleBegin::directory */ .directoryListWrapper { } .directoryDetailWrapper { } .directoryName { } .directoryCategory { } /* ModuleEnd::directory */ /* ModuleBegin::directory-slides */ /* --------------- Home News Slider Styles --------------- */ .newsSlider { width:614px; height: 343px; position:relative; background: #ccc; padding: 0; margin: 0; } .newsSlider .stgslide { top: 0px; left: 0px; position: absolute; width: 614px; height: 343px; } .newsSlider .stgslide img { vertical-align: bottom; border: 0; width: 614px; height: 343px; } .newsSlider .stgslide .stgslidebase {position: absolute; top: 0px; left: 0px; display: block; } .newsSlider .stgslide .stgslidecredit { top: 0px; left: 0px; position: absolute; width: 400px; height: 300px; z-index: 60;} .stgslidevideo { position: relative; height: 0; padding-bottom: 56.25%; padding-top: 25px; margin-top: 20px; } * html .stgslidevideo { margin-bottom: 45px; margin-bottom: 0; } .stgslidevideo div, .stgslidevideo object, .stgslidevideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 99%; } .newsSlider .stgmask { top: 0px; left: 0px; position: absolute; width: 614px; height: 42px; background: transparent url(graphics/design/cycle_home_mask.png) no-repeat top left; z-index:90; } * html .newsSlider .stgmask { background: transparent url(graphics/design/cycle_home_mask.gif) no-repeat top left; } .newsSlider h2.slideHead, .newsSlider h2.slideHead a { color: #fff; font:normal 12px Helvetica, Arial, sans-serif; margin: 0px 0px 0px 0px; } .newsSlider h2.slideHead a:hover { text-decoration:none; } .newsSlider .stgslide .stgslideheading { width: 380px; height: 50px; padding: 0px 10px; top: 50px; left: 0px; position: absolute; text-align: left; z-index: 89; display:none; } .newsSlider .stgslide .stgslidecontent { width: 380px; padding: 0px 10px; height: 150px; top: 100px; left: 0px; position:absolute; overflow: hidden; z-index: 89; } .newsSlider .stgcredit { display: none; } .newsSlider .stghrimg { display: none; } .newsSlider .stghrtxt { display: none; } .newsSlider .stgbtnwrpr { width:200px; top: 67px; right: 0; position: absolute; z-index: 89; background: transparent; } .newsSlider .stglinks { display:none; float: right; width: 190px; height: 20px; padding: 5px 0px 0px 0px; text-align: right; } .newsSlider .stgTable { float: right; width: 200px; background: transparent; } .newsSlider .stgTableTd { width: 200px; height:276px; background: transparent; vertical-align:bottom; } .newsSlider .stgbtngrp { float: right; width: 200px; background: transparent url(graphics/design/cycle_home_sep.png) repeat-y right top; } .newsSlider .stgbtngrp:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .newsSlider .stgbtnoff, .newsSlider .stgbtnon { width:156px; height: 37px; float:right; border-top: 0px solid #00325d; font-size: 12px; text-align: left; padding: 8px 10px 0px 10px; margin: 1px 0px 0px 0px; display:block; cursor:pointer; font-weight: normal; } .newsSlider .stgbtnoff { color: #fff; background: #119ed8; } .newsSlider .stgbtnon { color: #fff; background: transparent url(graphics/design/cycle_home_hover.png) no-repeat left top; padding: 8px 10px 0px 34px; } * html .newsSlider .stgbtnon { background: transparent url(graphics/design/cycle_home_hover.gif) no-repeat left top; } .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::blog */ .blogListerWrapper { } .blogPage { padding: 0px 0px 25px 0px; width: 485px; float: left; } .blogSideBar { float: right; width: 245px; margin: 0; padding: 0px 0px 0px 0px; } .blogBox { padding: 10px; margin-top: 10px; background: #dce6ef; border: 1px solid #004990; } .blogBox h2 { padding: 0px 0px 10px 0px; margin: 0px; } .blogBox p { margin: 0; padding: 0px 0px 4px 0px; } .blogArchiveWrapper { } .blogArchiveMonth { padding-left:10px; } .blogArchiveYear { font-weight: bold; } .blogDate { padding:5px 0px; font-weight: bold; } .blogDividerComments { height: 1px; background-color:#d5d5d5; } .blogDividerTop { height: 1px; background-color:#d5d5d5; } .blogEntry { padding-top: 5px; } .blogEntryFooter { padding-bottom: 10px; } .blogFooter { height: 1px; background-color:#d5d5d5; } .blogPosted { padding-bottom: 5px; padding-top: 5px; font-weight: bold; } .commentItem .blogPosted { color: #004990; } .blogInfo { font-size: 11px; } .blogTitle { color: #000066; font-weight: bold; padding-top: 10px; } .blogListWrapper h1 { } .blogListWrapper .blogBody { } .blogHeader { font-size:13px; height:100px; margin:0 auto; overflow:hidden; padding:0; text-align:center; } .blogComments1 { padding:4px 9px 4px 0px; font-weight:bold; font-size: 11px;} .blogComments2 { padding:4px 9px 20px 0px; font-weight:bold; font-size: 11px;} .blogComments a { padding: 0px 5px 0px 0px; text-decoration; } .commentItem { padding: 10px 0px; } #comment_text { width: 400px; } .entrydate { background:transparent url(graphics/design/date.jpg) no-repeat scroll 3px 3px; float:right; height:53px; margin-left:5px; margin-top:5px; width:49px; } .entrydate .dateMonth { color:#ffffff; font-size:10px; margin:0; padding:3px 0 0; text-align:center; } .entrydate .dateDay { font-family:Times New Roman,Helvetica,Sans-Serif; font-size:21px; font-weight:bold; margin:0; padding:3px 0 0 0; text-align:center; } #blogRSS { padding: 20px 0px 0px 10px; width: 190px; } /* ModuleEnd::blog */