/*==================================================== copyright (c) City of Allen Designed & Developed by Ariamedia ====================================================*/ /* =GLOBAL ----------------------------------------------- */ * { margin: 0; padding: 0; } body { color: #333; font: 9pt Arial, Helvetica, sans-serif; text-align: left; background: url(../images/bg.jpg) 0 0 repeat-x #FFF; } a { color: #295C93; text-decoration: none; font-weight: bold; } a:hover { color: #333; text-decoration: underline; } a img { border: none; } a.remove_icon { background-image: none; padding-right: 0; } div.wrapper { width: 860px; margin: 0 auto; background: #FFF; padding: 0 10px; } h1 { font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 14pt; font-weight: normal; margin-bottom: .5em; padding: 5px 5px 5px 10px; } h2 { font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 14pt; font-weight: normal; margin-bottom: .5em; } h3 { font-size: 9pt; margin-bottom: .5em; } h4 { font-size: 11pt; margin-bottom: 1em; } h5 { font-size: 11pt; margin-bottom: .5em; } h6 { font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 18px; font-weight: normal; float: left; width: 180px; padding: 5px 5px 5px 10px; color: #FFF; background: url(../images/quicklinks_bg.gif) top left no-repeat; } h7 { font-size: 10pt; font-weight: normal; } h8 { display: block; float: left; color: #EA230E; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 14pt; font-weight: normal; margin-bottom: .5em; width:374px; } h9 { color: #EA230E; font-size: 9pt; margin-bottom: .5em; font-weight: bold; } h10 { display: block; float: left; color: #EA230E; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 14pt; font-weight: normal; margin-bottom: .5em; width:550px; } h11 { display: block; float: left; color: #EA230E; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 14pt; font-weight: normal; margin-bottom: .5em; width:260px; } body h1 { color: #2A5E95; background: #D3EBF9; } body h2 { color: #EA230E; } body h3 { color: #EA230E; } body h4 { color: #EA230E; } body h5 { color: #333; } p { line-height: 1.5em; margin: 0 0 1em 0; } hr { padding: 0; height: 0px; border: #C7C7C7 1px solid; border-left: none; border-right: none; margin: 10px 0; } blockquote { float: right; font-style: italic; font-size: 13pt; color: #2A5E95; padding: 5px 50px 10px 20px; background: url(../images/quote.gif) no-repeat; line-height: 1.6em; } /* table { margin: 1em 1em 2em 1em; border: 1px solid #2B5D94; } */ table { margin: 1em 0 2em 0; border: 1px solid #2B5D94; } th { font: bold 6px; color: #FFF; padding: 4px 3px 4px 6px; text-align: left; background: #275A91 url(../images/table_bg.jpg) repeat-x;} th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none; } td { background: #fff; padding: 6px 6px 6px 12px; color: #333; } td.alt { background: #F3F3F3; } /* =MENU ----------------------------------------------- */ #menuwrapper { float: left; width: 100%; background: url(../images/navbg_home.jpg) 0 0 repeat-x; border-bottom: 1px solid #85A6C4; } #menubar { list-style: none; position: relative; z-index: 10000; margin: 0; padding: 0; } #menubar li { float: left; width: 9em; display: block; position: relative; width: auto; } #menubar li a { display: block; text-decoration: none; padding: 10px 13px 11px 11px; font-size: 11pt; color: #FFF; font-weight: normal; background: url(../images/nav_divider_bg.gif) 100% 0 no-repeat; } #menubar li ul { padding: 0 0 5px 0; margin: 0; list-style: none; } #menubar li ul, #menubar ul li { position: relative; display: block; } #menubar ul li a { display: block; width: 20em; background: none; color: #565656; border-right: 0; } #menubar li ul { position: absolute; top: 38px; display: none; background-color: #E1E1E1; border-right: 1px solid #BDBCBD; border-bottom: 1px solid #BDBCBD; background-image: url(../images/p7exp_mgrad.jpg); background-repeat: repeat-x; z-index: 100000; } #menubar li:hover a, #menubar a:focus, #menubar a:active, #menubar li.p7hvr a { color: #295C93; background-color: #FFFFFF; } #menubar li:hover ul, #menubar li.p7hvr ul { display: block; } #menubar li:hover ul a, #menubar li.p7hvr ul a { color: #295C93; background-color: transparent; font-size: 8pt; padding: 5px 10px; } #menubar ul a:hover { background-color: #999999 !important; color: #FFFFFF !important; } .clearit { clear: both; height: 0px !important; line-height: 0 !important; font-size: 0 !important; overflow: hidden !important; } /* =BREADCRUMBS ----------------------------------------------- */ div.breadcrumb, div.col_mid div.breadcrumb, div.col_mid_wide div.breadcrumb { float: left; width: 425px; padding: .5em 0; margin: 0 0 1em 0; border-bottom: 1px solid #CCC; } div.col_mid_wide div.breadcrumb { width: 665px; } div.column_860 div.breadcrumb { width: 860px; } div.column_860 div.breadcrumb ul { margin:0; padding:0; } div.column_860 div.breadcrumb ul li { margin: 0 .5em 0 0; padding: 0; } div.breadcrumb ul, div.col_mid div.breadcrumb ul, div.col_mid_wide div.breadcrumb ul { width: 100%; margin: 0; } div.breadcrumb ul li, div.col_mid div.breadcrumb ul li, div.col_mid_wide div.breadcrumb ul li { display: block; float: left; margin-right: .5em; font-size: 8pt; white-space: nowrap; } div.breadcrumb ul li a, div.col_mid div.breadcrumb ul li a, div.col_mid_wide div.breadcrumb ul li a { color: #666; font-weight: normal; } div.breadcrumb ul li a:hover, div.col_mid div.breadcrumb ul li a:hover, div.col_mid_wide div.breadcrumb ul li a:hover { color: #000; } /* div.col_mid div.breadcrumb ul li:last-child { display: none; } HIDES THE LAST CHILD LIST ITEM - THIS IS TO GET RID OF THE RIGHT ARROW AFTER THE LAST CHILD */ /* =BANNERS ----------------------------------------------- */ div#banner_home { border-bottom: #DC0E15 10px solid; width: 860px; height: 156px; margin-bottom: 1em; float: left; position: relative; z-index: 5; } div#banner { background: url(../images/rotatorImage01.jpg) 0 0 no-repeat; border-bottom: #DC0E15 10px solid; width: 860px; height: 156px; margin-bottom: 1em; position: relative; z-index: 1; float: left; } div#banner a span { display: none; } div#banner a { position: relative; display: block; width: 146px; height: 73px; top: 49px; left: 31px; } /* REQUEST-INFO */ .request-info { position: absolute; top: 172px; margin-left: 758px; z-index: 5000; } .request-info a { background: #FFF; padding: 5px 10px; width: 82px; display: block; } /* =COLUMNS ----------------------------------------------- */ div.col_left { float: left; width: 180px; margin-right: 15px; } div.col_mid { float: left; width: 425px; margin-right: 10px; } div.col_mid_wide { float: left; width: 665px; } div.col_right { float: right; width: 225px; } div.col_wide { float: left; width: 855px; margin-right: 15px; } div.col_all { float: left; width: 860px; } div.col_mid ul, div.col_mid_wide ul, div.column_860 ul { margin: 0 1em 1em; padding: 0 1em; list-style-type: disc; } div.col_mid ul li, div.col_mid_wide ul li, div.column_860 ul li { margin: 0 0 .5em 0; } div.col_mid ul ul, div.column_860 ul ul, div.col_mid_wide ul ul { margin-top: .5em; list-style-type: circle; } div.col_mid ol { margin: 0 1em 1em; padding: 0 1em; } div.col_mid ol li { margin: 0 0 .5em 0; } div.col_mid ol ol { margin-top: .5em; } img { border: none; } div.column_860 { width: 860px; } div.column_560 { width: 560px; } div.column_550 { width: 550px; } div.column_550 div.container_550 { width: 528px; padding: 10px; border: 1px solid #CCC; border-top: none; } div.column_420 { width: 420px; } div.column_290 { width: 290px; } div.column_290 div.container_290 { width: 268px; padding: 10px; border: 1px solid #CCC; border-top: none; } div.column_280 { width: 280px; } div.column_270 { width: 270px; } div.column_270 div.container_270 { width: 248px; padding: 10px; border: 1px solid #CCC; border-top: none; } div.column_270.mr_25 { margin-right: 25px; } div.column_270.ml_25 { margin-left: 25px; } .calendar { height: 176px; overflow: auto; } .council { height: 176px; overflow: hidden; } .calendar_bg { background: url(../images/calendar_bg.jpg) 100% 100% no-repeat; } .calendar .links { width: 390px; float: left; } .calendar a.calendar_link { display: block; float: right; width: 142px; height: 196px; margin: -10px -10px 0 0; } .whatSeeDo { height: 188px; overflow: hidden; } .whatSeeDo ul { display: block; padding: 0px !IMPORTANT; margin: 0px !IMPORTANT; } .whatSeeDo ul li { display: block; float: left; list-style: none !IMPORTANT; margin: 0px !IMPORTANT; padding:0 0 10px 0 !IMPORTANT; } .whatSeeDo ul li img { display: block; float: left; margin: 0px !IMPORTANT; } .whatSeeDo ul li a { display: block; float: left; padding: 10px !IMPORTANT; font-size: 14px; color: #333333; font-weight: normal; } .whatSeeDo ul li a span.subHead { display: block; font-size: 10px; } .familyFun { height: 188px; overflow: hidden; } .familyFun ul { display: block; float: left; padding: 0px !IMPORTANT; margin: 0px !IMPORTANT; } .familyFun ul li { list-style: none; border-bottom: 1px solid #CCCCCC; background: url(../images/bullet_red.gif) 0 4px no-repeat; margin: 0px 0px 4px 0px !IMPORTANT; padding:0px 0px 4px 0px !IMPORTANT; width: 248px; } .familyFun ul li a { font-weight: normal; color: #2f659a; padding: 8px; } .seeAllen { height: 188px; overflow: hidden; } .seeAllen ul { display: block; float: left; margin:0px !IMPORTANT; padding:0px !IMPORTANT; } .seeAllen ul li { display: block; float: left; margin: 0px !IMPORTANT; padding:0px 0px 6px 0px !IMPORTANT; } .seeAllen ul li a.first { margin-right: 8px; } .whatSeeDoSee { position: relative; overflow: hidden; width: 840px; height: 56px; padding: 9px 9px 10px 9px; border: 1px solid #CCC; border-top: none; } .whatSeeDoSee ul { display: block; padding: 0px !IMPORTANT; margin: 0px !IMPORTANT; } .whatSeeDoSee ul li { display: block; float: left; list-style: none !IMPORTANT; margin: 0px !IMPORTANT; padding:0 0 10px 0 !IMPORTANT; } .whatSeeDoSee ul li img { display: block; float: left; margin: 0px !IMPORTANT; } .whatSeeDoSee ul li a { display: block; float: left; padding: 10px !IMPORTANT; font-size: 14px; color: #333333; font-weight: normal; width: 196px; } .whatSeeDoSee ul li a span.subHead { display: block; font-size: 10px; } /* =H3 TABS ----------------------------------------------- */ h3.h3_feature { float: left; background: url(../images/h3_right.gif) 100% 0 no-repeat; color: #FFF !IMPORTANT; margin: 0 !IMPORTANT; } h3.h3_feature span { display: block; height: 12px; padding: 10px; overflow: hidden; float: left; background: url(../images/h3_left.gif) 0 0 no-repeat; } div.column_860 h3.h3_feature span.full { width: 840px; } div.column_560 h3.h3_feature span.full { width: 540px; } div.column_550 h3.h3_feature span.full { width: 530px; } div.column_290 h3.h3_feature span.full { width: 270px; } div.column_270 h3.h3_feature span.full { width: 250px; } div.column_290 ul.tour_tabs { float: left; width: 100%; padding: 0; margin: 0; list-style: none; background: url(../images/1pxCCCborder.gif) 0 100% repeat-x; } div.column_290 ul.tour_tabs li { float: left; background: url(../images/h3_grey_right.gif) 100% 0 no-repeat; color: #FFF; font-size: 9pt; margin: 0 2px 0 0; } div.column_290 ul.tour_tabs li a { display: block; height: 12px; padding: 10px; overflow: hidden; float: left; background: url(../images/h3_grey_left.gif) 0 0 no-repeat; color: #666; } div.column_290 ul.tour_tabs li a:hover { cursor: pointer; } div.column_290 ul.tour_tabs li.active, div.column_290 ul.tour_tabs li.ui-state-active { float: left; background: url(../images/h3_right.gif) 100% 0 no-repeat; color: #FFF; font-size: 9pt; } div.column_290 ul.tour_tabs li.active a, div.column_290 ul.tour_tabs li.ui-state-active a { display: block; height: 12px; padding: 10px; overflow: hidden; float: left; background: url(../images/h3_left.gif) 0 0 no-repeat; color: #FFF; } /* Tabs ----------------------------------*/ .ui-tabs { padding: 0; margin:0; zoom: 1; border:0; background-color: Transparent; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; border: 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; color: #00aeef; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs-hide { display: none; } /* =VIDEO PLAYER ----------------------------------------------- */ #vdo_head { background: #333 url(../images/actv/vdo_bar.jpg) no-repeat; height: 27px; color: #fff !IMPORTANT; margin: 0 !IMPORTANT; padding: 5px 10px 0px 30px; font-size: 9pt; width: 820px; } #vdo_head h3 { display: block; float: left; font-variant: normal; font-style: normal; color: #fff !IMPORTANT; margin-top: 4px !IMPORTANT; font-size: 9pt; width: 96px; } #vdo { width: 840px; padding: 10px; float: left; background: #333 url(../images/actv/vdo_bg.jpg) no-repeat; height: 87px; } #vdo div { width: 113px; overflow: hidden; float: left; } #vdo p { color: #fff; font-size: 9pt; margin-top: 5px !important; line-height: normal; float: left; } #liveStream a { display: block; float: left; background: #333 url(../images/actv/vdo_bar_btn.gif) repeat-x; font-size: 8pt; color: #323232 !important; border: 1px solid #666; padding: 4px 8px 2px 8px; } #liveStream a:hover { background: #333 url(../images/actv/vdo_bar_btn_h.gif) repeat-x; border: 1px solid #666; text-decoration: none !important; } /* =SEARCH ----------------------------------------------- */ .search { float: right; padding: 7px 10px 0 0; width: 222px; } .search input#search { background: url(../images/search_bg.gif) 0 0 no-repeat; border: none; padding: 4px 4px 0 20px; height: 17px; font-size: 7.5pt; width: 141px; float: left; display: block; color: #666; } .search a#btn_go { border: none; background: url(../images/search_bg.gif) 100% 0 no-repeat; padding: 4px 0 0 10px; width: 47px; height: 17px; display: block; float: right; font-size: 7.5pt; color: #333; } /* =NAV LEFT ----------------------------------------------- */ .nav_left { float: left; display: block; width: 180px; margin: 0 0 10px 0; } .nav_left li { font-size: 8.5pt; margin: 0; display: block; } .nav_left li a { display: block; color: #FFF; width: 160px; padding: 5px 15px 5px 5px; } .nav_left li a:hover { color: #FFF; text-decoration: none; } ul.nav_left li ul li a { color: #295C93 !important; } ul.nav_left { z-index: 1; float: left; } ul.nav_left li { position: relative; } ul.nav_left li ul { left: -999em; position: absolute; } ul.nav_left li:hover ul, ul.nav_left li.over ul { float: none; width: 180px; position: absolute; top: 0px; left: 180px; z-index: 999; border-right: 1px solid #BDBCBD; border-bottom: 1px solid #BDBCBD; border-left: 1px solid #FFF; } ul.nav_left li:hover, ul.nav_left li.over { background: #E1E1E1; } ul.nav_left li:hover a, ul.nav_left li.over a { background: #E1E1E1; color: #FFF; } ul.nav_left li:hover li a, ul.nav_left li.over li a { background: #E1E1E1; color: #FFF; } .quicklinks { float: left; width: 158px; padding: 10px; background: url(../images/news_bg.jpg) bottom left repeat-x #FFF; border: #A6D0E7 1px solid; margin-bottom: 10px; margin-top: -1px; } .quicklinks ul { margin-bottom: 5px; } .quicklinks ul li { display: block; padding: 5px; font-weight: bold; } .quicklinks ul li a { color: #295C93; background: url(../images/icn_arrow_grn.gif) 0 4px no-repeat; display: block; padding-left: 20px; padding-top: 2px; } .quicklinks ul li a[href$=".pdf"] { white-space: normal; } .quicklinks ul li a[href$=".doc"] { white-space: normal; } /* =RIGHT COLUMN ----------------------------------------------- */ .rightbar { width: 187px; padding: 18px; float: left; } /* =ACTV LINKS ----------------------------------------------- */ .actv_links { width: 188px; margin-bottom: 10px; margin-top: 3px; } .actv_links li { display: block; padding: 3px; font-size: 10px; font-weight: bold; background: url(../images/actv_link_bg.jpg) top left repeat-x; border: #BAC5CD 1px solid; margin-bottom: 3px; } .actv_links li a { color: #2A5E95; background: url(../images/icn_play.jpg) left no-repeat; display: block; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; } /* =HOME PAGE ----------------------------------------------- */ .news { float: left; width: 158px; padding: 10px; background: url(../images/news_bg.jpg) bottom left repeat-x #FFF; border: #A6D0E7 1px solid; margin-bottom: 10px; } .news3 { float: left; width: 158px; padding: 10px; background: url(../images/hotnews_bg.gif) bottom left repeat-x #FFF; border: #A6D0E7 1px solid; margin-bottom: 10px; } .news ul { margin-bottom: 5px; } .news ul li { display: block; padding: 5px; font-weight: bold; } .news ul li a { color: #295C93; background: url(../images/icn_news.gif) 0 3px no-repeat; display: block; padding-left: 20px; padding-top: 2px; } .news p { font-size: 10px; margin-left: 5px; } .news p a { background: url(../images/icn_mail.gif) left no-repeat; padding-left: 20px; font-weight: bold; } .more_info { width: 373px; padding: 20px; float: left; margin-bottom: 15px; } .more_info p { font-size: 11px; margin-bottom: 4px; } div.col_mid .more_info ul { margin: 0; } .calendar_links { float: right; padding-left: 20px; } .calendar_links p { font-size: 10px; line-height: normal; } .calendar h4 { font-size: 9pt; margin: 0 0 .5em 0; } .calendar h4 a { font-size: 7.5pt; } .calendar ul { list-style: none; margin: 0 0 1em 0; } .calendar li { font-size: 8pt; line-height: normal; } /* =SLIDER ----------------------------------------------- */ #slider{width:528px; position:relative;height:160px; overflow:hidden;} #slider .nav{left:0px; top:0px; position:absolute; width:528px; width:528px;} div.column_550 #sliderNav { overflow: hidden; width:60px; margin: 0 auto; } /*div.column_550 .SN8 { width: 72px !IMPORTANT; }*/ /*div.column_550 #sliderNav span { display: none; }*/ div.column_550 #sliderNav a { display: block; width: 6px; height: 6px; background: url(../images/coda_slider/dotlight.jpg) 0 0 no-repeat; float:left; overflow:hidden; text-indent:-9999px; margin:0 2px 0 0;} div.column_550 #sliderNav a.activeSlide { background: url(../images/coda_slider/dotdark2.jpg) 0 0 no-repeat; } #sliderNav a:focus{ outline:0; } #sliderNavSm a { display: block; width: 6px; height: 6px; background: url(../images/coda_slider/dotlight.jpg) 0 0 no-repeat; float:left; overflow:hidden; text-indent:-9999px; margin:0 2px 0 0;} #sliderNavSm a.activeSlide { background: url(../images/coda_slider/dotdark2.jpg) 0 0 no-repeat; } #sliderNavSm a:focus{ outline:0; } div.column_550 .sliderWrapper { position: relative; overflow: hidden; width: 530px; height: 176px; padding: 9px 9px 10px 9px; border: 1px solid #CCC; border-top: none; } /*div.column_860 .sliderNav { float: none; height: 16px; width: 54px; overflow: hidden; margin: 0 auto; } div.column_860 .SN8 { width: 72px !IMPORTANT; } div.column_860 .sliderNav li { display: block; float: left; margin-right: 3px; } div.column_860 .sliderNav li span { display: none; } div.column_860 .sliderNav li a { display: block; width: 6px; height: 6px; background: url(../images/coda_slider/dotlight.jpg) 0 0 no-repeat; } div.column_860 .sliderNav li.active a { background: url(../images/coda_slider/dotdark.jpg) 0 0 no-repeat; }*/ div.column_860 #sliderNav { overflow: hidden; width:60px; margin: 0 auto; } div.column_860 #sliderNav a { display: block; width: 6px; height: 6px; background: url(../images/coda_slider/dotlight.jpg) 0 0 no-repeat; float:left; overflow:hidden; text-indent:-9999px; margin:0 2px 0 0;} div.column_860 #sliderNav a.activeSlide { background: url(../images/coda_slider/dotdark2.jpg) 0 0 no-repeat; } div.column_860 .sliderWrapper { position: relative; overflow: hidden; height: 176px; padding: 9px 9px 10px 9px; border: 1px solid #CCC; border-top: none; } div.column_860 .sliderWrapper div.nav { width: 838px; float: left; } div.column_860 .visitSlider { position: relative; overflow: hidden; width: 840px; height: 236px; padding: 9px 9px 10px 9px; border: 1px solid #CCC; border-top: none; } div.column_860 div.seeDo { position: relative; overflow: hidden; width: 840px; height: 76px; padding: 9px 9px 10px 9px; border: 1px solid #CCC; border-top: none; } div.column_860 div.gallery { width: 860px; height: 490px;} div.column_290 .sliderNavSm { float: none; height: 16px; width: 54px; overflow: hidden; margin: 0 auto; } div.column_290 .SN10 { width: 60px !IMPORTANT; } div.column_290 .sliderNavSm li { display: block; float: left; margin-right: 3px; width: 6px; height: 6px; } div.column_290 .sliderNavSm li span { display: none; } div.column_290 .sliderNavSm li a { display: block; width: 6px; height: 6px; background: url(../images/coda_slider/dotlight.jpg) 0 0 no-repeat; } div.column_290 .sliderNavSm li.active a { background: url(../images/coda_slider/dotdark.jpg) 0 0 no-repeat; } div.column_290 .sliderWrapperSm { display: block; float: left; position: relative; overflow: hidden; width: 270px; height: 176px; padding: 9px 9px 10px 9px; border: 1px solid #CCC; border-top: none; } div.column_290 .sliderWrapperSm div.navSm { width: 270px; float: right; } /* =FOOTER ----------------------------------------------- */ .footer { clear: both; width: 860px; border-top: #295C93 3px solid; padding: 5px 0 20px 0; margin: 30px 0 0 0; } .footer p { line-height: normal; margin: 0; font-size: 10px; } .footer p a { font-weight: normal; } /* =MISC ----------------------------------------------- */ .clear { clear: both; height: 0px !important; line-height: 0 !important; font-size: 0 !important; overflow: hidden !important; } .left { float: left; margin: 0 1em .5em 0; } .right { float: right; } .small_text { font-size: 10px; font-weight: bold; } .blue { color: #2A5E95; font-weight: bold; } .margin_left { margin-left: 30px; } img.img_left { float: left; margin: 0 1em 1em 0; } img.img_right { float: right; margin: 0 0 1em 1em; } div.bullet_list ul, ul.bullet_list, div.bullet_list ol { text-style: normal; line-height: 1.5em; margin: 0 1em 1em; padding: 0 1em; list-style-type: disc; list-style-position: outside; } div.bullet_list ol { list-style-type:decimal-leading-zero; } .float_left { float: left; } .float_right { float: right; } .mr_10 { margin-right: 10px; } .mr_36 { margin-right: 36px; } .mr_10 { margin-right: 10px; } .mb_10 { margin-bottom: 10px; } .mb_20 { margin-bottom: 20px; } .mt_20 { margin-top: 20px; } div#weather div.footer { width: 180px; border: none; padding: 0; margin: 0; } .post { margin: 0 0 1em 0; padding: 0 0 1em 0; border-bottom: 1px solid #E3E3E3; } /* =BANNER ----------------------------------------------- */ #banner { background: url(../images/rotatorImage01.jpg) 0 0 no-repeat; border-bottom: #DC0E15 10px solid; } /* =NAV LEFT ----------------------------------------------- */ .nav_left li a { background: url(../images/leftnav_bg_sprite.gif) 0 50% repeat-x; } .nav_left li a:hover { background: url(../images/leftnav_bg_sprite.gif) 180px 50% repeat-x; } ul.nav_left li:hover a, ul.nav_left li.sfhover a { background: url(../images/leftnav_bg_sprite.gif) 180px 50% repeat-x; color: #FFF; } .nav_left li:hover li a, .nav_left li.sfhover li a { background: #E1E1E1; color: #295C93; } ul.nav_left li li a:hover { background: #999; color: #FFF; } .nav_left li.nav_left_nosub a { background: url(../images/leftnav_bg_nosub.gif) 0 50% repeat-x; } .nav_left li.nav_left_nosub a:hover { background: url(../images/leftnav_bg_nosub.gif) 180px 50% repeat-x; } /* =MIDDLE COLUMN INFO BOX ----------------------------------------------- */ div.more_info { background: url(../images/news_bg.jpg) bottom left repeat-x; border: #A6D0E7 1px solid; } /* =RIGHT COLUMN ----------------------------------------------- */ div.rightbar { background: #F8FBBA; border: #DDD 1px solid; } /* =GET INVOLVED BANNER ----------------------------------------------- */ #getInvolved { display: block; float: left; width: 858px; height: 98px; border: 1px solid #CCC; } #livingIntro { display: block; float: left; width: 840px; margin: 0 10px 10px 10px; } /* BUSINESS LISTING ----------------------------------------------- */ div.column_560 h3.mini_header{ background: url(../images/h3_right.gif) 100% 0 no-repeat; color: #FFF !IMPORTANT; margin: 0 !IMPORTANT; height: 30px; padding: 0; margin:0; width: 100%;} div.column_560 h3.mini_header p { display: block; height: 13px; padding: 6px 0 6px 10px; margin: 0;overflow: hidden; float: left; background: url(../images/h3_left.gif) 0 0 no-repeat; } div.column_560 div.directoryWrapper { position: relative; overflow: hidden; width: 558px; height: 515px; border: 1px solid #CCC; border-top: none; } div.column_560 div.directoryWrapper table.business_listing { border:0; margin: 0 0 20px 0; width: 100% } div.column_560 div.directoryWrapper table.business_listing tr td{ border-bottom: solid 1px #CCCCCC;} div.column_560 div.tagsContainer { display: block; float: left; width: 128px; height: 495px; padding: 10px; background: #DEE1E2; overflow: hidden; } div.column_560 div.listingsContainer { display: block; float: left; width: 390px; height: 495px; padding: 10px; background: #FFFFFF; } div.column_560 div.tagsContainer ul { display: block; float: left; overflow: hidden; margin: 10px 0 0 10px; padding: 0px; } div.column_560 div.tagsContainer ul li { font-size: 10px; font-weight: bold; color: #0f6cbc; list-style:none; margin: 0px; padding:2px 0 2px 0; } div.column_560 div.tagsContainer ul li.tags-$ { background: red;} div.column_560 img { display: block; float: left; margin: 20px 0 0 0; } div.column_560 h3.mini_headerBizDetail { background: url(../images/h3_biz_right.gif) 100% 0 no-repeat; color: #FFF !IMPORTANT; margin: 0 !IMPORTANT; height: 30px; padding: 0; margin:0; width: 100%;} div.column_560 h3.mini_headerBizDetail p { display: block; height: 13px; padding: 6px 0 6px 10px; margin: 0;overflow: hidden; float: left; background: url(../images/h3_biz_left.gif) 0 0 no-repeat; } /* =BUSINESS DETAILS ----------------------------------------------- */ div.column_560 div.businessDetailWrapper { position: relative; padding: 10px; overflow: hidden; width: 538px; border: 1px solid #CCC; border-top: none;} .business_details { background: url(../images/business_detail_bg.png) repeat-x; float:left; clear:both; width: 520px; padding: 10px;} .business_details ul li { list-style: none; } .business_map_container { float:left; width: 270px; height: 270px; } .detail_container { float:left; width: 200px; height: 200px; } #feed ul { list-style: none; position: relative} #feed ul li { width: 500px; display: none;} #feed-control { background: #FFFF99; padding-top: 2px; } #feed-control p { float: left; margin-right: 2px; padding: 4px 10px 3px; font-weight: bold; border-right: 4px solid #FFF; color: #666; } #feed-control-sm ul li { float: left; margin-right: 2px; padding: 4px 10px 3px; font-weight: bold; border-right: 4px solid #FFF; color: #666; } .blog_index_item { padding-bottom: 10px; margin-bottom: 40px; border-bottom: 1px solid #CCC; } .blog_index_item .meta { font-weight: bold; font-size: 10px; text-transform: uppercase; padding: 3px 5px; background: #f0f0f0; } .recent-posts { list-style: none; } .recent-posts li a { display: block; font-weight: normal; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px dotted #CCC; } .recent-posts li.active a { font-weight: bold; } .recent-posts li.rss a { font-size: 10px; color: #333; text-transform: uppercase; padding-top: 20px; } .recent-posts li.rss a strong { color: #FA0; } div#feed { min-height: 15px; float:left; font-weight: normal; margin: 3px 0 0 5px; padding: 2px 0 0 20px; background: url(../images/feed-icon-14x14.png) no-repeat left center;} div#feed a{ font-weight: normal; }