/* ---------------Global Styles--------------- */ a { color: #c16921; text-decoration: none; outline-style:none; outline-width:0; } a:hover { text-decoration: underline; } a:visited { } a img { border: 0; } img { vertical-align: bottom; } h1, .myaccountTitle { color: #000000; font-size: 28px; padding: 10px 0 10px 0; margin: 0; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; } h2 { color: #000000; font-size: 24px; padding: 10px 0 0 0; margin: 0; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; } h3 { color: #c16921; font-size: 18px; padding: 5px 0 0 0; margin: 0; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; } h4 { color: #c16921; font-size: 14px; padding: 5px 0 0 0; margin: 0; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; } body { color: #333333; } #page { padding: 0; margin: 0; background: transparent url(graphics/design/bg.jpg) repeat-x left top;} body, p, td, div { font-size: 12px; font-family: Arial, Arial, Helvetica, sans-serif; } .container { width: 956px; margin:0 auto; padding: 0; clear: both; } 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 { padding: 5px; margin: 5px 10px 10px 0px; float: left; border: 1px solid #cccccc; background: #ffffff; } .photoRight { padding: 5px; margin: 5px 0px 10px 10px; float: right; border: 1px solid #cccccc; background: #ffffff; } .photoLeftFirst { padding: 5px; margin: 0 10px 10px 0px; float: left; border: 1px solid #cccccc; background: #ffffff; } .photoRightFirst { padding: 5px; margin: 0 0px 10px 10px; float: right; border: 1px solid #cccccc; background: #ffffff; } .readmore { } .readmore { width: 102px; height: 25px; line-height: 25px; padding: 0 13px 0 0; display: block; color: #ffffff; text-align: center; text-transform: uppercase; font-size: 10px; background: transparent url(graphics/design/more.jpg) no-repeat left top; } /* End Global Styles */ /* --------------- Header Styles --------------- */ #header { height: 170px; margin: 0 0 18px 0; position: relative; } #header #logo { width: 327px; height: 149px; position: absolute; left: 6px; bottom: 0; } #header #logo h1 { width: 327px; height: 149px; padding: 0; margin: 0; } #header #logo h1 a { width: 327px; height: 149px; display: block; text-indent: -3000px; background: transparent url(graphics/design/logo.jpg) no-repeat left top;} .webpageTagline { padding: 144px 20px 0 0; } .webpageTagline p { padding: 0; margin: 0; text-align: right; color: #ffffff; font-size: 14px; font-family: Tahoma, Geneva, sans-serif; } #random { width: 956px; height: 167px; margin: 0 0 11px 0; z-index: 90; } #random div { width: 956px; height: 167px; text-indent: -3000px; background: transparent url(graphics/design/random_frame.png) no-repeat left top; } /* MenuBegin:menu_main */ #menu_main { height: 42px; position: relative; background: transparent url(graphics/design/menu_bg.jpg) no-repeat left top; z-index: 99; } ul.menu_main { margin: 0; border: 0; padding: 0; list-style: none; line-height: 42px; } ul.menu_main li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; z-index: 99; } ul.menu_main ul { margin: 0; border: 0; padding: 0; list-style: none; display: none; position: absolute; top: 42px; left: 0; } ul.menu_main ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; background: 0; } #menu_main div { position:relative; left:-50%; float: right; } #menu_main ul { position:relative; left:50%; } #menu_main li { float:left;position:relative;}/* ie needs position:relative here*/ #menu_main ul ul { position:absolute; left:0; } #menu_main li li { float:left;position:relative;}/* ie needs position:relative here*/ #menu_main ul ul ul { position:absolute; left: 206px; } /* 1st Level */ ul.menu_main a { color: #ffffff; text-decoration: none; text-align: left; padding: 0px 18px; font: normal 14px/42px Tahoma, Geneva, sans-serif; background: transparent url(graphics/design/menu_sep.jpg) no-repeat left 50%; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ } ul.menu_main a:hover, ul.menu_main li:hover a, ul.menu_main a:hover, ul.menu_main li.over a { color: #ffffff; background: #ea9235; text-decoration: none; } ul.menu_main .item1 a { background: 0; } /* 2nd Level */ ul.menu_main li:hover li a, ul.menu_main li.over li a { line-height:15px; padding: 8px 10px; width: 185px; font-size: 13px; color: #ffffff; background: #000000; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom:0; 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 { color: #ffffff; background: #ea9235; text-decoration: none; } ul.menu_main li:hover ul, ul.menu_main li.over ul { width: 185px; } ul.menu_main li:hover li a.first,ul.menu_main li.over li a.first { border-top: 1px solid #ffffff; } ul.menu_main li:hover li a.last,ul.menu_main li.over li a.last { border-bottom: 1px solid #ffffff; } /* 3rd Level */ ul.menu_main li:hover li:hover li a, ul.menu_main li.over li.over li a { width: 185px; color: #ffffff; background: #000000; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom:0; } 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 { color: #ffffff; background: #ea9235; text-decoration: none; } ul.menu_main li:hover li:hover li a.first,ul.menu_main li.over li.over li a.first { border-top: 1px solid #ffffff; } ul.menu_main li:hover li:hover li a.last,ul.menu_main li.over li.over li a.last { border-bottom: 1px solid #ffffff; } /* 4th Level */ ul.menu_main li:hover li:hover li:hover li a, ul.menu_main li.over li.over li.over li a { width: 185px; color: #ffffff; background: #000000; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom:0; } ul.menu_main li:hover li:hover li:hover li a:hover, ul.menu_main li.over li.over li.over li a:hover { color: #ffffff; background: #ea9235; text-decoration: none; } ul.menu_main li:hover li:hover li:hover li a.first,ul.menu_main li.over li.over li.over li a.first { border-top: 1px solid #ffffff; } ul.menu_main li:hover li:hover li:hover li a.last,ul.menu_main li.over li.over li.over li a.last { border-bottom: 1px solid #ffffff; } ul.menu_main ul ul, ul.menu_main ul ul ul { display: none; position: absolute; top: 0; left: 206px; } /* 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 */ /* --------------- Search Top Styles --------------- */ .searchTop { width: 240px; height: 22px; padding: 11px 0 0 2px; background: transparent url(graphics/design/search_bg.jpg) no-repeat right bottom; } .searchTop .searchInput { width: 160px; height: 22px; float: left; } .searchTop .searchBoxInput { width: 140px; height: 22px; line-height: 25px; padding: 0 10px 0 10px; text-align: right; font-size: 11px; border: 0; background: 0; } .searchTop .searchSubmit { width: 78px; height: 22px; float: left; } .searchTop .searchSubmit a { width: 78px; height: 22px; display: block; text-indent: -3000px; } /* --------------- Middle Styles --------------- */ #middlehome { padding: 0; margin: 0; position: relative; background: transparent url(graphics/design/mid_bg_home.jpg) repeat-y left top; } #middletop { padding: 0; margin: 0; background: transparent url(graphics/design/mid_top.jpg) no-repeat left top; } #middlebothome { padding: 0 8px 42px 8px; margin: 0; background: transparent url(graphics/design/mid_bot_home.jpg) no-repeat left bottom; } #middle { position: relative; background: transparent url(graphics/design/mid_bg_int.jpg) repeat-y left top; } #middlebot { padding: 0 8px 42px 8px; background: transparent url(graphics/design/mid_bot_int.jpg) no-repeat left bottom; } #sidebar { width: 304px; padding: 0; margin: 0; float: right; } #content { width: 631px; padding: 14px 0 0 0; margin: 0; float: left; } #contentInt { width: 601px; padding: 14px 15px 10px 15px; margin: 0; float: left; } #searchsocial { height: 49px; } #social { width: 450px; padding: 4px 14px 0 0; float: right; } #social span { padding: 0 0 0 5px; margin: 0; float: right; display: block; } .webpageWelcome { background: transparent url(graphics/design/welcome_bg.jpg) repeat-y left top; } .webpageWelcomeBot { padding: 0px 20px 35px 14px; background: transparent url(graphics/design/welcome_bot.jpg) no-repeat left bottom; } #twitter { padding: 10px 10px 0 10px; background: transparent url(graphics/design/twitter.jpg) no-repeat 7px 17px;} #twitter h2 { padding: 10px 0 0 0; } #twitter h2 a { padding: 0 10px 0 60px; color: #000000; display: block; } #twittercode { padding: 0 0 0 60px; } #juitterContainer { } .juitterSearch { display: none; width: 230px; margin: 10px 0; font-size: 9px; } #juitterContainer ul { padding: 10px 0 0 0 !important; margin: 0 !important; list-style: none !important; } #juitterContainer li { padding: 0 0 10px 0 !important; margin: 0 !important; list-style: none !important; } #juitterContainer img { display: none !important; } #testimonialsHome { padding: 32px 10px 2px 10px; background: transparent url(graphics/design/side_corners.jpg) no-repeat left top; } #testimonialsHome .item { position: relative; background: transparent url(graphics/design/quote2.jpg) no-repeat 232px 68px; } #testimonialsHome .testimonialPhoto { width: 65px; height: 75px; position: absolute; left: 0; top: 0; } #testimonialsHome .testimonialPhoto div { width: 65px; height: 75px; text-indent: -3000px; background: transparent url(graphics/design/testimonial_frame.png) no-repeat left top; } #testimonialsHome h2 { padding-top: 0; } #testimonialsHome h2 a { color: #000000; } #testimonialsHome .testimonialQuote { font-style: italic; } #testimonialsHome .testimonialName { font-size: 18px; text-align: right; padding: 0; margin: 0; } #testimonialsHome .testimonialCompany { text-align: right; padding: 0; margin: 0; } #testimonialsHome .testimonialTitle { text-align: right; padding: 0; margin: 0; } #testimonialsHome .testimonialSource { text-align: right; padding: 0; margin: 0; } #testimonials { } #testimonials .item { height: 75px; min-height: 75px; padding: 0 0 15px 0; position: relative; border-bottom: 1px solid #cccccc; } html>body #testimonials .item { height: auto; } #testimonials55 .odd { margin-right: 100px; } #testimonials55 .even { margin-left: 100px; } #testimonials .testimonialPhoto { width: 65px; height: 75px; position: absolute; left: 0; top: 0; } #testimonials .testimonialPhoto div { width: 65px; height: 75px; text-indent: -3000px; background: transparent url(graphics/design/testimonial_frame.png) no-repeat left top; } #testimonials h2 { padding-top: 0; } #testimonials h2 a { color: #000000; } #testimonials55 .odd p { text-align: left; } #testimonials55 .even p { text-align: right; } #testimonials .testimonialQuote { font-style: italic; text-align: left !important; } #testimonials .testimonialName { font-size: 18px; padding: 0; margin: 0; } #testimonials .testimonialCompany { padding: 0; margin: 0; } #testimonials .testimonialTitle { padding: 0; margin: 0; } #testimonials .testimonialSource { padding: 0; margin: 0; } .enews { padding: 16px 5px 20px 5px; background: transparent url(graphics/design/side_corners.jpg) no-repeat left top; } .enews h2 { padding: 10px 0 20px 64px; background: transparent url(graphics/design/mail_icon.jpg) no-repeat 5px 3px; } .enews .enewsEmail { width: 287px; height: 27px; padding: 0 0 3px 0; margin: 0 auto; background: transparent url(graphics/design/enews_input.jpg) no-repeat left top; } .enews .enewsEmail input { width: 287px; height: 27px; line-height: 27px; color: #666666; text-align: center; border: 0; background: 0; } .enews .enewsSubmit { width: 287px; height: 27px; padding: 0 0 3px 0; margin: 0 auto; background: transparent url(graphics/design/enews_input.jpg) no-repeat left top; } .enews .enewsSubmit input { width: 287px; height: 27px; } .enews .enewsFields { width: 290px; margin: 0 auto; padding: 7px 0 0 0; background: transparent url(graphics/design/side_sep.jpg) no-repeat left top; } /* --------------- Footer Styles --------------- */ #footer { height: 100px; background: transparent url(graphics/design/footer_bg.jpg) no-repeat left top; } .webpageAddress { width: 530px; padding: 10px 0 0 0; float: right; text-align: right; } .webpageAddress span { font-size: 11px; } #menu_quicklinks { width: 300px; padding: 5px 0 15px 15px; float: left; } #menu_quicklinks ul { padding: 8px 0 0 0; margin: 0; list-style: none; } #menu_quicklinks li { padding: 0; margin: 0; list-style: none; } #menu_quicklinks li a { padding: 5px 0 5px 12px; margin: 0; display: block; color: #000000; background: transparent url(graphics/design/bullet_orange.jpg) no-repeat left 8px; } #menuFooter { padding: 10px 0px 0px 15px; width: 500px; height: 30px; float: left; } #menuFooter, #menuFooter a { color: #c16921; } #copyright { width: 500px; height: 30px; padding: 10px 0px 0px 30px; float: left; } #copyright p { padding: 0; margin: 0; } #bannerSocial { width: 300px; height: 50px; padding: 10px 30px 0px 0px; float: right; text-align: right; } #accrisoft { float: right; line-height: 1.3em; width: 150px; height: 35px; padding: 15px 25px 0px 0px; } #accrisoft div { font-size: 11px; line-height: 13px; } #accrisoft div a { color: #c16921; } #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:85px; right: 0px; width: 175px; height: 30px;} #accrinet div span {font-size: 13px;line-height: 12px;} a.accrinet { color: #0078bb; } /* ---------------General Module Styles--------------- */ .itemCount { } .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:#fff; 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: #ea9235; color: #ffffff;} .sendpage { clear:both; } .sendpageBody div, .sendpageBody td, .sendpageBody p { padding: 2px 0px; color: #ffffff; } /* End Send Page Styles */ /* ModuleBegin::events */ #eventsSide { padding: 16px 5px 2px 5px; background: transparent url(graphics/design/side_corners.jpg) no-repeat left top; } #eventsSide h2 { padding: 10px 0 5px 67px; background: transparent url(graphics/design/date_icon.jpg) no-repeat 13px 10px; } #eventsSide h2 a { color: #333333; display: block; } #eventsSide .items { width: 290px; margin: 0 auto; background: transparent url(graphics/design/quote1.jpg) no-repeat 7px 140px; } #eventsSide h2 a span { padding-left: 2px; color: #333333; display: block; font-size: 11px; text-transform: lowercase; } #eventsSide h3 { padding: 10px 0 5px 10px; margin-top: 5px; font-size: 12px; font-weight: normal; background: transparent url(graphics/design/side_sep.jpg) no-repeat left top; } #eventsSide h3 a { color: #000000; } #eventsSide p { padding: 0 0px 0px 10px; margin: 0; font-size: 12px; color: #666666;} #eventsSide p.eventDate { padding-top: 0px; } #eventsSide .eventLabel { color: #0066cc; font-weight: bold; } #eventsSide .more { padding: 5px 30px 5px 0; text-align: right; font-weight: bold; font-style: italic; background: transparent url(graphics/design/bullet_gray.jpg) no-repeat right 2px; } #eventsSide .more a { display: block; color: #666666; } /* --------------- Events Lister ----------------- */ /* Events Lister */ .eventsList { } .eventsList h2 { padding: 15px 0 0 0; margin-top: 10px; border-top: 1px solid #cccccc; } .eventsList h3 { padding: 15px 0 0 0; font: bold 12px Arial, Arial, Helvetica, sans-serif; } .eventsList h3 a { color: #333333; } .eventsList p { padding: 0; margin: 0; font-size: 11px;} .eventsList p.eventDate { } .eventsList .eventLabel { color: #0066cc; font-weight: bold; } /* Events Detail */ .eventsDetail { } .eventsDetail .eventLabel { color: #0066cc; font-weight: bold; } /* Events Small Calendar */ #calendarSide { border: 1px solid #cccccc; } #calendarSide h2 { padding: 15px 15px 20px 60px; border-bottom: 1px solid #cccccc; background: transparent url(graphics/design/calendar_icon.jpg) no-repeat 7px 8px; } #calendarSide h2 a { color: #333333; } #calendarSideBox { width: 255px; padding: 0; margin: 0 auto; } .cal { width: 255px; margin:0 auto; padding: 15px 0 0 0; clear: both; text-align: center; } .calTop { width: 255px; height: 19px; position: relative; } .calPrev { width: 34px; height: 19px; position: absolute; top: 0; left: 0; } .calPrev a { background: transparent url(graphics/design/calendar_prev_bg.jpg) no-repeat left top; } .calNext { width: 34px; height: 19px; position: absolute; top: 0; right: 0;} .calNext a { background: transparent url(graphics/design/calendar_next_bg.jpg) no-repeat left top; } .calPrev a, .calNext a { width: 34px; height: 19px; display: block; text-decoration: none; } .calPrev a:hover, .calNext a:hover { text-decoration: none; } .calMonth { height: 19px; background: transparent url(graphics/design/calendar_month_bg.jpg) no-repeat 50% top; } .calMonth a { height: 19px; line-height: 19px; display: block; color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; } .calMonth a:hover { text-decoration: underline; } .calGrid { width: 255px; padding: 0px 0px 0px 0px; margin: 0 auto; text-align: center; } .calGrid table { width: 255px; padding: 0; margin: 0; } .calGrid td { height: 21px; padding: 0; margin: 0; color: #ffffff; font-size: 12px; text-align: center; background: transparent url(graphics/design/calendar_day_bg.jpg) no-repeat 50% 50%; } .calGrid .calWeek td { } .calGrid tr.calWeek { font-weight: bold; } .calDayOn a { color: #0066cc; font-weight: bold; text-decoration: none; } .calDayOn a:hover { text-decoration: underline; } .calGrid td.calTodayOff, .calGrid td.calTodayOn { color: #0066cc; font-weight: bold; } .calGrid td.calTodayOn a { color: #0066cc; font-weight: bold; text-decoration: underline; } .calGrid td.calDayOff { } .calBottom { width: 255px; padding: 5px 0 0 0; text-align: center; } .calBottom p { padding: 5px 40px 5px 0; margin: 0; font-size: 11px; text-align: right; font-weight: bold; font-style: italic; background: transparent url(graphics/design/arrow.jpg) no-repeat 95% 50%; } .calBottom a { display: block; color: #666666; } /* Events Month at a Glance */ .calendarWrapper { } .calendarWrapper table { width: 100%; table-layout: fixed; } .calendarWrapper .calendarMonths { text-align: center; vertical-align: middle; background-color: #333333; } .calendarWrapper .calendarMonths a { padding: 5px 0px; display: block; color: #ffffff; font-weight: bold; font-size: 12px; text-decoration: none; } .calendarWrapper .calendarMonths a:hover { text-decoration: underline; } .calendarWrapper .calendarDays { border-collapse: collapse; table-layout: fixed; } .calendarWrapper .calendarDays .title { font-size: 14px; font-weight: bold; color: #0066cc; padding: 10px 0px; } .calendarWrapper .calendarDays .normal { display: none; } .calendarWrapper .calendarDays td { text-align: center; border: 1px solid #333333; font-weight: bold; } .calendarWrapper .calendarDays .weekdays { height: 30px; } .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: #0066cc; 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: #cccccc; padding: 0px 5px 5px 5px; } .calendarWrapper .calendarDays .eventOn a { color: #0066cc; } .calendarWrapper p { padding: 4px 0px; margin: 0; font-size: 11px; } /* ModuleEnd::events */ /* ModuleBegin::gendocs */ .webpageWrapper { } /* ModuleEnd::gendocs */ /* ModuleBegin::directory-features */ /* --------------- Home News Slider Styles --------------- */ #features { width: 631px; height: 240px; background: transparent url(graphics/design/feaure_bg.jpg) repeat-y left top; z-index: 90; } #featuresbot { width: 631px; height: 223px; padding: 0 0 17px 0; background: transparent url(graphics/design/feature_bot.jpg) no-repeat left bottom; } #featureshadow { width: 275px; height: 15px; position: absolute; left: 11px; top: 208px; text-indent: -3000px; z-index: 88; background: transparent url(graphics/design/feature_shadow.jpg) no-repeat left top; } .newsSlider { width: 631px; height: 223px; position:relative; padding: 0; margin: 0; } .newsSlider .stgslide { top: 0px; left: 0px; position: absolute; width: 631px; height: 223px; } .newsSlider .stgslide .stgslidebase { width: 631px; height: 223px; position: absolute; top: 0px; left: 0px; display: block; } .newsSlider .stgslide .stgslidephoto { width: 269px; height: 199px; top: 9px; left: 14px; position: absolute; text-align: left; z-index: 85; } .newsSlider .stgslide .stgslidephoto a, .newsSlider .stgslide .stgslidephoto span { width: 269px; height: 199px; display: block; text-indent: -3000px; color: #000000; background: transparent url(graphics/design/feature_frame.png) no-repeat left top; } .newsSlider .stgslide .stgslidecontent { width: 315px; padding: 0; height: 199px; top: 0; left: 300px; position:absolute; overflow: hidden; z-index: 89; } .newsSlider .stgslide .stgslidecontent h2 a { color: #000000; } .newsSlider .stgbtnwrpr { width: 110px; top: 198px; right: 5px; position: absolute; height: 22px; padding: 0; z-index: 89; } .newsSlider .stgbtngrp { width: 110px; height: 22px; } .newsSlider .stgbtnoff, .newsSlider .stgbtnon { width:20px; height: 20px; line-height: 20px; float:left; font-size: 12px; text-align: center; padding: 0; margin: 0px 0px 0px 5px; display:block; cursor:pointer; display:inline; text-align: center; font-weight: normal; } .newsSlider .stgbtnoff { color: #cccccc; border: 1px solid #666666; background: #363636;} .newsSlider .stgbtnon { color: #ffffff; border: 1px solid #666666; background: #e07020; } /* ModuleEnd::directory-features */ /* 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 */ /* ModuleBegin::news */ #newsSide { border: 1px solid #cccccc; } #newsSide h2 { padding: 15px 15px 20px 60px; background: transparent url(graphics/design/notepad_icon.jpg) no-repeat 7px 8px; } #newsSide h2 a { color: #333333; } #newsSide h3 { padding: 15px 15px 0 15px; border-top: 1px solid #cccccc; font: bold 12px Arial, Arial, Helvetica, sans-serif; } #newsSide h3 a { color: #666666; } #newsSide p { padding: 0; margin: 0; } #newsSide p.publish { padding: 0 15px 5px 15px; color: #0066cc; font-weight: bold; font-size: 11px; } #newsSide div.blurb { padding: 0 15px 10px 15px; font-size: 11px; } #newsSide .more { padding: 8px 15px 8px 15px; border-top: 1px solid #cccccc; font-size: 11px; text-align: right; font-weight: bold; font-style: italic; background: transparent url(graphics/design/arrow.jpg) no-repeat 70% 50%; } #newsSide .more a { display: block; color: #666666; } #newsList { } #newsList h2 { padding: 15px 15px 0 15px; margin-top: 10px; border-top: 1px solid #cccccc; font: bold 12px Arial, Arial, Helvetica, sans-serif; } #newsList h2 a { color: #666666; } #newsList p { padding: 0; margin: 0; } #newsList p.publish { padding: 0 15px 5px 15px; color: #0066cc; font-weight: bold; font-size: 11px; } #newsList div.blurb { padding: 0 15px 0 15px; font-size: 11px; } #newsDetail { } #newsDetail p.publish { color: #0066cc; font-weight: bold; font-size: 11px; } /* ModuleEnd::news */ /* ModuleBegin::directory-newsletters */ .directoryListWrapper { } .directoryDetailWrapper { } .directoryName { } .directoryCategory { } /* ModuleEnd::directory-newsletters */ /* ModuleBegin::blog */ .blogArchiveMonth { padding-left: 10px; } .blogArchiveYear { font-weight: bold; } .blogDate { padding: 5px 0px; border-top: 1px dotted #cccccc; font: normal small 'trebuchet ms', Verdana, sans-serif; } .blogDate p { margin: 0; } .blogDividerComments { height: 1px; background-color: #ccc; } .blogDividerTop { height: 1px; background-color: #ccc; } .blogEntry { padding-top: 5px; } .blogInfo { font-size: x-small; padding-bottom: 10px; } .blogFooter { border-top: 1px dotted #cccccc; } .blogPosted { padding: 5px 0px; } .blogTitle { color: #c16921; font-weight: bold; } #blog_comment_form label { float: left; text-align: right; width: 170px; } #blog_comment_form .formInput { border: 1px solid #ccc; float: left; margin-left: 5px; padding: 4px; width: 150px; } #blog_comment_form select { float: left; width: 205px; border: 1px solid #ccc; margin-left: 5px; padding: 4px; } #blog_comment_form textarea { border: 1px solid #ccc; float: left; width: 150px; padding: 4px; margin-left: 5px; } #blog_comment_form li ul { margin: 0; } #blog_comment_form ol li, #blog_comment_form ul li { list-style: none inside; margin-bottom: 5px; overflow: auto; } #blog_comment_form fieldset.submit { border: none; margin: 0; padding: 0; } #aaaa_blog_comment_form .formButton { border: 1px solid #ccc; cursor: hand; margin-left: 175px; padding: 4px; text-decoration: none; } #blog_notify, #blog_private { float: left; width: 20px;} /* ModuleEnd::blog */ /* ModuleBegin::directory-links */ .directoryListWrapper { } .directoryDetailWrapper { } .directoryName { } .directoryCategory { } /* ModuleEnd::directory-links */ /* ModuleBegin::Board and Staff*/ .staffItem { padding-bottom: 1em; } .staffItem img { background-color55: #fff; border: 1px solid #ccc; float:left; padding: 3px; margin: 0px 10px 10px 0px; } .staffItem .nophoto { background-color: #fff; border: 1px solid #ccc; float:left; width: 91px; height: 130px; margin: 0px 10px 10px 0px; text-align:center; } .staffItem br { clear: both; } .staffname { font-weight: bold; display: block; } .stafftitle { font-size: x-small; font-weight: bold; display: block; } .staffcompany { font-size: x-small; } .staffemail { font-size: x-small; display: block; } .staffphone { font-size: x-small; display: block; } .staffbio { padding-top: 1em; } /* ModuleEnd::Board and Staff */ /* ModuleBegin::directory-scln_news */ .directoryListWrapper { } .directoryDetailWrapper { } .directoryName { } .directoryCategory { } /* ModuleEnd::directory-scln_news */ /* ModuleBegin::weather */ .highTempLabel, .lowTempLabel {font-weight:bold;} .highTemp {color:red;} .lowTemp {color:blue;} /* Weather Current */ .weatherCurrentWrapper .weatherDetail, .weatherCurrentWrapper .weatherLink { display: block; } .weatherDetail {padding: 5px 0px; } .weatherDetail a {text-decoration: none; color: #000;} .weatherDetail a:hover {text-decoration: underline; } .weatherCurrentWrapper .weatherImage { float: left; display:block; } .weatherCurrentWrapper .weatherImage img { border: 1px solid #ccc; padding: 2px; margin: 0px 5px 0px 0px;} .weatherCurrentWrapper .highTempLabel, .weatherCurrentWrapper .lowTempLabel { margin-left:5px; display:block; } /* Weather List */ .weatherListWrapper { } .weatherListWrapper th, .weatherListWrapper td { padding: 5px; border-bottom: 1px solid #ccc; } /* Weather Detail */ .weatherDetailWrapper { } .weatherLocation { } .weatherDetailWrapper .itemList span { display: inline } .weatherDetailWrapper .weatherImage { float: left; display: block;} .weatherDetailWrapper .weatherImage img { border: 1px solid #ccc; padding: 2px; margin: 0px 10px 0px 0px;} .weatherDetailWrapper p { padding-top: 10px; } .weatherDetailWrapper .daypart { font-weight: bold; } /* ModuleEnd::weather */ /* ModuleBegin::newsfeed */ .newsfeedListWrapper { } .newsfeedNumber { } .newsfeedTitle { } .newsfeedSource { } .newsfeedDetailWrapper { } .newsfeedDetailWrapper .newsItem {border-bottom:1px solid #ccc; margin-bottom:10px;padding-bottom:10px;} .newsfeedDetailWrapper .newsItem img {margin:0 10px 0 0;} .newsfeedDetailWrapper .newsItem span {display:block;} .newsfeedDetailWrapper .newsItem .newsListHeadline {font-size:120%;} .newsfeedDetailWrapper .newsItem .newsListPublishline {font-size:90%;} /* ModuleEnd::newsfeed */graphics/design/button_orange.jpg /* ModuleBegin::forum */ .frame{padding:10px;border:1px dashed #ccc;margin:10px 0px;} .frame table{width:100%;text-align:center;margin-bottom:0;} .frame th{font-style:italic;color:#000;font-size:11px;padding:0px 3px;font-weight:bold;background-color: #ccc;height:25px;border-right:1px solid white;} .frame td{border-top:1px solid #fff;border-right:1px solid #fff;background-color:#fff;} .frame tr{background-color:#f1f1f1;} .frame .category td{background-color:#fff;font-weight:bold;font-size:12px;text-align:left;} .frame .message{padding:10px 10px 20px 10px;font-size:12px;text-align:left;} .frame .messageLabel{width:150px;font-weight:bold;text-align:left;vertical-align:top;padding:10px;} .frame .topic{text-align:left;font-weight:bold;padding-left:10px;} .frame .rowUnread{background-color: #eee;} .frame .rowUnread td{background-color: #eee;} .frame .rowEven{background-color:#dedede;} .frame .rowEvenUnread{background-color: #eee;} .frame .rowOddUnread{background-color: #eee;} .seperator td{background-color:silver;height:6px;} .backtotop{text-align:left;} .title{font-weight:bold;text-align:left;padding-left:10px;} .blurb{font-size:11px;text-align:left;padding-left:10px;padding-bottom:5px;} .post .date{font-size:11px;} .messageHeader{border-bottom:1px solid #ccc;height:18px;width:99%;margin-bottom:10px;} .messageHeader .date{float:left;font-size:11px;} .messageHeader .subject{color: #0066cc;float:left;padding-left:10px;font-size:11px;font-weight:bold;} .messageHeader .number{float:right;} .tagSearch{background-color:yellow;font-weight:bold;} .tagCode{background-color:black;color:white;font-family:monospace;border:1px inset white;padding:10px;margin:10px 30px;font-size:12px;} .tagQuote{background-color:white;color:black;border:1px inset black;padding:10px;margin:10px 30px;font-size:12px;} .tagCode a{color:white;font-weight:bold;} .buttonBar td{background-color:#eee;padding:10px;} .bar,.pagesFrame{height:20px;} .bar .button{float:right;margin-left:3px;} .button{font-weight:bold;} .breadcrumb{font-weight:bold;padding:5px 0px;float:left;} .header .pagesFrame{margin-top:10px;} .footer { padding-top:5px; } .footer .pagesFrame{ margin-bottom:10px;} #freedomForum .footer {margin-top:0;} .pages{float:right;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;} .pages div{float:left;} .prevGroup,.prev,.next,.nextGroup{border-left:1px solid #ccc;padding:3px 5px;} .prevGroup,.nextGroup{background-color:#F1F1F1;} .prev,.next{background-color:#dedede;} .pagesLister{padding:3px 0px;} #freedomForum.layouterror .frame {border:0px solid #0F0;margin:20px;} .message textarea { width: 388px !important; border-left: 0; border-right: 0; border-bottom: 0; } .markItUp { width: 400px !important; } /* ModuleEnd::forum */ #perspectives { } #perspectivessearch { padding: 10px 0 30px 0; } #perspectivessearch div { height: 20px; line-height: 20px; padding: 0 5px 0 0; float: left; } #perspectives ol { padding: 0 0 0 0px; margin: 0; list-style: none; } #perspectives li { padding: 10px 0 10px; margin: 0; } #perspectives li a { color: #333333; } #perspectives li span { font-style: italic; } #perspectives li .blurb { padding: 4px 0 0 0; } #perspectives li .links { padding: 4px 0 0 0; color: #c16921; } #perspectives li .links a { color: #c16921; text-transform: uppercase; } #relatedDetail .details { } #relatedDetail .details span { font-style: normal; } #relatedDetail #relatedthumb { width: 40px; height: 40px; margin: 15px 0 15px 15px; float: right; text-indent: -3000px; } #related { } #related h2 { padding-bottom: 10px; } #relatedsearch { padding: 10px 0 30px 0; } #relatedsearch div { height: 20px; line-height: 20px; padding: 0 5px 0 0; float: left; } #related ol { padding: 0 0 0 0px; margin: 0; list-style: none; } #related li { height: 45px; min-height: 40px; padding: 10px 0 0 50px; margin: 0 0 15px 0; position: relative; } html>body #related li { height: auto; } #related li a { color: #333333; } #related li span { font-style: italic; } #related li div { width: 40px; height: 40px; position: absolute; left: 0px; top: 0px; } #related li div a { width: 40px; height: 40px; display: block; text-indent: -3000px; } #relatedDetail .details { } #relatedDetail .details span { font-style: italic; } #relatedDetail #relatedthumb { width: 40px; height: 40px; margin: 15px 0 15px 15px; float: right; text-indent: -3000px; } #mapside { padding: 22px 10px 5px 10px; background: transparent url(graphics/design/side_corners.jpg) no-repeat left top; } #mapside h2 { padding: 0 0 10px 0; text-align: center; } #mapside h2 a { color: #000000; } #mapside .mapintro { padding: 1px 5px 5px 10px; background: transparent url(graphics/design/side_sep.jpg) no-repeat 50% top; } #mapside #map { height: 450px; padding: 0; position: relative; background: transparent url(graphics/design/map_bg.jpg) no-repeat 20px top; } #mapside #map .item { width: 29px; height: 29px; position: absolute; } #mapside #map .item .trigger a { width: 29px; height: 29px; display: block; text-indent: -3000px; } .trigger_container { width: 118px; padding: 5px; position: relative; top: -29px; left: 23px; z-index: 99; border: 1px solid #ffffff; background: transparent url(graphics/design/pop_bg.png) repeat left top; } .trigger_container a { width: 118px; display: block; color: #333333; } .trigger_container a:hover { text-decoration: none; } .trigger_container h3 { padding: 0; font-size: 14px; color: #333333; } .trigger_container h4 { padding: 2px 0 0 0; font-size: 12px; } .trigger_container p { padding: 2px 0 0 0; margin: 0; font-size: 11px; } #mapside #map .beige a { background: transparent url(graphics/design/dots/beige.gif) no-repeat left top; } #mapside #map .black a { background: transparent url(graphics/design/dots/black.gif) no-repeat left top; } #mapside #map .gray1 a { background: transparent url(graphics/design/dots/gray1.gif) no-repeat left top; } #mapside #map .gray2 a { background: transparent url(graphics/design/dots/gray2.gif) no-repeat left top; } #mapside #map .gray3 a { background: transparent url(graphics/design/dots/gray3.gif) no-repeat left top; } #mapside #map .blue1 a { background: transparent url(graphics/design/dots/blue1.gif) no-repeat left top; } #mapside #map .blue2 a { background: transparent url(graphics/design/dots/blue2.gif) no-repeat left top; } #mapside #map .blue3 a { background: transparent url(graphics/design/dots/blue3.gif) no-repeat left top; } #mapside #map .orange1 a { background: transparent url(graphics/design/dots/orange1.gif) no-repeat left top; } #mapside #map .orange2 a { background: transparent url(graphics/design/dots/orange2.gif) no-repeat left top; } #mapside #map .teal a { background: transparent url(graphics/design/dots/teal.gif) no-repeat left top; } #mapside #map .white a { background: transparent url(graphics/design/dots/white.gif) no-repeat left top; } html>body #mapside #map .beige a { background: transparent url(graphics/design/dots/beige.png) no-repeat left top; } html>body #mapside #map .black a { background: transparent url(graphics/design/dots/black.png) no-repeat left top; } html>body #mapside #map .gray1 a { background: transparent url(graphics/design/dots/gray1.png) no-repeat left top; } html>body #mapside #map .gray2 a { background: transparent url(graphics/design/dots/gray2.png) no-repeat left top; } html>body #mapside #map .gray3 a { background: transparent url(graphics/design/dots/gray3.png) no-repeat left top; } html>body #mapside #map .blue1 a { background: transparent url(graphics/design/dots/blue1.png) no-repeat left top; } html>body #mapside #map .blue2 a { background: transparent url(graphics/design/dots/blue2.png) no-repeat left top; } html>body #mapside #map .blue3 a { background: transparent url(graphics/design/dots/blue3.png) no-repeat left top; } html>body #mapside #map .orange1 a { background: transparent url(graphics/design/dots/orange1.png) no-repeat left top; } html>body #mapside #map .orange2 a { background: transparent url(graphics/design/dots/orange2.png) no-repeat left top; } html>body #mapside #map .teal a { background: transparent url(graphics/design/dots/teal.png) no-repeat left top; } html>body #mapside #map .white a { background: transparent url(graphics/design/dots/white.png) no-repeat left top; } #loginlogout { padding: 10px 0 0 0; } #loginlogout h2 { padding: 10px 0 0 0; text-align: center; } #loginlogout h2 a { padding: 0 10px 0 60px; color: #000000; display: block; } #loginlogout #login { padding: 10px 0; } #loginlogout #login a { width: 287px; height: 27px; line-height: 27px; padding: 0; margin: 0 auto; display: block; text-align: center; color: #ffffff; font-style: italic; background: transparent url(graphics/design/button_orange.jpg) no-repeat left top; } #loginlogout #logout { padding: 10px 0; } #loginlogout #logout a { width: 287px; height: 27px; line-height: 27px; padding: 0; margin: 0 auto; display: block; text-align: center; color: #ffffff; font-style: italic; background: transparent url(graphics/design/button_orange.jpg) no-repeat left top; } #loginlogout #myaccount { padding: 10px 0 0 0; } #loginlogout #myaccount a { width: 287px; height: 27px; line-height: 27px; padding: 0; margin: 0 auto; display: block; text-align: center; color: #ffffff; font-style: italic; background: transparent url(graphics/design/button_orange.jpg) no-repeat left top; } .multiSelectContainer { width: 300px; } .multiSelectHeader { padding: 6px 12px 4px 12px; cursor: pointer; position: relative; margin: 0; color: #c16921; font-weight: bold; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .multiSelectBody { background: #ffead0; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 10px; } .multiSelectBody select { font-size:0.9em; } .multiSelectList { list-style-type: none; margin: 0.3em 0; padding: 0; } .multiSelectList li { background: url(/freedom_html/common/jquery/images/remove.png) no-repeat 98% center; margin: 1px; padding-right: 2em; cursor: pointer; } .multiSelectCollapse { border-bottom: 1px solid #cccccc; background: #ffead0 url(/freedom_html/common/jquery/images/222222_7x7_arrow_right.gif) no-repeat 2px 50%; } .multiSelectExpand { background: #ffead0 url(/freedom_html/common/jquery/images/222222_7x7_arrow_down.gif) no-repeat 2px 50%; } } .multiSelectExpand { background: #ffead0 url(/freedom_html/common/jquery/images/222222_7x7_arrow_down.gif) no-repeat 2px 50%; } .membershipListerWrapper { padding: 10px 0px; } input.directorySearchInput { height: 17px; border: 1px solid #666666; } #formLogin { margin: 0 auto; padding: 20px; width: 275px; } .membershipLoginWrapper { } .membershipLoginWrapper h1{ } .memberLoginBox { margin: 0 auto; } .memberLoginBox td { padding: 2px; } .memberUser { } .memberPassword { } .memberRemember { } .memberForgot { } .memberSubmit { } .myaccountListerBack { text-align:center;width:100%;padding-top:10px; } .formButtons a:hover { border: solid 1px #677db6; color: #677db6; line-height: 3; } .formButtons a { border: 1px solid #dedede; background: #e7ecf2; color: #677db6; padding: 3px 6px 4px; margin-right: 2px; line-height: 3; } /* ModuleBegin::Other Search*/ .searchBoxTable .searchBoxText { font-weight: bold; } .searchWrapper {} .searchTopMatches { font-weight: bold; padding: 1em 0em; } .searchTitle { } .searchModule { font-weight: bold; } /* ModuleEnd::Other Serach */ .relatedBlurb { display:block; float:left; font-style:normal !important; } .relatedBlurb p { margin:0; font-style:normal !important; } #articleText { font-style:normal !important; }