body { background-color: #E3E9C1; background-image: url("../images/bdy2.gif"); background-repeat: repeat-y; background-position: center top } #site { background-image: url("../images/bdy1.jpg"); background-repeat: no-repeat; background-position: center top; margin: 0; padding: 0 } #site2 { background-image: url("../images/bdy2.jpg"); background-repeat: no-repeat; background-position: center top; margin: 0; padding: 0 } #landing-align { position: relative; left: 50px; width: 876px } #form-tip { background-image: url("../images/information_icon.gif"); background-repeat: no-repeat; background-position: left top; padding-left: 70px; position: relative; left: -51px } #form-tip p { color: #7d7d7d; font-style: italic; line-height: 16px } #form-tip h1 { color: #626262; font-size: 24px; line-height: 30px; margin: 0; padding: 0 } #social-nav { position: absolute; z-index: 99999; top: 155px; width: 31px; height: 273px; float: left } #social-nav a img { display: block; margin: 0; padding: 0; float: left } .bubbleInfo { margin: 0; padding: 0; position: relative; z-index: 9999 } .bubble-style { width: 300px; border: solid 1px #f33 } div.popup { display: none; padding: 15px 0px 0px 30px; position: absolute; z-index: 9999; width: 520px; height: 209px; background-image: url("../images/link_bubble.png"); background-repeat: no-repeat; background-position: left top; z-index: 9999; } div.popup h2, div.popup p { color:#FFF; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } div.popup p { font-size: 12px; } div#facebook-tricker { position:relative; width:455px; height:170px; overflow: hidden; background-color: #FFF; } #header-contain { text-align: left; margin: 0; padding: 0; z-index: 30; height: 194px } #header { margin: 0 auto; padding: 0; position: relative; z-index: 30; width: 973px; height: 194px } div.logo_boq { text-indent: -9999px; margin: 0; padding: 0; position: relative; z-index: 9990; top: 57px; left: 8px; width: 595px; height: 89px; float: left } div.logo_boq a:link, div.logo_boq a:visited { background: url("../images/boq_logo.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 595px; height: 89px } div.logo_boq a:hover, div.logo_boq a:active { background: url("../images/boq_logo.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 595px; height: 89px } ul#topnav { list-style: none; margin: 0; padding: 0; position: absolute; top: 122px; right: 20px; width: 239px; height: 34px; float: left } ul#topnav li { text-indent: -999em; list-style: none; display: inline; margin: 0; padding: 0; z-index: 1; height: auto; float: left; border-style: none } ul#topnav li a { color: #fff; font-size: 10px; font-family: Arial, "Trebuchet MS", "Helvetica LT Std", Arial, sans-serif; text-decoration: none; display: block; padding: 0; z-index: 1; height: 34px } ul#topnav li a:hover { background-position: 0 -34px !important } ul#topnav li:hover a.select { background-position: 0 -34px !important; position: relative; z-index: 9999 } ul#topnav li a.current { background-position: 0 -34px !important } ul#topnav li.home a { color: #ebf3ff; background-image: url("../images/tp_nav1.gif"); background-repeat: no-repeat; background-position: left top; width: 54px } ul#topnav li.boq-blog a { color: #ebf3ff; background-image: url("../images/tp_nav2.gif"); background-repeat: no-repeat; background-position: left top; width: 101px } ul#topnav li.contact a { color: #ebf3ff; background-image: url("../images/tp_nav3.gif"); background-repeat: no-repeat; background-position: left top; width: 84px } ul#navmenu { list-style: none; margin: 0; padding: 0; position: absolute; top: 160px; left: 5px; width: 963px; height: 33px; float: left } ul#navmenu li { text-indent: -999em; list-style: none; display: inline; margin: 0; padding: 0; z-index: 1; height: auto; float: left; border-style: none } ul#navmenu li a { color: #fff; font-size: 10px; font-family: Arial, "Trebuchet MS", "Helvetica LT Std", Arial, sans-serif; text-decoration: none; display: block; padding: 0; z-index: 1; height: 33px } ul#navmenu li a:hover { background-position: 0 -33px !important } ul#navmenu li:hover a.select { background-position: 0 -33px !important; position: relative; z-index: 9999 } ul#navmenu li a.current { background-position: 0 -33px !important } ul#navmenu li.napanee a { color: #ebf3ff; background-image: url("../images/mn_1.gif"); background-repeat: no-repeat; background-position: left top; width: 163px } ul#navmenu li.tyendinaga a { color: #ebf3ff; background-image: url("../images/mn_2.gif"); background-repeat: no-repeat; background-position: left top; width: 250px } ul#navmenu li.belleville a { color: #ebf3ff; background-image: url("../images/mn_3.gif"); background-repeat: no-repeat; background-position: left top; width: 109px } ul#navmenu li.quinte-west a { color: #ebf3ff; background-image: url("../images/mn_4.gif"); background-repeat: no-repeat; background-position: left top; width: 126px } ul#navmenu li.pec a { color: #ebf3ff; background-image: url("../images/mn_5.gif"); background-repeat: no-repeat; background-position: left top; width: 202px } ul#navmenu li.brighton a { color: #ebf3ff; background-image: url("../images/mn_6.gif"); background-repeat: no-repeat; background-position: left top; width: 113px } #contentArea { text-align: left; margin: 0 auto; position: relative; z-index: 10; width: 972px } #internal-align2-span3 { margin-left: 35px; padding-top: 15px; padding-right: 30px } #event-sponsor { background-image: url("../images/event_sponsor.jpg"); background-repeat: no-repeat; background-position: left top; margin-top: 10px; margin-bottom: 10px; position: relative; left: -5px; width: 599px; height: 67px; float: left } #event-sponsor-align { position: relative; top: 5px; left: 210px; width: 349px; height: 50px } #event-sponsor-align img { margin: 0; padding: 0; float: left } #calendar { background-image: url("../images/cal_bkd.jpg"); background-repeat: no-repeat; background-position: left top; margin-top: 0px; margin-bottom: 20px; position: relative; left: 5px; width: 517px; height: 371px } .cal-contain { margin-top: 83px; margin-left: 28px; padding-bottom: 25px; position: relative; width: 245px; float: left } .contain2 { background-image: url("../images/cal2_bkd.gif"); background-repeat: no-repeat; background-position: center 28px; margin-top: 8px; margin-bottom: 0; margin-left: 52px; position: relative } .cal-contain th, .cal-contain td, .cal-contain caption { color: #808846; font-size: 15px; font-weight: bold; background-image: url("../images/cal_td.gif"); background-repeat: no-repeat; background-position: right bottom; text-align: center; margin: 0; padding: 0; width: 34px; height: 32px; vertical-align: middle } .cal-contain td a { color: #3f2e09; text-decoration: underline } .cal-contain td:hover { color: #3f2e09; text-decoration: none; margin: -3px; padding: 0; width: 25px; height: 25px; border: inset 3px #000 } .cal-contain td.current { color: #3f2e09; text-decoration: none; width: 27px; height: 29px; border: solid 3px #000 } th.null, td.null, caption.null { background-image: url("../images/cal_null.gif"); background-repeat: no-repeat; background-position: right bottom } .cal-contain table { margin-top: 20px; border-top: 1px solid #886b2b; border-left: 1px solid #886b2b } #cal-month-cycle { color: #fff; font-size: 16px; font-weight: bold; background-image: url("../images/cal_month.jpg"); background-repeat: no-repeat; background-position: center; text-align: center; position: relative; width: 244px; height: 26px } .cal-right { margin-top: 50px; margin-left: 10px; position: relative; width: 220px; float: left } .date-contain { margin-bottom: 10px; float: left } .cal-date-contain { background-image: url("../images/date_blog_bkd.jpg"); background-repeat: no-repeat; background-position: center top; margin-top: 4px; position: relative; width: 50px; height: 57px; float: left } .cal-month { color: #fff; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; display: block; margin: 0 0 0 2px; padding-top: 2px; position: relative; height: 20px } .cal-number { color: #7691ac; font-size: 24px; font-weight: bold; line-height: 1; text-align: center; display: block; margin: 0 0 0 0px; padding-top: 1px; position: relative; height: 31px } .cal-event { margin-top: 2px; margin-left: 5px; position: relative; width: 159px; float: left } .cal-event p { color: #464110; font-size: 10px; line-height: 12px; margin: 0; padding: 0 } .date-contain2 { margin-bottom: 8px; margin-left: 27px; position: relative; float: left } .cal-date-contain2 { background-image: url("../images/date_blog_bkd2.jpg"); background-repeat: no-repeat; background-position: center top; margin-top: 4px; position: relative; width: 51px; height: 57px; float: left } .cal-event2 { margin-top: 2px; margin-left: 5px; position: relative; width: 240px; float: left } .cal-event2 p { color: #464110; font-size: 10px; line-height: 12px; margin: 0; padding: 0 } #hmbanner-contain { background-image: url("../images/hm_banner_bkd.jpg"); background-repeat: no-repeat; background-position: left bottom; position: relative; left: 5px; width: 963px; height: 319px } .hmbanner-text { color: #fff; font-size: 11px; font-weight: bold; line-height: 15px; margin: 0; position: absolute; top: 265px; right: 15px; width: 300px } .hmbanner-nav { position: absolute; right: 11px; bottom: 20px; width: 301px; height: 51px } .hmbanner-pics { position: absolute; left: 27px; width: 246px; height: 51px; overflow: hidden } .hmbanner-pics img { display: inline; margin: 0; padding: 0; float: left } .hmbanner-pics a { margin: 0 0 2px 1px; float: left; border: solid 1px #000 } .hmbanner-pics a:hover { border-color: #fff } .hmbanner-pics a.activeSlide { border: solid 1px #fff } .hmbanner-right { background-repeat: no-repeat; background-position: right top; margin: 0; position: absolute; z-index: 9999; top: 0; right: 0; width: 377px; height: 310px } .hm-right { background-image: url("../images/hm_banner_right.jpg") } .hm-right-overlay { background-image: url("../images/hm_banner_right2.png"); background-repeat: no-repeat; background-position: center top; position: absolute; left: 0; width: 42px; height: 310px } .hmbanner-txt { position: relative; top: 180px; left: 50px; width: 250px; float: left } .hmbanner-txt p { color: #fff; font-size: 12px } .hmbanner-left { background-image: url("../images/hm_banner_bkd.jpg"); background-repeat: no-repeat; background-position: left top; position: absolute; z-index: 9000; top: 0; left: 0; width: 648px; height: 310px; overflow: hidden } #int-map { background-image: url("../images/interactive_mapbtn.jpg"); background-repeat: no-repeat; background-position: right top; margin-top: 10px; position: relative; height: 282px } #int-map-align { position: relative; top: 108px; left: 32px; width: 150px; height: 130px; float: left } #int-map-align p { color: #67601f; font-size: 11px; line-height: 15px } #frm-contain { padding-left: 33px } .frm-align { position: relative; top: 65px; width: 170px; float: left } .frm-align a { color: #505712; font-size: 11px; font-weight: bold; display: block; margin-bottom: 2px } .frm-align a:hover { color: #000 } #int-map2 { background-image: url("../images/interactive_map2.jpg"); background-repeat: no-repeat; background-position: right top; margin-top: 10px; margin-bottom: 15px; margin-left: 10px; position: relative; width: 335px; height: 244px; float: left } #int-map-align2 { position: relative; top: 83px; left: 19px; width: 140px; height: 122px; float: left } #int-map-align2 p { color: #67601f; font-size: 11px; line-height: 14px; padding: 5px 0 0 } #frm-contain2 { padding-left: 20px } .frm-align2 { position: relative; top: 58px; width: 150px; float: left } .frm-align2 a { color: #505712; font-size: 10px; font-weight: bold; display: block; margin-bottom: 2px } .frm-align2 a:hover { color: #000 } #quick-map { background-image: url("../images/quick_map_bkd.jpg"); background-repeat: no-repeat; background-position: right top; margin-top: 15px; position: relative; width: 388px; height: 283px } .region-close { position: absolute; top: 0; right: 10px; width: 22px; height: 18px } div.map-btn-pec { text-indent: -9999px; margin: 0; padding: 0; position: absolute; right: 67px; bottom: 85px; width: 143px; height: 27px } div.map-btn-pec a:link, div.map-btn-pec a:visited { background: url("../images/q_map_pec.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 143px; height: 27px } div.map-btn-brighton { text-indent: -9999px; margin: 0; padding: 0; position: absolute; bottom: 94px; left: 25px; width: 70px; height: 27px } div.map-btn-brighton a:link, div.map-btn-brighton a:visited { background: url("../images/q_map_brighton.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 70px; height: 27px } div.map-btn-quinte-west { text-indent: -9999px; margin: 0; padding: 0; position: absolute; top: 113px; left: 65px; width: 92px; height: 27px } div.map-btn-quinte-west a:link, div.map-btn-quinte-west a:visited { background: url("../images/q_map_quinte_west.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 92px; height: 27px } div.map-btn-belleville { text-indent: -9999px; margin: 0; padding: 0; position: absolute; top: 80px; left: 150px; width: 75px; height: 27px } div.map-btn-belleville a:link, div.map-btn-belleville a:visited { background: url("../images/q_map_belleville.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 75px; height: 27px } div.map-btn-tyendinaga { text-indent: -9999px; margin: 0; padding: 0; position: absolute; top: 77px; right: 70px; width: 87px; height: 27px } div.map-btn-tyendinaga a:link, div.map-btn-tyendinaga a:visited { background: url("../images/q_map_tyendinaga.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 87px; height: 27px } div.map-btn-napanee { text-indent: -9999px; margin: 0; padding: 0; position: absolute; top: 50px; right: 13px; width: 74px; height: 27px } div.map-btn-napanee a:link, div.map-btn-napanee a:visited { background: url("../images/q_map_napanee.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 74px; height: 27px } .area-aligncol1 { margin-top: 15px; margin-left: 15px; width: 764px; float: left } .area-aligncol2 { margin-top: 10px; padding-left: 10px; width: 167px; float: left } .area-aligncol2 p { color: #000; font-size: 11px; margin: 0; padding: 20px 10px 0 0 } .area-aligncol1 h1 { color: #fff; font-size: 24px; font-weight: bold; line-height: 26px; margin-top: 0; margin-right: 15px; margin-bottom: 5px; padding: 0 } .area-aligncol1 p { color: #fff; font-size: 12px; padding-right: 25px } .area1 { background-image: url("../images/qmap_bkd1.png"); background-repeat: no-repeat; background-position: left bottom; display: none; position: absolute; z-index: 99999; top: -75px; left: -570px; width: 956px; height: 255px } .area2 { background-image: url("../images/qmap_bkd1.png"); background-repeat: no-repeat; background-position: left bottom; display: none; position: absolute; z-index: 99999; top: -86px; left: -570px; width: 956px; height: 255px } .area3 { background-image: url("../images/qmap_bkd1.png"); background-repeat: no-repeat; background-position: left bottom; display: none; position: absolute; z-index: 99999; top: -137px; left: -570px; width: 956px; height: 255px } .area4 { background-image: url("../images/qmap_bkd1.png"); background-repeat: no-repeat; background-position: left bottom; display: none; position: absolute; z-index: 99999; top: -170px; left: -570px; width: 956px; height: 255px } .area5 { background-image: url("../images/qmap_bkd1.png"); background-repeat: no-repeat; background-position: left bottom; display: none; position: absolute; z-index: 99999; top: -170px; left: -570px; width: 956px; height: 255px } .area6 { background-image: url("../images/qmap_bkd1.png"); background-repeat: no-repeat; background-position: left bottom; display: none; position: absolute; z-index: 99999; top: -200px; left: -570px; width: 956px; height: 255px } .region-arrow1 { position: absolute; right: 5px; bottom: 0; width: 69px; height: 23px } .region-arrow2 { position: absolute; right: 234px; bottom: 0; width: 64px; height: 23px } .region-arrow3 { position: absolute; right: 182px; bottom: 0; width: 64px; height: 23px } .region-arrow4 { position: absolute; right: 100px; bottom: 0; width: 69px; height: 23px } .area1 img, .area2 img, .area3 img, .area4 img, .area5 img, .area6 img { margin-right: 15px; float: left } #trail-nav { background-image: url("../images/trail_nav.jpg"); background-position: left 0; display: block; margin-top: 6px; position: relative; left: 0; width: 972px; height: 80px; z-index:9999; } #trail-nav.trail-bkd2{background-image: url("../images/trail_nav2.jpg"); background-position: left 0; height: 70px;} ul#trailmenu { list-style: none; margin: 0; padding: 0; position: relative; top: 0; left: 308px; height: 63px; float: left } ul#trailmenu li { float: left; margin: 0; padding: 0; position: relative; list-style-type: none; list-style-image: none; } ul#trailmenu li a { text-indent: -9999px; height: 67px; float: left } ul#trailmenu li:hover a, ul#trailmenu li a:hover { background-position: left bottom; } ul#trailmenu a.stay { color: #ebf3ff; background-image: url("../images/trail_1.jpg"); background-repeat: no-repeat; background-position: left top; width: 100px } ul#trailmenu a.see { color: #ebf3ff; background-image: url("../images/trail_2.jpg"); background-repeat: no-repeat; background-position: left top; width: 112px } ul#trailmenu a.do { color: #ebf3ff; background-image: url("../images/trail_3.jpg"); background-repeat: no-repeat; background-position: left top; width: 93px } ul#trailmenu a.eat { color: #ebf3ff; background-image: url("../images/trail_4.jpg"); background-repeat: no-repeat; background-position: left top; width: 142px } ul#trailmenu a.shop { color: #ebf3ff; background-image: url("../images/trail_5.jpg"); background-repeat: no-repeat; background-position: left top; width: 101px } ul#trailmenu a.live { color: #ebf3ff; background-image: url("../images/trail_6.jpg"); background-repeat: no-repeat; background-position: left top; width: 113px } ul#trailmenu li .sub { background-image: url(../images/sub_bg.jpg); background-repeat: no-repeat; background-position: left bottom; display: none; position: absolute; z-index: 999; top: 69px; width: 300px; height: auto; float: left; border-top-width: 6px; border-top-style: solid; border-top-color: #0B569B; padding-bottom: 15px; -moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.6); } ul#trailmenu li .sub.pos1 { position: absolute; left: -190px } ul#trailmenu li .sub.pos2 { position: absolute; left: -189px } ul#trailmenu li .sub.pos3 { position: absolute; left: -95px } ul#trailmenu li .row { margin-bottom: 0; width: 100%; float: left; clear: both } ul#trailmenu li .sub ul { list-style: none; margin: 0px 0 0 30px; padding: 0; width: 200px; float: left } ul#trailmenu .sub ul li { color: #e6e4ce; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 13px; width: 100% } ul#trailmenu .sub h2 { line-height: 1; margin-bottom: 5px } h2.underline { color: #043e73; padding-bottom: 0px; font-size: 15px; font-weight: bold; margin-top: 10px; margin-right: 30px; margin-bottom: 0; margin-left: 30px; text-transform:uppercase; } ul#trailmenu .sub ul li h2 a { color: #e6e4ce; font-size: 15px; text-decoration: underline; background-image: none; margin-top: 0; margin-bottom: 4px; padding-top: 0; padding-right: 0; padding-left: 0; border: 0 } ul#trailmenu .sub ul li a { color: #000; font-size: 11px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 14px; text-decoration: none; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; text-indent: 0; display: block; height: auto; float: none; padding-top: 3px; padding-right: 0; padding-bottom: 3px; padding-left: 0; } ul#trailmenu .sub ul li a:hover { text-decoration: underline } /*.bubbleInfo { display: inline; margin: 0; padding: 0; position: relative; z-index: 9999; height: auto } .bubble-style { width: 300px; border: solid 1px #f33 } div.popup { color: #000; background: url("../images/link_bubble.png") no-repeat left bottom; text-align: center; display: none; padding: 7px 15px 25px; position: absolute; z-index: 9999; width: 183px; height: auto; border-top: 1px solid #438baf }*/ #banner-int { background-image: url("../images/banner_results.jpg"); background-repeat: no-repeat; background-position: left top; margin-left: 5px; position: relative; width: 621px; height: 231px } .banner-photo { position: absolute; top: 0; right: 0; width: 249px; height: 231px } #banner-int2 { margin-bottom: 10px; position: relative; top: -4px; left: 5px; width: 618px; height: 283px } .belleville-see { background-image: url("../images/belleville_see.jpg"); background-repeat: no-repeat; background-position: left top } .belleville-stay { background-image: url("../images/belleville_stay.jpg"); background-repeat: no-repeat; background-position: left top } .belleville-do { background-image: url("../images/belleville_do.jpg"); background-repeat: no-repeat; background-position: left top } .belleville-eat { background-image: url("../images/belleville_eat.jpg"); background-repeat: no-repeat; background-position: left top } .belleville-shop { background-image: url("../images/belleville_shop.jpg"); background-repeat: no-repeat; background-position: left top } .belleville-live { background-image: url("../images/belleville_live.jpg"); background-repeat: no-repeat; background-position: left top } #tweet-txt { margin: 0; padding: 0; position: absolute; right: 10px; bottom: 10px; width: 385px; height: 62px; color: #fff; font-size: 11px; line-height: 13px; z-index: 9999; } ul.tweet_list { list-style: outside none; padding: 0px; margin: 0px; float: none; } #tweet-txt ul li { list-style-type: none; list-style-image: none; margin: 0; padding: 3px 0 0; float: none } #tweet-txt ul li a { color: #fcf4ac; font-weight: normal; text-decoration: none } #tweet-txt ul li p { color: #fff; font-size: 11px; line-height: 13px; margin-top: 3px } #tweet-txt ul li p span { font-size: 11px; font-weight: normal; display: block; margin-top: 4px } #tweet-txt ul li img { margin: 0 15px 0 0; padding: 0; float: left } #community-banner { margin: 5px 0px 0px 0px; position: relative; width: 624px; height: 286px; z-index: 9000; } .brighton-banner { background-image: url("../images/profile_brighton.jpg"); background-repeat: no-repeat; background-position: left top } .belleville-banner { background-image: url("../images/profile_belleville.jpg"); background-repeat: no-repeat; background-position: left top } .quintewest-banner { background-image: url("../images/profile_quintewest.jpg"); background-repeat: no-repeat; background-position: left top } .tyendinaga-banner { background-image: url("../images/profile_tyendinaga.jpg"); background-repeat: no-repeat; background-position: left top } .pec-banner { background-image: url("../images/profile_pec.jpg"); background-repeat: no-repeat; background-position: left top } .napanee-banner { background-image: url("../images/profile_napanee.jpg"); background-repeat: no-repeat; background-position: left top } .comm-banner-pht { margin-top: 3px; margin-left: 31px; position: relative; z-index: 9990; width: 354px; height: 276px; float: left; overflow: hidden } .photo-credit { background-image: url("../images/photo_credit.png"); background-repeat: repeat; background-position: left top; padding: 2px 5px; position: absolute; bottom: 10px; left: 10px; width: auto; border: solid 2px #e0e0e0; -khtml-border-radius-bottomleft: 8px; -khtml-border-radius-bottomright: 8px; -khtml-border-radius-topleft: 8px; -khtml-border-radius-topright: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } .photo-credit p { color: #fff; font-size: 11px; line-height: 13px; margin: 0; padding: 0 } .comm-banner-txt { margin-top: 20px; margin-left: 30px; position: relative; z-index: 9990; top: 65px; width: 180px; height: 130px; float: left; overflow: hidden } .comm-banner-txt div { position: relative; width: 180px; height: 130px; float: left } .comm-banner-txt p { font-size: 11px } .comm-banner-txt p span { color: #88904e; font-size: 12px; line-height: 14px; display: block; margin-bottom: 8px } ul#comm-nav { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 9999; top: 235px; left: 428px; width: 160px; height: 52px; float: left } ul#comm-nav li { text-indent: -999em; list-style: none; display: inline; margin: 0; padding: 0; z-index: 1; height: auto; float: left; border-style: none } ul#comm-nav li a { color: #fff; font-size: 10px; font-family: Arial, "Trebuchet MS", "Helvetica LT Std", Arial, sans-serif; text-decoration: none; background-image: url("../images/ban_1.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin-right: 9px; padding: 0; z-index: 1; width: 10px; height: 10px } ul#comm-nav li a:hover { background-position: 0 -10px !important } ul#comm-nav li:hover a.select { background-position: 0 -10px !important; position: relative; z-index: 9999 } ul#comm-nav li a.current { background-position: 0 -10px !important } ul#comm-nav a.activeSlide { background-position: 0 -10px !important } #results-txt { color: #fff; font-size: 28px; font-weight: bold; margin-left: 50px; position: relative; top: 110px; width: 330px } .bussiness-contain { margin-top: 5px; margin-bottom: 20px; float: left } .bus-logo { margin-top: 15px; position: relative; width: 174px; height: 108px; float: left; overflow: hidden } .bus-location { margin-left: 20px; position: relative; width: 364px; height: 110px; float: left } .bkd-belleville { background-image: url("../images/yourin_belleville.jpg"); background-repeat: no-repeat; background-position: left top } .bkd-prince-edward-county { background-image: url("../images/yourin_pec.jpg"); background-repeat: no-repeat; background-position: left top } .bkd-brighton { background-image: url("../images/yourin_brighton.jpg"); background-repeat: no-repeat; background-position: left top } .bkd-tyendinaga { background-image: url("../images/yourin_tyendinaga.jpg"); background-repeat: no-repeat; background-position: left top } .bkd-napanee { background-image: url("../images/yourin_napanee.jpg"); background-repeat: no-repeat; background-position: left top } .bkd-quinte-west { background-image: url("../images/yourin_quintewest.jpg"); background-repeat: no-repeat; background-position: left top } .bus-description { margin-top: 15px; position: relative; width: 290px; float: left; clear: both } .bus-description p { font-size: 11px; margin-bottom: 0; padding-bottom: 0 } .bus-specs { margin-top: 15px; margin-left: 28px; position: relative; width: 240px; float: left } .bus-specs a.mapfloat { margin-top: 3px; margin-left: 10px; position: absolute } ul.yin-nav { list-style-type: none; margin: 0; padding: 0; position: relative; top: 90px; width: 421px; height: 17px; float: left } ul.yin-nav.null { color: #fff; display: block; margin-top: 10px; margin-bottom: 10px; top: 0; width: auto; float: none } ul.yin-nav li { color: #fff; background-image: url("../images/tabstart.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; list-style-image: none; margin-right: 5px; margin-left: 0; height: auto; float: left } ul.yin-nav li a { color: #fff; font-size: 10px; font-weight: bold; line-height: 17px; text-decoration: none; background-image: url("../images/tabend.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; padding: 0 10px; height: 17px; float: left } ul.yin-nav li a.goto { color: #ffffff; font-size: 10px; font-weight: bold; line-height: 17px; text-decoration: none; background-image: url("../images/tabend2.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; padding: 0 15px 0 10px; height: 17px; float: left } ul.yin-nav li a:hover { color: #fff; text-decoration: underline } div.button-sp { margin: 0; padding: 10px 0 0; position: relative; z-index: 9990; top: 0; left: 0; width: 165px; height: 35px } div.button-sp a:link, div.button-sp a:visited { background: url("../images/btn_sp_features.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 165px; height: 35px } div.button-sp a:hover, div.button-sp a:active { background: url("../images/btn_sp_features.gif") no-repeat 0 -35px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 165px; height: 35px } #travel-nav2-contain { background-image: url("../images/trvl_nav.jpg"); background-repeat: no-repeat; background-position: left top; margin-top: 10px; margin-bottom: 12px; margin-left: 14px; position: relative; width: 339px; height: 103px; float: left } #nav-title { margin-left: 18px; position: relative; top: 8px } ul#travel-nav { list-style: none; margin: 0; padding: 0; position: absolute; top: 35px; left: 0; width: 339px; height: 32px; float: left } ul#travel-nav li { text-indent: -999em; list-style: none; display: inline; margin: 0; padding: 0; z-index: 1; height: auto; float: left; border-style: none } ul#travel-nav li a { color: #fff; font-size: 10px; font-family: Arial, "Trebuchet MS", "Helvetica LT Std", Arial, sans-serif; text-decoration: none; display: block; padding: 0; z-index: 1; height: 67px } ul#travel-nav li a:hover { background-position: 0 -67px !important } ul#travel-nav li:hover a.select { background-position: 0 -67px !important; position: relative; z-index: 9999 } ul#travel-nav li a.current { background-position: 0 -67px !important } ul#travel-nav li.stay a { color: #ebf3ff; background-image: url("../images/trn_1.jpg"); background-repeat: no-repeat; background-position: left top; width: 65px } ul#travel-nav li.see a { color: #ebf3ff; background-image: url("../images/trn_2.jpg"); background-repeat: no-repeat; background-position: left top; width: 52px } ul#travel-nav li.do a { color: #ebf3ff; background-image: url("../images/trn_3.jpg"); background-repeat: no-repeat; background-position: left top; width: 48px } ul#travel-nav li.eat a { color: #ebf3ff; background-image: url("../images/trn_4.jpg"); background-repeat: no-repeat; background-position: left top; width: 50px } ul#travel-nav li.shop a { color: #ebf3ff; background-image: url("../images/trn_5.jpg"); background-repeat: no-repeat; background-position: left top; width: 64px } ul#travel-nav li.live a { color: #ebf3ff; background-image: url("../images/trn_6.jpg"); background-repeat: no-repeat; background-position: left top; width: 60px } #transportation-nav { background-image: url("../images/trans_navbkd.jpg"); background-repeat: no-repeat; background-position: right top; margin: 10px 0 15px 15px; padding-top: 26px; position: relative; width: 335px; height: 200px; float: left } div.trans-nav { margin: 0; padding: 0; position: relative; z-index: 9990; left: 11px; width: 314px; height: 29px } div.trans-nav a:link, div.trans-nav a:visited { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 314px; height: 29px } div.trans-nav a:hover, div.trans-nav a:active { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 -29px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 314px; height: 29px } a.tr1 { background-image: url("../images/trans_1.gif") } a.tr2 { background-image: url("../images/trans_2.gif") } a.tr3 { background-image: url("../images/trans_3.gif") } a.tr4 { background-image: url("../images/trans_4.gif") } a.tr5 { background-image: url("../images/trans_5.gif") } a.tr6 { background-image: url("../images/trans_6.gif") } #interactive-map { background-image: url("../images/interactive_map_bkd.jpg"); background-repeat: no-repeat; background-position: left top; position: relative; top: 3px; left: 4px; width: 963px; height: 469px } .interactive-map-display { position: absolute; top: 20px; right: 15px; width: 256px; height: 433px } #interactive-map1 { background-image: url("../images/interactive_map_panel1.gif"); background-repeat: no-repeat; background-position: left top; position: absolute; top: -5px; left: -8px; width: 268px; height: 437px } .interactive-map-display p { font-size: 11px; padding-right: 10px; padding-left: 10px } div.button1 { margin: 0; padding: 0; position: absolute; z-index: 9990; bottom: 25px; left: -3px; width: 153px; height: 25px } div.button1 a:link, .button1 a:visited { background: url("../images/letsgo_btn.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 153px; height: 25px } div.button1 a:hover, .button1 a:active { background: url("../images/letsgo_btn.jpg") no-repeat 0 -25px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 153px; height: 25px } div.button2 { margin: 0; padding: 0; position: absolute; z-index: 9990; bottom: 22px; left: 0; width: 132px; height: 22px } div.button2 a:link, .button2 a:visited { background: url("../images/btn_trvl2.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 132px; height: 22px } div.button2 a:hover, .button2 a:active { background: url("../images/btn_trvl2.jpg") no-repeat 0 -22px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 132px; height: 22px } div.button3 { margin: 0; padding: 0; position: absolute; z-index: 9990; top: 230px; right: 205px; width: 20px; height: 20px } div.button3 a:link, .button3 a:visited { background: url("../images/btn_prev.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 20px; height: 20px } div.button3 a:hover, .button3 a:active { background: url("../images/btn_prev.gif") no-repeat 0 -20px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 20px; height: 20px } div.button4 { margin: 0; padding: 0; position: absolute; z-index: 9990; top: 230px; right: 23px; width: 20px; height: 20px } div.button4 a:link, .button4 a:visited { background: url("../images/btn_next.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 20px; height: 20px } div.button4 a:hover, .button4 a:active { background: url("../images/btn_next.gif") no-repeat 0 -20px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 20px; height: 20px } div.button6 { margin: 0; padding: 0; position: absolute; z-index: 9990; top: 12px; width: 20px; height: 20px } div.button6 a:link, .button6 a:visited { background: url("../images/hm_banner_prev.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 20px; height: 20px } div.button6 a:hover, .button6 a:active { background: url("../images/hm_banner_prev.gif") no-repeat 0 -20px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 20px; height: 20px } div.button7 { margin: 0; padding: 0; position: absolute; z-index: 9990; top: 12px; right: 2px; width: 20px; height: 20px } div.button7 a:link, .button7 a:visited { background: url("../images/hm_banner_next.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 20px; height: 20px } div.button7 a:hover, .button7 a:active { background: url("../images/hm_banner_next.gif") no-repeat 0 -20px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 20px; height: 20px } div.button8 { margin: 0; padding: 0; position: relative; z-index: 9990; top: 3px; width: 124px; height: 30px } div.button8 a:link, .button8 a:visited { background: url("../images/hm_banner_lern.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 124px; height: 30px } div.button8 a:hover, .button8 a:active { background: url("../images/hm_banner_lern.gif") no-repeat 0 -30px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 124px; height: 30px } div.button9 { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 22px; height: 26px } div.button9 a:link, .button9 a:visited { background: url("../images/cal_prev.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 22px; height: 26px } div.button9 a:hover, .button9 a:active { background: url("../images/cal_prev.gif") no-repeat 0 -26px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 22px; height: 26px } div.button10 { margin: 0; padding: 0; position: absolute; top: 0; right: 0; width: 22px; height: 26px } div.button10 a:link, .button10 a:visited { background: url("../images/cal_next.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 22px; height: 26px } div.button10 a:hover, .button10 a:active { background: url("../images/cal_next.gif") no-repeat 0 -26px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 22px; height: 26px } div.button11 { margin: 0; padding: 0; position: relative; width: 130px; height: 22px } div.button11 a:link, .button11 a:visited { background: url("../images/btn_readmore.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 130px; height: 22px } div.button11 a:hover, .button11 a:active { background: url("../images/btn_readmore.gif") no-repeat 0 -22px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 130px; height: 22px } div.button12 { margin: 0; padding: 0; position: relative; width: 140px; height: 42px; left: 107px; } div.button12 a:link, .button12 a:visited { text-indent: -9999px; display: block; margin: 0; padding: 0; width: 140px; height: 42px; background-image: url(../images/btn_book.jpg); background-repeat: no-repeat; } div.button12 a:hover, .button12 a:active { text-indent: -9999px; display: block; margin: 0; padding: 0; width: 140px; height: 42px; background-image: url(../images/btn_book.jpg); background-repeat: no-repeat; background-position: 0 bottom; } div.button_brighton { margin: 0; padding: 0; position: absolute; z-index: 1; bottom: 152px; left: 0; width: 100px; height: 100px } div.button_brighton a:link, div.button_brighton a:visited { background: url("../images/interactive_brighton.jpg") no-repeat 0 -207px; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; width: 100px; height: 100px } div.button_brighton a:hover, div.button_brighton a:active { background: url("../images/interactive_brighton.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; z-index: 9999; bottom: 91px; left: 0; width: 102px; height: 191px } div.button_brighton a.selected2 { background: url("../images/interactive_brighton.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; z-index: 10; bottom: 91px; left: 0; width: 102px; height: 191px } div.button_qw { margin: 0; padding: 0; position: absolute; z-index: 1; bottom: 250px; left: 110px; width: 100px; height: 100px } div.button_qw a:link, div.button_qw a:visited { background: url("../images/interactive_quintewest.jpg") no-repeat 0 -249px; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; width: 100px; height: 100px } div.button_qw a:hover, div.button_qw a:active { background: url("../images/interactive_quintewest.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; z-index: 9999; bottom: 73px; left: -81px; width: 249px; height: 243px } div.button_qw a.selected2 { background: url("../images/interactive_quintewest.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; z-index: 10; bottom: 73px; left: -81px; width: 249px; height: 243px } div.button_bell { margin: 0; padding: 0; position: absolute; z-index: 1; top: 65px; left: 272px; width: 100px; height: 100px } div.button_bell a:link, div.button_bell a:visited { background: url("../images/interactive_belleville.jpg") no-repeat 0 -161px; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; width: 100px; height: 100px } div.button_bell a:hover, div.button_bell a:active { background: url("../images/interactive_belleville.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; z-index: 9999; bottom: 51px; left: -54px; width: 153px; height: 160px } div.button_bell a.selected2 { background: url("../images/interactive_belleville.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; z-index: 10; bottom: 54px; left: -53px; width: 165px; height: 161px } div.button_pec { margin: 0; padding: 0; position: absolute; z-index: 1; bottom: 50px; left: 250px; width: 300px; height: 200px } div.button_pec a:link, div.button_pec a:visited { background: url("../images/interactive_belleville.jpg") no-repeat 0 -313px; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; width: 300px; height: 200px } div.button_pec a:hover, div.button_pec a:active { background: url("../images/interactive_pec.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; z-index: 9999; bottom: 76px; left: -123px; width: 519px; height: 313px } div.button_pec a.selected2 { background: url("../images/interactive_pec.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; z-index: 10; bottom: 76px; left: -123px; width: 519px; height: 313px } div.button_tyn { margin: 0; padding: 0; position: absolute; z-index: 1; top: 70px; left: 387px; width: 110px; height: 70px } div.button_tyn a:link, div.button_tyn a:visited { background: url("../images/interactive_tyendinaga.jpg") no-repeat 0 -163px; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; width: 70px; height: 70px } div.button_tyn a:hover, div.button_tyn a:active { background: url("../images/interactive_tyendinaga.jpg") no-repeat 0 bottom; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; z-index: 9999; bottom: 5px; left: -30px; width: 147px; height: 100px } div.button_tyn a.selected 2 { background: url("../images/interactive_tyendinaga.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; z-index: 10; bottom: 30px; left: -68px; width: 220px; height: 163px; } div.button_napanee { margin: 0; padding: 0; position: absolute; z-index: 1; top: 20px; left: 530px; width: 100px; height: 100px } div.button_napanee a:link, div.button_napanee a:visited { background: url("../images/interactive_napanee.jpg") no-repeat 0 -262px; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; width: 100px; height: 100px } div.button_napanee a:hover, div.button_napanee a:active { background: url("../images/interactive_napanee.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; z-index: 9999; bottom: 20px; left: -67px; width: 198px; height: 262px } div.button_napanee a.selected2 { background: url("../images/interactive_napanee.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; position: relative; z-index: 9990; bottom: 20px; left: -67px; width: 198px; height: 262px } .winter-event { background-image: url("../images/winter.gif"); background-repeat: no-repeat; background-position: left top; margin: 0 3px 0 2px; padding: 0; z-index: 9990; width: 14px; height: 14px; vertical-align: baseline } #where-been-contain { background-image: url("../images/where_been_bkd.jpg"); background-repeat: no-repeat; background-position: right top; padding-bottom: 45px; position: relative; left: 8px; width: 341px; float: left } #where-been-contain img { margin-top: 5px; margin-bottom: 0; padding-bottom: 0 } #where-been-align { margin-right: 15px; margin-left: 27px; padding-top: 60px; position: relative; z-index: 9999 } #where-been-btm { background-image: url("../images/where_been_btm_bkd.jpg"); background-repeat: no-repeat; background-position: center bottom; position: absolute; z-index: 9000; bottom: 0; left: 0; width: 341px; height: 200px } #where-been-contain textarea { margin: 0; width: 90%; height: 60px } #where-been-contain input { width: 90% } #where-been-contain th, #where-been-contain td, #where-been-contain caption { margin: 0; padding: 0 } .family-finds { background-image: url("../images/family_findsbkd.jpg"); background-repeat: no-repeat; background-position: left top; width: 565px; height: 230px } .family-finds2 { background-image: url("../images/family_findsbkd2.jpg"); background-repeat: no-repeat; background-position: left top; width: 565px; height: 230px } .family-finds3 { background-image: url("../images/family_findsbkd3.jpg"); background-repeat: no-repeat; background-position: left top; width: 565px; height: 300px } .family-finds4 { background-image: url("../images/family_findsbkd3.jpg"); background-repeat: no-repeat; background-position: left top; width: 565px; height: 300px } .family-finds5 { background-image: url("../images/family_findsbkd4.jpg"); background-repeat: no-repeat; background-position: left top; width: 565px; height: 350px } .family-finds6 { background-image: url("../images/family_findsbkd5.jpg"); background-repeat: no-repeat; background-position: left top; width: 565px; height: 350px } .family-finds7 { background-image: url("../images/family_findsbkd6.jpg"); background-repeat: no-repeat; background-position: left top; margin-top: 20px; width: 565px; height: 300px } .family-finds-align { position: relative; top: 70px; left: 75px; width: 450px } .family-finds-align2 { position: relative; top: 70px; left: 105px; width: 430px } .family-finds-align3 { position: relative; top: 150px; left: 8px; width: 470px } #link-contain { padding: 10px 0 10px 20px; float: left } #link-contain h3 { margin-bottom: 3px; padding-top: 10px } ul.m-com { list-style-position: outside; margin: 0; padding: 0 } ul.m-com li { font-size: 11px; line-height: 12px; background-image: none; list-style-type: none; list-style-image: none; display: block; margin: 0; padding: 0; width: auto } ul.m-com li a { color: #000; text-decoration: none; display: block; margin: 0; padding: 3px 5px 3px 0 } ul.m-com li a:hover,ul.m-com li:hover { color: #000; text-decoration: underline } .alert { background-image: url("../images/attention.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 14px; padding-left: 35px } .paginator { color: #000; font-weight: normal } .paginator a.active { color: #0a4d91; font-weight: bold } .paginator a.inactive { color: #999; font-weight: normal } /*WEATHER*/ /* * Example of zWeatherFeed Styling * * Version: 1.0.2 * (c) Copyright 2010, Zazar Ltd * */ .weatherFeed { font-family: Arial, Helvetica, sans-serif; width: 339px; height: 140px; background-image: url(../images/weather_bkd.jpg); background-repeat: no-repeat; background-position: left top; margin-top:10px; margin-left:7px; padding-right: 20px; padding-left: 20px; padding-top: 8px; } .weatherFeed a { color: #888; } .weatherFeed a:hover { color: #000; text-decoration: none; } .weatherItem { text-align: right; } .weatherCity { text-transform: uppercase; font-size:14px; line-height:16px; padding-top:8px; color: #000; } .weatherTemp { font-size: 34px; line-height: 38px; font-weight: bold; color: #000; } .weatherDesc, .weatherCity { font-weight: bold; } .weatherDesc { font-size: 14px; line-height:18px; margin-bottom: 0.4em; margin-right:5px; color: #000; } .weatherRange, .weatherWind { font-size: 11px; margin-right:5px; } .weatherLink { text-align: left; font-size: 0.8em; } .odd { background-position: left -10px; } .even { } #package-contain { background-image: url(../images/title_packages.jpg); background-repeat: no-repeat; background-position: left top; width: 528px; position: relative; margin-top: 20px; padding-top: 53px; padding-left:5px; } .packages { float: left; height: 178px; width: 176px; position: relative; margin-bottom: 20px; } .package-col1{ width:287px; float:left; position:relative; margin: 0px 15px 30px 0px; } .package-col2{ width:256px; float:left; position:relative; background-image: url(../images/package_col.gif); background-repeat: no-repeat; background-position: center top; margin: 10px 0px 30px 0px; } .package-col2-align{padding:15px;} .package-col2_btm{ width:256px; height:16px; position:absolute; bottom: 0px; background-image: url(../images/package_colbtm.gif); background-repeat: no-repeat; background-position: center top; float:left; margin: 0px; padding: 0px; left: 0px; } .sp-event { float: left; width: 254px; position: relative; margin-right: 15px; margin-bottom: 5px; } .sp-event p{font-size:11px} .sp-thumb {width:82px; float:left; position:relative; margin-right:7px;} .sp-text {width:165px; float:left; position:relative} #foot-stat-contain { background-image: url("../images/foot_stat.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: center bottom; position: fixed; z-index: 9999; bottom: 0; width: 100%; height: 83px } #foot-stat { margin: 0 auto; position: relative; z-index: 9990; width: 973px; height: 83px } #footer_contain { background-image: url("../images/footer_bkd.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; height: 145px } #footer { margin: 0 auto; position: relative; z-index: 9990; width: 973px; height: 145px } #footer p { color: #8f934e; font-size: 10px; font-style: italic; padding-left: 20px; position: relative; top: 100px } #footer p span { font-size: 15px; font-weight: bold } #footer a { color: #8e8745; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: underline } #footer a:hover { text-decoration: none } #footer #snap { color: #fff; position: absolute; top: 36px; right: 15px; width: 175px } #footer #snap img { position: absolute } #footer #copyright { position: absolute; top: 25px; left: 10px } #footer #friends { position: absolute; right: 0; bottom: 0; width: 395px; height: 53px } #footer #friends img { margin: 0; padding: 0; float: left } #like {width:450px; height:35px; position:absolute; left:20px; top:60px;} /* Blog Styles*/ ul.blognav { margin: 0; padding-left: 25px } h2.blogh2 { color: #063667; font-size: 14px; background-image: url("../images/h2_blog_bkd4.jpg"); background-repeat: no-repeat; background-position: left top; margin-bottom: 0; margin-left: 25px; padding-bottom: 0; padding-left: 4px } ul.blognav li { background-image: none; list-style-type: none; list-style-image: none; display: block; margin: 0 20px 0 0; padding: 0 } ul.blognav li a { color: #6d653c; font-size: 11px; text-decoration: none; background-image: url("../images/h2_blog_bkd.jpg"); background-repeat: no-repeat; background-position: left bottom; text-transform: uppercase; display: block; margin-bottom: 2px; padding: 5px } ul.blognav li a:hover { color: #fff; background-color: #0a4d91; background-image: none } .cal-date-contain3 { background-image: url("../images/blog_date2.jpg"); background-repeat: no-repeat; background-position: center top; margin-top: 5px; margin-right: 20px; position: relative; width: 65px; height: 73px; float: left } .cal-month3 { color: #fff; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; display: block; margin: 0 0 0 2px; padding-top: 2px; position: relative; height: 28px } .cal-number3 { color: #62809e; font-size: 28px; font-weight: bold; line-height: 1; text-align: center; display: block; margin: 0 0 0 2px; padding-top: 1px; position: relative; height: 31px } .blog-title-contain { height: auto } .blog-title-contain h2 { font-size: 28px; line-height: 34px; margin: 5px 0 0 } .blog-title-contain h2 a { color: #0a4d91; text-decoration: none } .blog-title-contain h2 a:hover { color: #000; text-decoration: none } #respond { background-color: #fafced; margin-top: 35px; padding-top: 10px; padding-left: 30px; border: solid 15px #dfe6ac } div.comment-contain { background-color: #fafced; padding: 10px; border: dotted 3px #dfe6ac } ul.commentlist { margin: 0 } ul.commentlist li { background-image: none; list-style-type: none; list-style-image: none } div.comment-author { padding-bottom: 10px } div.comment-author a { color: #1262af; font-size: 10px; text-decoration: underline } p.postmetadata { margin-top: 10px }