@charset "utf-8";
/* CSS Document */
/************************************************
This is the custom style sheet for bos, containing styles that will be customized for each project.
************************************************/
/**********************************************************************************************
Base font style and size set here
************************************************/
body {
	border: none;
	margin: 0px;
	padding: 0px 0 0 0px;
	background: #ebebeb;
	text-align: center;
	}

table img { margin: 0px 10px 10px 10px; border-radius:10px;}
.meeting_box th { background: none !important; }
.meeting_box_meetings li { list-style: none !important; text-align:left; }
th.meeting_box_meetings { width:63%; }
tr.meeting_box_mid { width:100% !important; }

.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;
    /*border-width: 1px 1px medium;*/
    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;	
	/*line-height:16px;*/
	/**color: #000000;**/}
a img {border: 0;}
a {color: #974806;}/* this color will overwrite base.css "a" color */
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; /**#bc744d;**/ 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;
	}

/* Default error reporting style */
.error_message { 
	color: #c60;
	font-weight:bold;	}

/* Use :after instead of clear:both because IE adds a space with clear:both */
.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 {/*display:inline-block;*/}

/* Hide from IE-mac \*/
* 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 {/*display:block;*/}
/* End hide from IE-mac \*/

/* Containing frame for the site */
.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;}

/*********************************************
		WIDTH CONTAINER & CONTENT WRAPPERS
********************************************/

.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-position: right top;
    background-repeat: repeat-y;
    padding: 0;
    background-color: #fff;
}

.mainSpan_wrapper_noleftnav .width_container {background-image:none;}

.footer_wrapper {/*margin-top:50px;*/}
.mainSpan_wrapper_home .width_container {background-image:none;}

.mainSpan_wrapper_home .width_container, .mainSpan_wrapper_noleftnav .width_container{ 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{/**//*background: no-repeat right bottom #fff;*/ 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;}

/************************************************
Header: contains search, top links, site logo 
************************************************/

/* Section 508 skip navigation menu */
.skipnav { 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:10;}
.skipnav img {border:0px; width:1px; height:1px; display:block; float:left;}

.searchbox {
	/*background: #efefef;*/
	float: right;
	width: 188px;
	height: 30px;
	right: 0px;
	/*position: absolute;*/
	top: 0;
	padding: 0;
}

.searchbox_textbox {
	/*font-size: 14px; 
	color: #666;*/
	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;
} 

/************************************************
Content header:  page title, breadcrumb, printer friendly link
************************************************/

/* Page content container */
#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;}

/* 081914 Changes - Restyling Subpage Sidebar -------------
---------------------------------------------------------*/

.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 {padding-left:20px; text-decoration:none;}
.rss a:hover {text-decoration:none;}
/************************************************
Content: main content area
************************************************/

/* Content: padding should be on content class NOT container */
.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; 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 { width: 90%;color:#aba28f; font-size:9px; margin: 20px auto 0px auto; text-align:right; display: none;}
.paging {margin-top:10px; margin-bottom:10px;}

/* NoLeftNav pages */
.mainSpan_wrapper_noleftnav .container {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:972px;}
.mainSpan_wrapper_noleftnav .contentheader {/*display:block;*/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 .title_left {float:left; width:60%;}
.mainSpan_wrapper_noleftnav .title_right {background: none; float:right; width:210px; padding:0px 10px 0px 0px; }
.mainSpan_wrapper_noleftnav .fix_intheight { float: right; width: 0px; height: 300px;}*/
.mainSpan_wrapper_noleftnav .content {position:relative;padding: 40px 30px 30px 30px; /*border-top:5px solid #2a6477;*/}

/* Home pages */
.mainSpan_wrapper_home .container {width:972px; padding:0; margin:0;}

/*.mainSpan_wrapper_home .fix_intheight { display: none;}*/

.mainSpan_wrapper_home .content {
	/**padding-bottom:15px;**/
	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%}

/* Review and error pages */
.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; 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-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 { 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 { 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 {	}
.backtotoplink {padding:10px 0 10px 5px; font-size: 10px;}

/************************************************
Link List
************************************************/
.link_name a {padding-left:10px;  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-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;  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;  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;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-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;
	}
	
#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-repeat:no-repeat;}
#sf_plugins_title {
	width:97px;
	background-position:0px 0px;
	height: 23px;
}
#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-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
#clerk_box_2 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
#clerk_box_3 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
#clerk_box_4 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
.clerk_box_btm {
	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-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
#boa_box_3 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
#boa_box_4 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
#boa_box_5 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
#boa_box_6 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}

/* meeting */
#mtg_box_1 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}

.colortd {background-color:#eae2dc; padding:3px;}

/* legislation introduced */
#legintro_box_1 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}

/* Communications */
#communications_box_1 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
	display:none;
}

/* legislation passed */
#resolutions_box_1 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
#ordinances_box_2 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
#motions_box_3 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
/* faq */
#faq_box_1 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
/* request info */
#request_box_1 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
/* forms */
#forms_box_1 {
	background-repeat:no-repeat;
	width: 236px;
	height: 30px;
}
/* agenda */
#agenda_box_1 {
	background-repeat:no-repeat;
	width: 350px;
	height: 30px;
}
/* minute */
#minute_box_1 {
	background-repeat:no-repeat;
	width: 350px;
	height: 30px;
}
.agenda_box {
	width: 350px;
	margin: 10px 0px 10px 10px;
}
/* votes */
#votes_box_1 {
	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-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-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-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-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-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-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-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 {
	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-repeat:repeat-y;
	padding: 10px 5px 10px 0px;
	width: 180px;
	font-size: 0.85em;
}
#sup_right {
	padding-bottom:200px;	
	width: 100%;
	float: right;
	margin: 0px;
}
/* for page not using any sub hader image */
#general_right {
	width: 500px;
	float: right;
	font-size: 1.0em;
	text-decoration: none;
}
/* 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;
}


.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: 0;}

#dropdownmenu {clear:both;}


#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 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;
	width: 18px;
	text-indent: -9000px;
	margin: 0 5px;
	display:inline-block;
	overflow:hidden;
	text-decoration: none;	
}

#pager a.activeSlide {
}
	
#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 {
	height: 24px;
	width: 18px;
	display: block;
}


#home_slide_controls .resume {
	height: 24px;
	width: 18px;
	display: block;
}

.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 a {
    display: block;
    height: 32px;
    padding: 0;
    text-indent: -9000px;
    width: 32px;
}


#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;}

/* added 8/12 as part of bos archive project */
#container.container { background: #fff;}
.header-wrapper > div { width: 970px; height: 35px; left: 0 !important; bottom: 0 !important; }
.header-wrapper > div a { display: block; height: 100%; padding: 8px 0 0 10px; }

