@charset "utf-8";body{border:none;margin:0px;tpadding: 0px 0 0 0px;background:#ebebeb;text-align:center;}table img{margin:0px 10px 10px 10px;border-radius:10px;}.view-opensf-layout table img{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#d1d1d1;border-image:none;border-radius:10px;border-style:solid solid none;margin:0 10px 10px;}table{font-size:11pt;}table th{background-color:#f2f2f2;color:#974806;font-family:Verdana,Geneva,sans-serif;}table td{vertical-align:top;}body,td,th,p,select,li,ul,input,blockquote,textarea{font-family:Arial,Helvetica,sans-serif;font-size:0.95em;}a img{border:0;}a{color:#974806;}a:hover{color:#dea331;}a:active{color:974806;}a:hover img{border-bottom:0px;}.mainSpan_wrapper .container .content a,.mainSpan_wrapper_review .container .content a{color:#974806;}.mainSpan_wrapper .container .content a:hover,.mainSpan_wrapper_review .container .content a:hover{color:#dea331;border-bottom:1px dotted #dea331;}.mainSpan_wrapper .container .content a:hover img{border-bottom:0px;}.mainSpan_wrapper .container .content a:focus,.mainSpan_wrapper .container .content a:active,.mainSpan_wrapper_review .container .content a:focus,.mainSpan_wrapper_review .container .content a:active{background-color:#fcf1e1;}.mainSpan_wrapper_home .container .content a:focus,.mainSpan_wrapper_home .container .content a:active{background:none;}.mainSpan_wrapper .container .content a:visited,.mainSpan_wrapper_review .container .content a:visited{color:#686868;text-decoration:none;}.division{padding:0px 100px 0;}.division p{line-height:1.5em;}ul.relatedlinks_division li{float:right;margin:0 85px 0 25px;text-align:center;width:100px;list-style:none outside none;}ul.relatedlinks_division img{margin-bottom:10px;}#assessment{color:#064465;font-weight:bold;font-size:1.2em;}#budget{color:#16755b;font-weight:bold;font-size:1.2em;}#sun{color:#dc641b;font-weight:bold;font-size:1.2em;}#youth{color:#7dad40;font-weight:bold;font-size:1.2em;}.mainSpan_wrapper .container .content .division a:hover{border-bottom:0px;}.mainSpan_wrapper .container .content .division a:focus,.mainSpan_wrapper .container .content .division a:active{background:none;}#sf_footer li a,#sf_footer .copyright a{color:#1875b6;}#sf_footer li a:focus,#sf_footer .copyright a:focus,#sf_footer li a:active,#sf_footer .copyright a:active{background-color:#fcf1e1;}hr{border:1px solid #d1d1d1;display:block;margin:15px 10px 15px 5px;}.error_message{color:#c60;font-weight:bold;}.clearfix:after,.mainSpan:after,.contentheader:after,.container:after,.content:after,.title:after,.width_container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix,.mainSpan,.contentheader,.container,.content,.title_right,.width_container{}* html.clearfix,* html.mainSpan,* html.contentheader,* html.container,* html.content,* html.title_right,* html.width_container{height:1%;}.clearfix,.mainSpan,.contentheader,.container,.content,.title_right,.width_container{}.mainSpan_wrapper,.mainSpan_wrapper_home,.mainSpan_wrapper_noleftnav,.mainSpan_wrapper_review{width:100%;padding:0;margin:0;}.mainSpan{width:974px;margin:0px auto 0px auto;text-align:left;}.mainSpan_wrapper_home .width_container,.mainSpan_wrapper .width_container,.mainSpan_wrapper_noleftnav .width_container,.mainSpan_wrapper_review .width_container{width:972px;margin-top:0;border:0;border-radius:0 0 10px 10px;background-attachment:scroll;background-image:url("../_gfx/cmn/bg-page-inner.jpg");background-position:right top;background-repeat:repeat-y;padding:0;background-color:#fff;}.mainSpan_wrapper_noleftnav .width_container{background-image:none;}.footer_wrapper{}.mainSpan_wrapper_home .width_container{background-image:none;}.mainSpan_wrapper_home .width_container,.mainSpan_wrapper_noleftnav .width_container{topleft no-repeat #fff;border:0 none;border-radius:0;}.mainSpan_wrapper_home .width_container{border-radius:0 0 10px 10px;}.mainSpan_wrapper_noleftnav .width_container,.mainSpan_wrapper_review .width_container{width:972px;margin:0px;padding:0;}.mainSpan_wrapper .content_wrapper2,.mainSpan_wrapper_noleftnav .content_wrapper2{border:0 none;}.adminSpan{width:200px;float:right;text-align:left;}.content iframe{width:98%;_width:100%;_margin-left:20px;border:none;}iframe.external_link{background:none;}.skipnav{position:absolute;top:0px;left:0px;z-index:10;}.skipnav img{border:0px;width:1px;height:1px;display:block;float:left;}.searchbox{float:right;width:188px;height:30px;right:0px;top:0;padding:0;}.searchbox_textbox{padding:0;margin:0;padding:2px;width:211px;height:28px;vertical-align:middle;line-height:30px;}.searchbox_textbox,.searchbox_button{-webkit-border-radius:0;line-height:30px;}#mainSpan_wrapper_Screen .content{padding-bottom:50px;}.mainSpan_wrapper .container{width:782px;margin-top:0;vertical-align:top;float:right;overflow:hidden;}.mainSpan_wrapper_home .contentheader{display:block;height:40px;}.mainSpan_wrapper .contentheader{background:url(../_gfx/bos_images/about_header.gif) no-repeat top left;}.mainSpan_wrapper .contentheader_about{display:block;height:129px;background:url(../_gfx/bos_images/about_header.gif) no-repeat top left;}.mainSpan_wrapper .contentheader_clerk{display:block;height:129px;background:url(../_gfx/bos_images/clerk_header.jpg) no-repeat top left;}.mainSpan_wrapper .contentheader_mtg{display:block;height:129px;background:url(../_gfx/bos_images/mtg_header.jpg) no-repeat top left;}.mainSpan_wrapper .contentheader_legintro{display:block;height:129px;background:url(../_gfx/bos_images/legintro_header.jpg) no-repeat top left;}.mainSpan_wrapper .contentheader_legpass{display:block;height:129px;background:url(../_gfx/bos_images/legpass_header.jpg) no-repeat top left;}.mainSpan_wrapper .contentheader_form{display:block;height:129px;background:url(../_gfx/bos_images/form_header.jpg) no-repeat top left;}.mainSpan_wrapper .contentheader_faq{display:block;height:129px;background:url(../_gfx/bos_images/faq_header.jpg) no-repeat top left;}.mainSpan_wrapper .contentheader_request{display:block;height:129px;background:url(../_gfx/bos_images/request_header.jpg) no-repeat top left;}.contentheader_banner{background:none;}.contentheader_banner .banner_holder{float:left;visibility:hidden;width:1px;overflow:hidden;}.image_banner{display:block;}.breadcrumb_wrapper{padding:10px 0 0 0;font-size:11px;height:63px;}.contentheader_banner .breadcrumb_wrapper{}.breadcrumb{padding:50px 0 0 18px;z-index:5000;}.breadcrumb a{color:#000;text-decoration:none;border-bottom:0 none;}.breadcrumb a:hover{border-bottom:1px dotted #000}.breadcrumb a:focus,.breadcrumb a:active{background-color:#fcf1e1;}.breadcrumb a:first-child{}.title{margin:0px;position:relative;top:0;}h1{font-family:Arial,Helvetica,sans-serif;color:#974806;}h2,h3,h4{font-family:Arial,Helvetica,sans-serif;color:#974806;}.contentheader_banner .title{}.title_right{text-align:right;height:20px;padding:0px 5px 0px 0px;margin:10px 10px 0px 0;float:right;width:350px;display:none;}.title_left{float:left;width:0;}.breadcrumb_wrapper,.title{float:left;width:780px;}.contentheader h1,.contentheader_about h1,.contentheader_clerk h1,.contentheader_mtg h1,.contentheader_legintro h1,.contentheader_legpass h1,.contentheader_form h1,.contentheader_faq h1,.contentheader_request h1,.contentheader_banner h1{padding:10px 15px 3px 18px;margin:0px 0px 0px 0px;float:left;font-size:18px;font-weight:bold;line-height:24px;color:#974806;}.contentheader h2,.contentheader_banner h2{padding:5px 0px 0px 20px;margin:0px 0px 10px 0px;float:left;width:560px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px;line-height:20px;font-weight:bold;color:#974806;}.rss{width:45px;float:left;font-size:0.7em;padding-top:1px;}.rss a{background:url(../_gfx/int/rss.gif) 0 0 no-repeat;}.rss a{padding-left:20px;text-decoration:none;}.rss a:hover{text-decoration:none;}.mainSpan_wrapper .content,.mainSpan_wrapper_review .content{padding:0px 10px 0 12px;overflow:hidden;margin-top:0;}#landing_seal{min-height:680px;background:url(../_gfx/bos_images/contents_backg.gif) no-repeat 100px 100px;}.mainSpan_wrapper .content textarea,.mainSpan_wrapper_noleftnav .content textarea,.mainSpan_wrapper_review .content textarea{width:755px;}.mainSpan_wrapper .content ul,.mainSpan_wrapper_noleftnav .content ul,.mainSpan_wrapper_review .content ul{padding:0px;margin:8px 0 10px 20px;}.mainSpan_wrapper .content ul li,.mainSpan_wrapper_noleftnav .content ul li,.mainSpan_wrapper_review .content ul li{padding:2px 15px 2px 0;}.downloadmessage{clear:left;background:#fff url(../_gfx/int/download_bg.gif) top center repeat-x;border:solid 1px #00639c;text-align:center;width:85%;margin:10px auto;padding:0;}.downloadmessage img{border:0px;padding:0px 0px 0px 0px;margin:0px 2px 0px 2px;}.downloadmessage p{color:#4b4638;font-size:10px;padding:5px 0px;margin:0px;}.last_updated{background:url(../_gfx/cmn/updated.gif) top center no-repeat;width:90%;color:#aba28f;font-size:9px;margin:20px auto 0px auto;text-align:right;display:none;}.paging{margin-top:10px;margin-bottom:10px;}.mainSpan_wrapper_noleftnav .container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:972px;}.mainSpan_wrapper_noleftnav .contentheader{background:url("../_gfx/bos_images/about_header_noleftnav.gif") no-repeat scroll left top rgba(0,0,0,0)}.mainSpan_wrapper_noleftnav .breadcrumb_wrapper{padding:8px 10px 0 0;font-size:11px;}.mainSpan_wrapper_noleftnav .title{display:block;margin:0;z-index:1;}.mainSpan_wrapper_noleftnav .content{position:relative;padding:40px 30px 30px 30px;}.mainSpan_wrapper_home .container{width:972px;padding:0;margin:0;}.mainSpan_wrapper_home .content{margin-bottom:0;background:#fff;overflow:hidden;clear:both;}.mainSpan_wrapper_home .content ul{padding:0px;margin:0;}.mainSpan_wrapper_home .content ul li{padding:0px 0px;}.mainSpan_wrapper_home .breadcrumb,.mainSpan_wrapper_home .title{display:none;}.mainSpan_wrapper_home .breadcrumb_wrapper,.mainSpan_wrapper_noleftnav .breadcrumb_wrapper{float:none;width:100%}.mainSpan_wrapper_review .container{width:970px;background-color:#ffffff;margin:0;padding:0 0 10px 0;} ; /*.mainSpan_wrapper_review .fix_intheight { display: none;}*/ .mainSpan_wrapper_review .contentheader {display:none;} .mainSpan_wrapper_review .content { padding: 0;} .mainSpan_wrapper_review .component_title_review {margin: 0px; width:100%; border-bottom: solid 3px #EAE2DC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; padding:20px 15px 3px 15px; color: #763410; line-height: 24px;} .mainSpan_wrapper_review .component_title_review h1 {padding:50px 15px 3px 15px; margin:0px 0px 0px 0px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color: #763410; line-height: 24px;} .mainSpan_wrapper_review .component_title, .mainSpan_wrapper_review .component_subtitle, .mainSpan_wrapper_review .component_listitem {margin-left: 20px;} .mainSpan_wrapper_review .content > div {padding-left: 15px;} .mainSpan_wrapper_review .component_content {width: 720px; padding: 0px 0px; margin: 0 20px; background-color:#ffffff;} /* Hide review title for all except for review */ .mainSpan_wrapper .component_title_review, .mainSpan_wrapper_noleftnav .component_title_review, .mainSpan_wrapper_home .component_title_review {display:none;} .mainSpan_wrapper .content span{line-height:150%;} /************************************************ Forms ************************************************/ .form {height:auto;} .form_in_tab {padding:15px 0 10px 10px;} .form div {width:auto; margin-top:8px; margin-bottom:8px; clear: both;} .form textarea {width:200px; height:150px;} .form_label {padding-top:3px; font-weight: bold; height:20px; float: left; width: 150px; text-align: left; vertical-align:middle;} .form_field {height:20px; float: right; width: 550px; text-align: left; vertical-align:middle;} legend {font-weight: bold; color:#625C4D;} fieldset {border:solid 1px #c2bca6;} .form_normaltextbox {width:300px; border: 1px solid #c2bca6; background-color: #fdfaed; height:19px; padding:2px 3px;} .form_normaldropdown {width:300px; border: 1px solid #c2bca6; background-color: #fdfaed; height:17px; padding-left:3px; } .form_button {background: #082956 url(../_gfx/int/form_button.gif) top repeat-x; font-family:Tahoma; font-size: 11px; font-weight:bold; padding: 2px; color: #fafafa; border: 1px solid #031b37;} .form_message, .form_message td {color: #cc0000;} .form_calendarbutton {vertical-align: top; border:0; cursor: pointer;} .backbutton {padding-left: 15px; font-weight: bold; background-image: url(../_gfx/back_arrow.gif); background-repeat: no-repeat; margin-bottom: 10px;} .backbutton a {} .radeditor div {margin-top:0; margin-bottom:0;} /************************************************ Google Search ************************************************/ .gs-result, .gs-webResult {border-bottom:1px solid #b2d2e9;} .gs-title { font-weight:bold; font-size:12px; margin-top:10px;} .gs-snippet {padding: 10px 0 0 10px; border-top:1px solid #b2d2e9; border-bottom:0;} .gs-visibleUrl-long { display:block; } .gs-visibleUrl-short { display:none; } table.gsc-branding { display:none; } td.gsc-branding-text { display:none; } div.gsc-branding-text { display:none; } td.gsc-branding-img { display:none; } a.gsc-branding-clickable { display:none; } .gsc-keeper{ display:none; } .gsc-result div.gs-watermark { display: none; } .gsc-resultsHeader { display: none; } /************************************************ Lists, including DataGrid classes ************************************************/ .alphabetpicker a {font-family: Tahoma, Arial, Sans-Serif; font-size:11px;} /* For links on top of page */ .topselector {margin: 10px 0;} /* For dropdown filters */ .filter {margin: 10px 0 10px 0; text-align:center;padding-bottom: 25px;} .filter select {font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size:11px;} .departmentFilter{display: none;} .timing {} div.listDiv table.listtable {width:100%; border:none; border-collapse:separate !important; margin: 10px 0; padding:15px;} tr.listtable_header {padding:5px; background-color:#eae2dc !important;} .listtable th {background-color: #fff !important; padding:25px 25px 10px; font-size:1.1em; font-weight: initial; color: #000; border:0 ; text-align:center; border-collapse: separate; margin:5px;} .listtable_header a {color:#983b06;} .listtable td { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; /*border-color: #fff -moz-use-text-color -moz-use-text-color;*/ border-image: none; border-style: solid none none; border-width: 1px 0 0; margin: 0; padding: 15px 0; } .listtable tr:hover {background-color:#f2f2f2;} .listtable tr:nth-child(2n) {} .listtable img {margin:0px;} .listtable_buttoncolumn {width: 70px; font-size: 9px;} .listtable_buttoncolumn input {background-image: url(../_gfx/button_bg.gif); font-size: 10px; padding: 2px; color: #000; border-width: 1px; border-style: solid; border-color: #983b06;} .listtable_checkboxcolumn {padding:0px; width:1px;} .listtable_checkboxcolumn input {margin-left:-2px; margin-top:-3px;} .listtable_row_on {background-color:#fff;} .listtable_row_off {background-color:#ffffff;} .listtable td.place{text-align:center;} .listtable td.date{/*white-space:nowrap;*/} /************************************************ Lists without table grid, like News ************************************************/ .listcomponent {border:solid 0px #ffffff;} .listcomponent th {display:none;} .listcomponent td {border:0px; padding:4px 4px 10px 0; margin:0px;} .listcomponent img {margin: 0;} /************************************************ Image-using item list ************************************************/ .righttable {width:200px; border:1px solid #007799; border-collapse: separate;} .righttable th {background-color: #007799; padding:3px; border:0; text-transform:uppercase; font-weight: bold; text-align:left; color: #ffffff; height:20px; font-size:9px;} .righttable_header a {color:#ffffff;} .righttable td {border:0; border-top:1px solid #dadada; padding:3px; margin:0; font-size:10px;} .righttable tr:hover {background-color:#fffcee;} .righttable_buttoncolumn {width: 30px; font-size: 9px;} .righttable_buttoncolumn input {background-image: url(../_gfx/button_bg.gif); font-size: 10px; padding: 4px; color: #000000; border-width: 1px; border-style: solid; border-color: #D4D4D4 #949494 #828282 #C2C2C2;} .righttable_checkboxcolumn {padding:0; width:1px;} .righttable_checkboxcolumn input {margin-left:-2px; margin-top:-3px;} .righttable_row_on {background-color:#e4f1ff;} .righttable_row_off {background-color:#ffffff;} /************************************************* Component detail *************************************************/ .component_title {padding:5px 0px 5px 0px; width:95%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:1.2em; font-weight: bold; color: #763410;} .component_subtitle {padding:0px 0px 0px 0px; margin:0px 0px 2px 0px; width:95%; font-family:Helvetica, sans-serif; font-size:13px; line-height:18px; font-weight: bold; color: #8D352C;} .component_back {margin:0px 0px 10px 0px;} .component_listitem {padding: 0 0 15px; width:95%; border-top:1px dotted #B2917F;} .component_listitem div {padding: 5px 0; width:100%; display:block; float:left; } .component_listitem_header {font-weight: bold; width:100px; vertical-align: top; display:block; float:left;} .component_listitem_content {width:300px; vertical-align: top; display:block; float:left;} .component_content p {font-size: 11px; line-height: 20px;} .component_content{clear:both;} .component_back_link {top:0; clear:both; font-weight:bold; font-size:1.1em;} .component_back_link a {color:#472310:} .addtocalendar {border-top:1px dotted #B2917F; width:95%; border-bottom:1px dotted #B2917F; width:95%;} /***************************************** Calendar month view *****************************************/ .calendar_filter {margin:5px 0px 20px 0px; text-align:center;} .calendar_filter select {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:11px; width:180px;} .calendar_wrapper {text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; width:720px;} .calendar {width:100%; border: 1px solid #fff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .calendar_dayheader {height: 1px; color: #fff; background-color: #00639c; font-weight: bold; font-size: 9px; padding: 2px 0px; text-transform: uppercase; border: 1px solid #00639c;} .calendar_selector {color:#ffffff; background-color:#efdC9e; font-size:9px; font-weight:bold; } .calendar_title td {padding: 10px 0px 12px 0px; background-color:#ffffff; font-family: Verdana, Arial,Helvetica,san-serif; font-size: 22px; font-weight: bold; color: #001c3e; width:60%;} td.calendar_nextprev {width:200px !important;} .calendar_nextprev a {font-size:10px; color:#001c3e !important;} .calendar_day, .calendar_today, .calendar_weekendday, .calendar_selectedday, .calendar_othermonthday {text-align:left; vertical-align: top; font-family: Arial, Helvetica, san-serif; font-size:18px; line-height:25px; font-weight:bold; padding: 3px 3px 3px 3px; width: 95px; height:100px; border: 1px solid #00639c;} .calendar_day a,.calendar_today a,.calendar_weekendday a,.calendar_selectedday a, .calendar_othermonthday a {color: #01507f; padding: 0 5px 8px 5px; margin:0px 0;} .calendar_day, .calendar_weekendday {background: #fff; color:#42566e;} .calendar_othermonthday {background:#dcdcdc; color:#646d79;} .calendar_today {background: #d7ebfe; color:#001c3e;} .calendar_selectedday {background-color:#f2C532; color:#999999;} .calendar_eventtime {color:#666666; font-size:10px; font-weight: normal; line-height:11px; margin:0px 0 0 0; padding: 0px 0 0 0 !important;} .calendar_eventlink {font-size:10px; font-weight: normal; line-height:11px; display:block; padding:0px 0 0px 0; margin:0px 0 ;} .calendar_allinone .listtable {width:720px;} .outlookcalendar, .googleCal, .yahooCal {padding: 5px 15px 0 0;} .timing_link {display: inline-block;padding: 5px;text-align: center;width: 200px;} .timing_link:first-child + .timing_link, .timing_link:first-child + .timing_link + .timing_link{border-left-style:solid;border-left-width:1px;} .timing_link .selected{font-weight:bold;} .timing_links{ border-bottom: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;display: block;margin-left: 25px;margin-right: 25px;padding: 15px;} .timingDisplayAll_link {} .date {width: 275px;} .meeting {} .place {width: 150px;} .listDiv{clear:both;} /************************************************ Site map ************************************************/ .sitemap { border:solid 0 #000; background-color: #fff; padding-left:15px;} .sitemap img {padding: 0 5px 0 0; margin: 0;} .rootnode,.parentnode,.leafnode {padding:0px;} .rootnode {font-weight: bold; color: #625C4D;} .rootnode a, .parentnode a { color: #625C4D; font-weight: bold;} .sitemap_file {list-style-image: url(../_gfx/_SiteMap/file.gif); } .backtotoplink {padding:10px 0 10px 5px; font-size: 10px;} /************************************************ Link List ************************************************/ .link_name a {padding-left:10px; background-image:url(../_gfx/cmn/link_list_arrow.gif); background-repeat:no-repeat; background-position: 0 4px;} .link_content {padding-left:10px; display:block;} .link_content img {margin-left:0px; margin-bottom:0px; margin-top:0px;} /* Component list pagers*/ .listtable_pager, .listcomponent_pager, .listfaq_pager {text-align:right; font-size:10px; font-weight:bold; padding-bottom:10px; padding-top:10px; border-top:1px solid #bcb599;} .listtable_pager span, .listcomponent_pager span, .listfaq_pager span {font-size:10px;} .listtable_pager a, .listcomponent_pager a, .listfaq_pager a {display:inline; padding:3px; border:1px solid #bcb599; border-top:0px; background-color:#f4f9fd; text-decoration:none; background-image:url(../_gfx/cmn/search_link_bg.gif); background-repeat: repeat-x; _background-position:0 1px; /* for IE only */ font-size:10px; font-weight:bold;} .listtable_pager a:hover, .listcomponent_pager a:hover, .listfaq_pager a:hover {background:#ffffff; border-top:1px solid #b2d2e9;} .listcomponent_pager {text-align:left;} /************************************************ Link List ************************************************/ .listlink {width:540px; padding:0; border-collapse: separate;} .listlink td {padding:4px; border:none;} /*********************************************** E-Notifier ***********************************************/ .tag_div {padding: 10px 0 20px;} .area_div {padding: 5px 0;} /****************************************** Photo Album ******************************************/ .album_item {margin-bottom:20px; text-align:center;} .album_thumb {background-position: top center; background-image: url(../_gfx/album/exported_group.jpg); overflow: hidden; width: 260px; height:152px; max-height:130px; padding-top:22px; background-repeat: no-repeat; } .album_thumb img {width: 160px; height: 110px; position:relative; left:0px; border:0px; display:block; margin:0px auto; overflow: hidden;} .album_name {text-transform:uppercase; font-weight:bold;} .album_details {font-size:9px;} .photo_item {padding:20px; text-align:center; vertical-align:top;} .photo_thumb {background-position: top center; background-image: url(../_gfx/album/single_photo.gif); overflow: hidden; width:240px; height:240px; background-repeat: no-repeat; padding-top:50px; max-height: 190px; margin: 0 auto;} .photo_thumb img {display:block; overflow: hidden; margin: 0 auto;} .photo_detail {text-align:center;} .photo_name {} .slideshow_link {float:right; font-weight:bold; font-size:smaller; width:140px; background: #082956 url(../_gfx/int/form_button.gif) top repeat-x; border: 1px solid #031b37; text-align:left; margin:0px 0px 0px 10px;} .slideshow_link a {display:block; padding:4px 3px 4px 27px; color: #fafafa; background-image:url(../_gfx/album/slideshow.gif); background-repeat:no-repeat; background-position:7px 7px; font-size:9px;} .slideshow_nav {text-align:center;} .rss_button {float: right; margin:-30px auto 0px auto;} /************************************************ Map ************************************************/ .map_size {width:500px; height:300px;} /************************** SAFARI 3 hacks **************************/ @media screen and (-webkit-min-device-pixel-ratio:0) { } /***************************** Firefox3 Specific (Its sad that we need these now) ******************************/ html>/**/body .foo, x:-moz-any-link, x:default { } /******************************************************************************************************************** Do not edit from here **********************************************************************************************************************/ /************************************************ Left navigation ************************************************/ .leftnav {width: 0; float:left; position:relative; display:block;} /************************************************ FAQ List ************************************************/ .listfaq {width:540px; padding:0; border-collapse: separate; background-color:#f4f9fd; border:1px solid #bcb599;} .listfaq td {padding:4px; border:none;} .listfaq_answers {width:540px; padding:0; border-collapse: separate;} .listfaq_answers td {padding:4px; font-size: 12px; line-height: 20px;} .listfaq_q {font-weight:bold;} .listfaq_a p, .listfaq_a ul {margin-top:0px;} .listfaq_a_left {float:left; width:20px; font-weight:bold;} .listfaq_a_right {float:left; width:445px; margin:0px 0px 0px 0px;} /************************************* === Custom for BOS style here === **************************************/ #bos_list li { font-size: 0.9em; line-height: 2.62em; list-style-image: none; list-style-type: none; padding-left: 12px; } #bos_list li a {color:#000;} #bos_list a:visited {text-decoration: none;} #bos_list a.hover {text-decoration:underline;} #bos_map { background: url(../_gfx/bos_images/bdsupvrs_map.gif) no-repeat; width: 280px; height: 245px; position: relative; margin-left: 5px; border-bottom: 2px solid #d1d1d1; margin-bottom: 20px;w } #bos_map li{margin:0; padding:0; list-style:none; position:absolute; display:block;} #bos_map a {display: block; TEXT-DECORATION:NONE;} #dist_1 {left:0; top:86px; width:106px; height:50px; z-index:5;} #dist_2 {left:34px; top:47px; width:120px; height:65px; } #dist_3 {left:141px; top:44px; width:49px; height:54px; z-index:5; } #dist_4 {left:0; top:133px; width:60px; height:62px; z-index:5; } #dist_5 {left:60px; top:87px; width:87px; height:60px; } #dist_6 {left:142px; top:5px; width:108px; height:140px; } #dist_7 {left:0; top:138px; width:123px; height:108px; } #dist_8 {left:98px; top:120px; width:50px; height:84px; z-index:5; } #dist_9 {left:134px; top:125px; width:44px; height:108px; z-index:4; } #dist_10 {left:133px; top:124px; width:109px; height:123px; } #dist_11 {left:64px; top:200px; width:84px; height:47px; } #dist_1 a {height:50px; } #dist_2 a {height:65px; } #dist_3 a {height:54px; } #dist_4 a {height:62px; } #dist_5 a {height:60px; } #dist_6 a {height:140px; } #dist_7 a {height:108px; } #dist_8 a {height:84px; } #dist_9 a {height:108px; } #dist_10 a {height:123px; } #dist_11 a {height:47px; } #dist_1.hover, #dist_1 a:focus, #dist_1 a:active {background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) 0 -1078px no-repeat;} #dist_2.hover, #dist_2 a:focus, #dist_2 a:active {background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -34px -791px no-repeat;} #dist_3.hover, #dist_3 a:focus, #dist_3 a:active {background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -141px -1284px no-repeat;} #dist_4.hover, #dist_4 a:focus, #dist_4 a:active {background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) 0 -1373px no-repeat;} #dist_5.hover, #dist_5 a:focus, #dist_5 a:active {background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -60px -583px no-repeat;} #dist_6.hover, #dist_6 a:focus, #dist_6 a:active {background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -142px -997px no-repeat;} #dist_7.hover, #dist_7 a:focus, #dist_7 a:active {background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) 0 -881.5px no-repeat;} #dist_8.hover, #dist_8 a:focus, #dist_8 a:active {background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -98px -366px no-repeat;} #dist_9.hover, #dist_9 a:focus, #dist_9 a:active {background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -134px -869px no-repeat;} #dist_10.hover, #dist_10 a:focus, #dist_10 a:active {background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -133px -1364px no-repeat;} #dist_11.hover, #dist_11 a:focus, #dist_11 a:active {background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -64px -1192px no-repeat;} #bos_sup li{display:none;} #bos_sup li.hover{display:block;} #bos_sup img { border-bottom: 2px solid #d1d1d1; margin-bottom: 20px; margin-top: -12px; } #about_our_mission {font-style: italic; line-height: 2em; padding: 0px 80px; text-align: center} .block-title { background: none repeat scroll 0 0 #f2f2f2; border-color: #d1d1d1; border-image: none; border-radius: 6px 6px 0 0; border-style: solid solid none; border-width: 1px 1px medium; box-shadow: 2px 2px 2px 0 rgba(255, 255, 255, 1) inset; color: #373737; font-weight: bold; margin-bottom: 0; padding: 20px 0 15px 15px; text-align: left; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; } /* homepage style end */ .mainSpan{margin-top:20px;background:#FFF;} .width_container{ position:relative; overflow: visible; } .header, .mainSpan, .dropshadow, .mainSpan_wrapper .width_container, .mainSpan_wrapper_noleftnav .width_container, .mainSpan_wrapper_review .width_container {width:972px;} .mainSpan_wrapper_noleftnav .content_wrapper2 {width:auto; padding:0px 0px;} .mainSpan_wrapper .content_wrapper2:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} /************************* contact form ***************************/ #contactForm { width: 100% } #contactForm label{ width: 120px; display:inline-block; line-height:1.9; cursor: hand; vertical-align: top; } #contactForm input.submit { margin-left: 590px; border:0; } #contactForm label.error {margin-left:120px;} #contactForm label.error, label.error { /* remove the next line when you have trouble in IE6 with labels in list */ color: red; font-style: italic } div.error { display: none; } /*input { border: 1px solid black; } input:focus { border: 1px dotted black; } input.error { border: 1px dotted red; }*/ #contactForm label.error { margin-left: 130px; width: 220px; } #contactForm .input{ width:550px;} #contactForm textarea{height:150px;} #contactAddr{margin-left:120px;font-style:italic;} /************************* sfgov plugins icons ***************************/ .sf_plugins_nav ul li{padding:0px;margin:0px;} #sf_plugins .sf_plugins_nav{width:244px;height:23px;float:left;} #sf_plugins .sf_plugins_nav li{margin-top:10px; float:left} #sf_plugins .sf_plugins_nav li, #sf_plugins .sf_plugins_nav a{display:block;text-indent:-9999px;overflow:hidden;} #sf_plugins .sf_plugins_nav a{height:23px; background-image:url(../_gfx/sfgov/plugins_icons_final.gif); background-repeat:no-repeat;} #sf_plugins_title { width:97px; background-position:0px 0px; height: 23px; background-image: url(../_gfx/sfgov/download_viewers.gif); } #sf_plugins_acrobat a{width:27px;background-position:-97px 0px;} #sf_plugins_acrobat a:hover{background-position:-97px -23px;} #sf_plugins_flash a{width:27px;background-position:-127px 0px;} #sf_plugins_flash a:hover{background-position:-127px -23px;} #sf_plugins_powerpoint a{width:27px;background-position:-157px 0px;} #sf_plugins_powerpoint a:hover{background-position:-157px -23px;} #sf_plugins_excel a{width:27px;background-position:-187px 0px;} #sf_plugins_excel a:hover{background-position:-187px -23px;} #sf_plugins_word a{width:27px;background-position:-217px 0px;} #sf_plugins_word a:hover{background-position:-217px -23px;} .ig_tbl_line iframe{width:160px;} /************************************* === BOS Slideshow === **************************************/ #home_slide #pics { width: 970px!important; height: 280px!important; z-index:1; } #home_slide #pics .slideitem{ display:none; /*width: 970px!important; height: 280px!important;*/ } #home_slide #pics .slideitem:first-child{ display:block; } #home_slide { margin-bottom: 15px; } .slidetext { font-weight: bold; font-size: 1.5em; line-height: 1.5em; color: #fff; text-align: center; background: #484848; width: 325px; height: 280px; float: left;} .content .slidetext a { color: #fff; text-decoration: none; padding-top: 75px; display: block; background: none; font-size:0.9em; } .slideimage { height: 280px;} #slideshow { margin: 0; padding: 0; width: 645px; height: 280px; background: #fff; position: absolute; top: 30px; left: 15px; z-index: 3;} #slideshow a {border:0px none;} #slideshow img{display:none;} #slideshow img:first-child{display:inline;} /************************************* === BOS content style here === **************************************/ /* ###### layout control ####### */ #Table1{width:806px;} .bos_contents { background-color:#ffffff; border-left:#f1d6ad solid 1px; text-align: left; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; color: #974806; /**472310**/ font-weight: normal; font-size: 1.0em; text-decoration: none; } .bos_contents a { color: #974806; /**933b0b**/ text-decoration: none; } .bos_contents a:hover { color: #dea331; /**598041**/ text-decoration: underline; } .bos_contents a:visited { color: #dea331; /**#845308**/ text-decoration: underline; } .bos_contents p { padding-top:5px; padding-bottom:5px; /*text-align: left;*/ } /* Listen, text-only, print, text size icon band ends here */ /* h2 class to hide text for bos banner*/ .no_show { position:absolute; margin-left: -5000px; } /*clerk*/ #clerk_box li{ list-style: outside; list-style:disc; padding-left: 5px; } #clerk_box { width: 236px; float: left; } #clerk_box_1 { background-image:url(../images/bdsupvrs/template/clerk_box1.gif); background-repeat:no-repeat; width: 236px; height: 30px; } #clerk_box_2 { background-image:url(../images/bdsupvrs/template/clerk_box2.gif); background-repeat:no-repeat; width: 236px; height: 30px; } #clerk_box_3 { background-image:url(../images/bdsupvrs/template/clerk_box3.gif); background-repeat:no-repeat; width: 236px; height: 30px; } #clerk_box_4 { background-image:url(../images/bdsupvrs/template/clerk_box4.gif); background-repeat:no-repeat; width: 236px; height: 30px; } .clerk_box_btm { background-image:url(../images/bdsupvrs/template/clerk_box_btm.gif); background-repeat:no-repeat; width: 236px; height: 10px; padding-bottom: 10px; display:none; } #clerk_right img, #sup_right img {/*padding: 0 0 0 5px;*/} #clerk_right ul, #clerk_right li {list-style:disc;} #clerk_right ul li, #sup_right ul li {list-style:disc;list-style-position:inside;} #clerk_right ol, #clerk_right li {list-style:decimal;} #clerk_right ol li, #sup_right ol li {list-style:decimal;} /* boa */ #boa_box_1 { background-image:url(../images/bdsupvrs/template/boa_box1.gif); background-repeat:no-repeat; width: 236px; height: 30px; } #boa_box_3 { background-image:url(../images/bdsupvrs/template/boa_box3.gif); background-repeat:no-repeat; width: 236px; height: 30px; } #boa_box_4 { background-image:url(../images/bdsupvrs/template/boa_box4.gif); background-repeat:no-repeat; width: 236px; height: 30px; } #boa_box_5 { background-image:url(../images/bdsupvrs/template/boa_box5.gif); background-repeat:no-repeat; width: 236px; height: 30px; } #boa_box_6 { background-image:url(../images/bdsupvrs/template/boa_box6.gif); background-repeat:no-repeat; width: 236px; height: 30px; } /* meeting */ #mtg_box_1 { background-image:url(../images/bdsupvrs/template/mtg_box1.gif); background-repeat:no-repeat; width: 236px; height: 30px; } .colortd {background-color:#eae2dc; padding:3px;} /* legislation introduced */ #legintro_box_1 { background-image:url(../images/bdsupvrs/template/legintro_box1.gif); background-repeat:no-repeat; width: 236px; height: 30px; } /* Communications */ #communications_box_1 { background-image:url(../images/bdsupvrs/template/communications_box1.gif); background-repeat:no-repeat; width: 236px; height: 30px; display:none; } /* legislation passed */ #resolutions_box_1 { background-image:url(../images/bdsupvrs/template/resolutions_box1.gif); background-repeat:no-repeat; width: 236px; height: 30px; } #ordinances_box_2 { background-image:url(../images/bdsupvrs/template/ordinances_box2.gif); background-repeat:no-repeat; width: 236px; height: 30px; } #motions_box_3 { background-image:url(../images/bdsupvrs/template/motions_box3.gif); background-repeat:no-repeat; width: 236px; height: 30px; } /* faq */ #faq_box_1 { background-image:url(../images/bdsupvrs/template/faq_box1.gif); background-repeat:no-repeat; width: 236px; height: 30px; } /* request info */ #request_box_1 { background-image:url(../images/bdsupvrs/template/request_box1.gif); background-repeat:no-repeat; width: 236px; height: 30px; } /* forms */ #forms_box_1 { background-image:url(../images/bdsupvrs/template/forms_box1.gif); background-repeat:no-repeat; width: 236px; height: 30px; } /* agenda */ #agenda_box_1 { background-image:url(../images/bdsupvrs/template/agendas_box1.gif); background-repeat:no-repeat; width: 350px; height: 30px; } /* minute */ #minute_box_1 { background-image:url(../images/bdsupvrs/template/minutes_box1.gif); background-repeat:no-repeat; width: 350px; height: 30px; } .agenda_box { width: 350px; margin: 10px 0px 10px 10px; } /* votes */ #votes_box_1 { background-image:url(../images/bdsupvrs/template/votes_box1.gif); background-repeat:no-repeat; width: 236px; height: 30px; } address {font-style:normal;} /* supervisors page menu box on the left */ #sup_box { width: 180px; float: left; } #sup_box_head { background-image:url(../images/bdsupvrs/template/sup_boxhead.gif); background-repeat:no-repeat; width: 180px; height: 30px; } #sup_right p{ padding-bottom:5px; padding-top:0; line-height:1.5em; } #sup_box li{ list-style: outside; list-style:disc; padding-left: 3px; } .sup_box_btm { background-image:url(../images/bdsupvrs/template/sup_box_btm.gif); background-repeat:no-repeat; width: 180px; height: 10px; padding-bottom: 10px; } #sup_right .sup_name { color: #686868; font-size: 3.7em; font-weight: initial; padding: 20px 0 0; } #sup_right .sup_district { color: #b1b1b1; font-size: 2em; font-weight: initial; letter-spacing: 2px; padding-bottom: 35px; padding-top:5px; } /*menu box for general purpose *can be used with #clerk_box .clerk_box_mid .clerk_box_btm and #general_right */ #blank236_menu_box{ background-image:url(../images/bdsupvrs/template/blank236_box_1.gif); background-repeat:no-repeat; width: 236px; height: 30px; } /*can use together with #sup_box .sup_box_mid .sup_box_btm #general_right */ #blank180_menu_box{ background-image:url(../images/bdsupvrs/template/blank180_box_1.gif); background-repeat:no-repeat; width: 180px; height: 30px; } /* ###### contents control text size S ####### */ .bos_heading { font-weight: bold; font-size:1.0em; color:#663b30; clear: both; padding-bottom:5px; } /* homepage left side map supervisors name & district# */ /* #bos_map_mid { background-image:url(../images/bdsupvrs/home/bdsupvrs_map_back2.gif); background-repeat:repeat-y; padding-top: 10px; width: 373px; font-size: 0.85em; line-height:1.4em; position: relative; height: 420px; } */ #bos_president{position:absolute; top:405px;} /* 3 agencies on the left side - shoule be same font with bos_homeright */ .brownheader { font-family: "Times New Roman", Times, serif; font-size: 1.0em; font-weight: bold; color:#763410; } /* .clerk_box_mid { background-image:url(../images/bdsupvrs/template/clerk_box_backg.gif); background-repeat:repeat-y; padding: 20px; width: 200px; font-size: 0.85em; } */ /* meeting box for bos general */ .meeting_box { float: left; margin-right: 30px; width:45%; } .meeting_box_top { background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #000; height: 40px; } .meeting_box_top span { font-weight: normal; font-size:1.2em; color: #000; } .meeting_box_mid { /*background-image:url(../images/bdsupvrs/template/meeting_box_backg.gif);*/ background-repeat:repeat-y; padding-top: 20px; /*width: 400px;*/ font-size: 1em; display:inline-block; } .meeting_box_mid ul, .meeting_box_mid li {list-style:disc;} .meeting_box_mid ul li {list-style:disc;} .meeting_box_mid ul li a {/*font-size:0.9em;*/ line-height:1.5em;} .meeting_box_mid ul li a:hover {color:#dea331; border-bottom:1px dotted #dea331;} .meeting_box_mid ul li a:focus,.meeting_box_mid ul li a:active {background-color:#f2f2f2;} .meeting_box_mid ul li a:visited {text-decoration:none;} .meeting_box_years{ float:left; border-right: 1px dotted #974806; padding:0 10px; } .meeting_box_meetings{ float:left; padding-left: 20px; } .meeting_box_btm { background-repeat:no-repeat; width: 300px; height: 10px; padding-bottom: 10px; } #clerk_right { /*background-image:url(../images/bdsupvrs/template/content_btm.jpg); background-repeat:no-repeat; background-position:bottom right;*/ margin: 0px 0px 5px 5px; font-size: 1.0em; text-decoration: none; width:97%; padding-right: 15px; } /* legislation contents */ #legintro_contents { background-color:#ffffff; width: 760px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333; font-weight: normal; font-size: 1.0em; text-decoration: none; margin: 20px 20px 50px 20px; } /* 3rd level contents */ #bdsupvrs_contents { width: 750px; font-size: 1.0em; text-decoration: none; margin: 10px 5px 50px 10px; } #bdsupvrs_contents ul li { list-style:inside disc; padding-left: 20px;} #sup_menu ul li { list-style: none; list-style-type:none; list-style-position:outside; } /* 3rd level title */ #thirdlevel_title { background-color:#ffffff; width: 600px; font-family: "Times New Roman", Times, serif; color: #663b30; font-weight: bold; font-size: 1.2em; padding: 10px 0 0 20px } #meeting_title { background-color:#ffffff; width: 600px; font-family: "Times New Roman", Times, serif; color: #663b30; font-weight: bold; font-size: 1.6em; padding: 10px 0 0 0px } /* supervisors page style */ .sup_box_mid { background-image:url(../images/bdsupvrs/template/sup_box_backg.gif); background-repeat:repeat-y; padding: 10px 5px 10px 0px; width: 180px; font-size: 0.85em; } #sup_right { /*background-image:url(../images/bdsupvrs/template/content_btm.jpg); background-repeat:no-repeat; background-position:bottom right; padding-bottom:200px; */ width: 100%; float: right; margin: 0px; } /* for page not using any sub hader image */ #general_right { /*background-image:url(../images/bdsupvrs/template/content_btm.jpg); background-repeat:no-repeat; background-position:bottom right;*/ width: 500px; float: right; /*margin: 16px 10px 5px 0px;*/ font-size: 1.0em; text-decoration: none; /*padding-bottom:200px;*/ } /* this was added by Bill for the redesigned 'Current BOS members page'*/ #fourthlevel_title { background-color:#ffffff; width: 600px; font-family: "Times New Roman", Times, serif; color: #663b30; font-weight: bold; font-size: 1.2em; padding: 10px 0 0 0; } .sup_box_mid_form{ text-align:left; font-size:10px; } .sup_box_mid iframe{ margin:0;padding:0; } .font_sizeplus3{ font-size:30px; line-height:35px; } .font_sizeplus2{ font-size:25px; line-height:30px; } .font_sizeplus1{ font-size:18px; line-height:23px; } /* styles for PUBLIC NOTICE */ /*.bos_public_notice .meeting_box_top{background-image:url(../_gfx/public_notice_template/bos_public_top.gif);} .bos_public_notice .meeting_box_mid{background-image:url(../_gfx/public_notice_template/bos_public_mid.gif);} .bos_public_notice .meeting_box_btm{background-image:url(../_gfx/public_notice_template/bos_public_btm.gif);} .budget_public_notice .meeting_box_top{background-image:url(../_gfx/public_notice_template/budget_public_top.gif);} .budget_public_notice .meeting_box_mid{background-image:url(../_gfx/public_notice_template/budget_public_mid.gif);} .budget_public_notice .meeting_box_btm{background-image:url(../_gfx/public_notice_template/budget_public_btm.gif);} .assessment_public_notice .meeting_box_top{background-image:url(../_gfx/public_notice_template/aab_public_top.gif);} .assessment_public_notice .meeting_box_mid{background-image:url(../_gfx/public_notice_template/aab_public_mid.gif);} .assessment_public_notice .meeting_box_btm{background-image:url(../_gfx/public_notice_template/aab_public_btm.gif);} .lafco_public_notice .meeting_box_top{background-image:url(../_gfx/public_notice_template/lafco_public_top.gif);} .lafco_public_notice .meeting_box_mid{background-image:url(../_gfx/public_notice_template/lafco_public_mid.gif);} .lafco_public_notice .meeting_box_btm{background-image:url(../_gfx/public_notice_template/lafco_public_btm.gif);} .youth_public_notice .meeting_box_top{background-image:url(../_gfx/public_notice_template/youth_public_top.gif);} .youth_public_notice .meeting_box_mid{background-image:url(../_gfx/public_notice_template/youth_public_mid.gif);} .youth_public_notice .meeting_box_btm{background-image:url(../_gfx/public_notice_template/youth_public_btm.gif);}*/ .bos_public_notice .meeting_box_top, .bos_public_notice .meeting_box_mid, .bos_public_notice .meeting_box_btm, .budget_public_notice .meeting_box_top, .budget_public_notice .meeting_box_mid, .budget_public_notice .meeting_box_btm, .assessment_public_notice .meeting_box_top, .assessment_public_notice .meeting_box_mid, .assessment_public_notice .meeting_box_btm, .lafco_public_notice .meeting_box_top, .lafco_public_notice .meeting_box_mid, .lafco_public_notice .meeting_box_btm, .youth_public_notice .meeting_box_top, .youth_public_notice .meeting_box_mid, .youth_public_notice .meeting_box_btm {width:760px;} .bos_public_notice .meeting_box, .budget_public_notice .meeting_box, .assessment_public_notice .meeting_box, .lafco_public_notice .meeting_box, .youth_public_notice .meeting_box{margin-right:0;} .bos_public_notice .meeting_box { width:100%; } /************************* Additional Styles ***************************/ body { background: #F0F0F0; } .header { background-color:transparent; background-image: none; clear:none; margin:0px; float:right; width:auto; height:auto; } .searchbox{height:35px;width:324px;padding:0;margin:0;margin-top:-25px; vertical-align:middle;} .searchbox_textbox{background:#F6F6F6;width:215px;height:30px;border:0;vertical-align:middle;margin-left:-25px;line-height:30px;} .searchbox_button{margin-left: -1px;height: 34px;margin-bottom: -13px;margin-left: -1px;} .mainSpan{margin-top:0;background:none;} .sf311 { border-top: 1px solid #ddd; background: #fff; font-size: 0.85em; padding: 12px 0; text-align: center; border-radius: 0 0 10px 10px; } .sf311 img { margin: 0 5px 0 2px; vertical-align: middle; } .sf311 a {color:#1875b6;} #sf_footer{margin-top:30px;} #zone-wrapper img, #sf_footer img{border:0;} #sf_footer img {margin-bottom: 10px;} .copyright { font-size: 70%; color: rgb(103, 123, 135); font-family: sans-serif; } .mainSpan_wrapper, .mainSpan_wrapper_home, .mainSpan_wrapper_noleftnav, .mainSpan_wrapper_review{position:relative;} #agencytitle{position:absolute;top:0;} #agencytitle span{visibility:hidden;} #agencytitle a { color:#fff; font-size: 20px; text-decoration: none;} p.site-name {margin: 0 0 32px 10px;} .site-name a { color: #fff; font-size: 24px; text-decoration:none; font-family: sans-serif; font-weight: bold; line-height: 1.3; text-shadow: 2px 2px 0 #2E2E2E; } .site-city-slogan img {margin-bottom: 5px;} .logo-img img {margin: 15px 0 10px;} #dropdownmenu {clear:both;} /**.header-wrapper{width:974px;height:58px;background:transparent url("../_gfx/sfgov/dropdownmenu.png") bottom left repeat-x;padding-bottom:40px;}**/ #home_slide_wrapper { padding: 0 10px; } #home_slide { height: 280px; padding: 10px 0; box-shadow: 0 1px 1px 2px rgba(255, 255, 255, 1) inset; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background: #686868 url(/profiles/opensf/themes/opensf_omega/img/bg-home-rotator4.png) repeat-x; background: -moz-linear-gradient(top,#686868 0%,#484848 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#686868),color-stop(100%,#484848)); background: -webkit-linear-gradient(top,#686868 0%,#484848 100%); background: -o-linear-gradient(top,#686868 0%,#484848 100%); background: -ms-linear-gradient(top,#686868 0%,#484848 100%); background: linear-gradient(to bottom,#686868 0%,#484848 100%); position: relative; } .slidetext { margin: 0; padding: 0 10px; overflow: hidden; background-color: transparent; width: 275px; } .slidetext a { display: block; margin: 0 1em; } .slideimage { margin: 0; padding: 0; width: 645px; overflow: hidden; float: left; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #fff; } #home_slide #pics { width: 100% !important; } #pager_wrapper { width: 275px; position: absolute; top: 80%; left: 10px; text-align: center; z-index: 5; } #pager_wrapper .inner-wrapper { display: inline-block; margin: 0 auto; } #pager { height: 24px; position: static; float: left; padding-right: 5px; } #pager a { height: 18px; background: url("../_gfx/cmn/sprite.png") repeat-x 0 0; width: 18px; text-indent: -9000px; margin: 0 5px; display:inline-block; overflow:hidden; text-decoration: none; } #pager a.activeSlide { background:url("../_gfx/cmn/sprite.png") repeat-x -38px 0; } #pager a:focus { outline: none;} #control_wrapper, #home_slide_controls { border-left: none; height: 24px; position: static; float: left; padding-left: 0; } #home_slide_controls .pause { background: url("../_gfx/cmn/playpause.png") no-repeat 0 0 transparent; height: 24px; width: 18px; display: block; } #home_slide_controls .resume { background: url("../_gfx/cmn/playpause.png") no-repeat 0 -36px transparent; height: 24px; width: 18px; display: block; } .connect-block li.fb a, .connect-block li.facebook a { background: url("../_gfx/home/sprite-sm.png") no-repeat -145px 0px;} .connect-block li.linkedin a { background: url("../_gfx/home/sprite-sm.png") no-repeat -220px 0px;} .connect-block li.youtube a { background: url("../_gfx/home/sprite-sm.png") no-repeat -73px 0px; margin-left: 13px;} .connect-block li.twitter a { background: url("../_gfx/home/sprite-sm.png") no-repeat 0 0;} .connect-block li.last-fm a { background: url("../_gfx/home/sprite-sm.png") no-repeat 0 -87px;} .connect-block li.rss a { background: url("../_gfx/home/sprite-sm.png") no-repeat -293px 0;} .connect-block li.vimeo a { background: url("../_gfx/home/sprite-sm.png") no-repeat -73px -87px;} .connect-block li.virb a { background: url("../_gfx/home/sprite-sm.png") no-repeat -145px -87px;} .connect-block li.picasa a { background: url("../_gfx/home/sprite-sm.png") no-repeat -220px -87px;} .connect-block li.my-space a { background: url("../_gfx/home/sprite-sm.png") no-repeat -294px -87px;} .connect-block li.delicious a { background: url("../_gfx/home/sprite-sm.png") no-repeat 0 -182px;} .connect-block li.tumblr a { background: url("../_gfx/home/sprite-sm.png") no-repeat -73px -182px;} .connect-block li.flickr a { background: url("../_gfx/home/sprite-sm.png") no-repeat -144px -182px;} .connect-block li a { display: block; height: 32px; padding: 0; text-indent: -9000px; width: 32px; } .connect-block li{ float: left; list-style-image: none !important; list-style-type: none !important; margin: 8px -10px 0 5px; text-align: left; } #find a {color: #974806;} #find a:hover {color: #dea331;} #stay-connected { background-color: #f2f2f2; border: 1px solid #d1d1d1; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 1); box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 1); margin-bottom: 1.5em; } #stay-connected h2 { background: transparent; border-bottom: 0px none; color: #373737; font-size: 1.3em; text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px 1px #fff; padding: 0 0 0.7em 0.7em; margin-bottom: 0; float: none; border-top: none; text-align: left; } #stay-connected ul { background: #fff; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 auto 1em; padding: .5em .5em 1em; float: none; max-width: 90%; } #stay-connected li { margin: 8px .5em 0 0; text-align: left; float: left; width: 32px; } #stay-connected li a { margin: 0 0 0 7px; } #stay-connected li.fb a, #stay-connected li.facebook a { background: url("../_gfx/home/sprite-sm.png") no-repeat -145px 0px;} #stay-connected li.linkedin a { background: url("../_gfx/home/sprite-sm.png") no-repeat -220px 0px;} #stay-connected li.youtube a { background: url("../_gfx/home/sprite-sm.png") no-repeat -73px 0px;} #stay-connected li.twitter a { background: url("../_gfx/home/sprite-sm.png") no-repeat 0 0;} #stay-connected li.last-fm a { background: url("../_gfx/home/sprite-sm.png") no-repeat 0 -87px;} #stay-connected li.rss a { background: url("../_gfx/home/sprite-sm.png") no-repeat -293px 0;} #stay-connected li.vimeo a { background: url("../_gfx/home/sprite-sm.png") no-repeat -73px -87px;} #stay-connected li.virb a { background: url("../_gfx/home/sprite-sm.png") no-repeat -145px -87px;} #stay-connected li.picasa a { background: url("../_gfx/home/sprite-sm.png") no-repeat -220px -87px;} #stay-connected li.my-space a { background: url("../_gfx/home/sprite-sm.png") no-repeat -294px -87px;} #stay-connected li.delicious a { background: url("../_gfx/home/sprite-sm.png") no-repeat 0 -182px;} #stay-connected li.tumblr a { background: url("../_gfx/home/sprite-sm.png") no-repeat -73px -182px;} #stay-connected li.flickr a { background: url("../_gfx/home/sprite-sm.png") no-repeat -144px -182px;} #stay-connected li a { display: block; height: 32px; padding: 0; text-indent: -9000px; width: 32px; } #stay-connected li.rss a { background: url("../_gfx/home/social-media-flat/rss.gif") no-repeat; } #stay-connected li.twitter a { background: url("../_gfx/home/social-media-flat/twitter.gif") no-repeat; } #stay-connected li.fb a, #stay-connected li.facebook a { background: url("../_gfx/home/social-media-flat/facebook.gif") no-repeat; } #stay-connected li.youtube a { background: url("../_gfx/home/social-media-flat/youtube.gif") no-repeat; } #twitter-updates { border: 1px solid #d1d1d1; border-radius: 6px; background-color: #eeeeee; box-shadow: 0 0 0 2px #ffffff inset; margin-bottom: 2em; } #twitter-updates h2 { border-bottom: 0px none; color: #373737; font-size: 1.3em; text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px 1px #fff; padding: 0.7em 0.7em 0.2em; padding-bottom: 0; margin: 0; float: none; border-top: none; text-align: left; background: transparent; } #google_translate_element a, #google_translate_element span{display:inline;padding:0;} #google_translate_element { text-align: center; background-color: #f2f2f2; background-image: none; border: 1px solid #d1d1d1; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 1); box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 1); margin: -7px 0 0 0; padding: 15px 0 10px; } #google_translate_element.sub a, #google_translate_element.sub span{display:inline;padding:0;} #google_translate_element.sub { text-align: center; background-color: #f2f2f2; background-image: none; border: 1px solid #d1d1d1; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 1); box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 1); margin: 15px 10px 0px 0; padding: 15px 0 10px; } /*****CONTENT AREA*****/ #ctl00_content_Screen {margin: 0px 8px;} #ctl00_content {padding-right:15px;} #ctl00_content_Screen ul li {} #col_span_2_of_3 {float: left; width: 68%;} /*****DISTRICT INFORMATION & OUR MISSION*****/ #col_1 {float: left; width: 45%;padding: 0 0 0 8px;} #col_1 h4 { background: linear-gradient(to bottom, #eee 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #d1d1d1; border-top: 2px solid #974806; color: #373737; font-weight: normal; line-height: 1.5; margin-bottom: 1em; padding: 12px 0 12px 10px; text-transform: uppercase; } /*****President of the Board*****/ #col_1 h5 { color:#373737; line-height:1.5em; font-weight: normal; padding: 12px 0 0 38px; } /*****OUR MISSION*****/ .our_mission {float: left; width: 100%;margin-top:1px;} /*****HIGHLIGHTS & RELATED LINKS*****/ #col_2 {float: left; width: 45%;} #col_2 h4 { background: linear-gradient(to bottom, #eee 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #d1d1d1; border-top: 2px solid #974806; color: #373737; font-weight: normal; line-height: 1.5; margin-bottom: 1em; padding: 12px 0 12px 10px; text-transform: uppercase; } #col_2 { padding:0 0 0 28px; } /*****HIGHLIGHT - What's New*****/ .news ul li {font-size: 0.9em; line-height: 1.9em; font-weight:bold; list-style-position:inside;} .news a {color: #974806;} .news a:hover {color: #dea331;}*/ .more-news {font-weight: bold; font-size: 0.9em; } .news {float: left; width: 100%;} /*****HIGHLIGHT - Most Requested*****/ .requested ul li {font-size: 1em; line-height: 2em; font-weight:normal; list-style:none outside none;} .sf-nav-more {font-weight: bold; font-size: 0.9em; } .sf-nav-less {font-weight: bold; font-size: 0.9em; } .requested {float: left; width: 100%;} /*****RELATED LINKS*****/ #related a {color: #974806; font-size: 0.9em;} #related a:hover {color: #dea331;} #sfa {line-height: 2em;} .related_link {float: left; width: 100%;margin-top:11px;} .survey {float: left; width: 100%;} /*****DIVISIONS*****/ #col_span_1_of_3 {float: right; width: 33%;margin-right: -10px;} #col_3 {float: left; width: 95%;} #col_3 h4 { background: linear-gradient(to bottom, #eee 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #d1d1d1; border-top: 2px solid #974806; color: #373737; font-weight: normal; line-height: 1.5; margin-bottom: 1em; padding: 12px 0 12px 10px; text-transform: uppercase; } #divisions_list a {color: #974806; font-size: 0.9em;} #divisions_list a:hover {color: #dea311;} /************************************* === First Level Pages Image style === **************************************/ #bos_img {border: 3px solid #d8d8d8; float: left; width: 242px; height: 184px; margin-right: 35px; margin-bottom: 30px; border-radius: 10px;} /************************************* === Meetings Committees Pages Image style === ************************************* #sup_img {height: 132px; width: 100px; border: 1px solid #d8d8d8;border-radius: 10px;margin: 0 10px 10px;}*/ /************************************* === Supervisor Landing Pages style === **************************************/ #Mar_img {border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #974806; padding: 8px 8px 0px; float: right; width: 306px; height: 248px; margin: 35px 15px 15px 35px;} #Farrell_img {border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #974806; padding: 8px 8px 0px; float: right; width: 306px; height: 248px; margin: 35px 15px 15px 35px;} #Christensen_img {border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #974806; padding: 8px 8px 0px; float: right; width: 306px; height: 248px; margin: 35px 15px 15px 40px;} #Tang_img {border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #974806; padding: 8px 8px 0px; float: right; width: 306px; height: 248px; margin: 35px 15px 15px 35px;} #Breed_img {border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #974806; padding: 8px 8px 0px; float: right; width: 306px; height: 248px; margin: 35px 15px 15px 35px;} #Kim_img {border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #974806; padding: 8px 8px 0px; float: right; width: 306px; height: 248px; margin: 35px 15px 15px 35px;} #kim_staff {width: 440px; height:294px;float:right;margin:15px;} #Yee_img {border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #974806; padding: 8px 8px 0px; float: right; width: 306px; height: 248px; margin: 35px 15px 15px 35px;} #Wiener_img {border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #974806; padding: 8px 8px 0px; float: right; width: 306px; height: 248px; margin: 35px 15px 15px 35px;} #Campos_img {border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #974806; padding: 8px 8px 0px; float: right; width: 306px; height: 248px; margin: 35px 15px 15px 35px;} #Cohen_img {border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #974806; padding: 8px 8px 0px; float: right; width: 306px; height: 248px; margin: 35px 15px 15px 35px;} #Avalos_img {border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #974806; padding: 8px 8px 0px; float: right; width: 306px; height: 248px; margin: 35px 15px 15px 35px;} .mainSpan_wrapper .container .content .current_bdsupvrs:hover {border-bottom:0 none;} #Mar_newsletter {width:564px; height:246px; margin: 5px; border-width: 0px; border-style: solid; border-radius: 10px;} /************************************* === Divisions Pages style === **************************************/ #assessment_logo {width: 60px; height: 60px; margin-right: 35px; float: left; border:0;} #budget_logo {width: 60px; height: 60px; margin-right: 35px; float: left; border:0;} #youth_logo {width: 60px; height: 60px; margin-right: 35px; float: left; border:0;} #sun_logo {width: 60px; height: 60px; margin-right: 35px; float: left; border:0;} #hr {padding: 20px 0;} .mobile_img {margin:15px; float: right;} /************************************************************************** === Sunshine Ordinance > Meeting Information > Regularly Scheduled SOTF Meetings style === ***************************************************************************/ .SOTF_year {width: 500px;} .SOTF_month {width: 50%;} .SOTF_date {width: 50%;} .list_style {list-style: disc inside none;}