div#Title_Screen_breadcrumb_breadcrumbWrapper { display:none; }

/*************************************
=== Mobile style ===
**************************************/
body div#zone-branding { width:970px; }
@media screen and (max-width:991px) {
                body a.mobile1 { margin-top:20px !important; width: 96% !important; margin-top: -10px !important; background:white !important; padding-top:20px !important; padding-left:2% !important; padding-right:2% !important;}
                body #hgpage, body div#zone-branding, body .logo-img a img, body .mainSpan { width:100% !important; }
                body #hgpage { min-width:initial; }
                body .content, body .width_container, body a.header   { width:100% !important; }
                body .container  { padding: 2% !important; width:96% !important;}
                body .title_left { width:100% !important; }
                body #ctl00_leftColumn { width:100% !important; }
                body a.header { margin-top:0px !important; background:white !important; padding-top:10px; }
                body { overflow-x:hidden !important; }
                body .mainSpan { background:white !important;  }
                .header-wrapper img { width:100% !important; }
                body .mobilefixZ1 { position: static !important; margin-left:10px; margin-top:10px; height: auto;}
                body .meeting_box_meetings { float:none !important; width:100% !important; }
                body .meeting_box { clear:both !important;}
                body .meeting_box_mid { width:100% !important; }
                body .meeting_box { width: auto !important; }
                body .mainSpan_wrapper .width_container { background-image:none !important; }
				.ywfix { margin-top:0px !important; }
				body a.header { width:100% !important; }
				.addzindex { position:absolute; z-index:10000; }

                /* ant sites */
                body.zant .header-wrapper div { position: static !important; height: auto !important; width: 100% !important; }
                body.zant .breadcrumb_wrapper { display: none; }
/*                
                body.zant .header-wrapper div a { font-size: 16px; }
                body.zant .content { padding: 10px; width: auto !important; }
                body.zant dir { padding: 0; margin: 0; }
                body.zant #Title1_title_Screen { font-size: 16px; }
                body.zant .meeting_box span { font-size: 14px; }
                body.zant .meeting_box a { font-size: 14px; }
                body.zant .meeting_box_years a { font-size: 14px; }
                body.zant .title { width: 100% !important; }
*/

}
 
@media screen and (max-device-width: 995px){
  .header-wrapper a { font-size:45px; }
  h1#Title1_title_Screen { font-size:40px; }
  .meeting_box span { font-size:35px; }
  .meeting_box a { font-size:30px; }
  .meeting_box_years a { font-size:45px; }
}