@charset "utf-8";
/* CSS Document */
/************************************************
This is the custom style sheet, 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;}
table {	font-size: 11pt;}
table th {background-color:#fdedd6; color:#782E25; font-family:"Times New Roman", Times, serif; }
table td {vertical-align:top;}

body,td,th,p,select,li,ul,input,blockquote,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;	
	line-height:16px;
	color: #472310;}
a img {border: 0;}
a {color:#9b3b06;} /* this color will overwrite base.css "a" color */

a:hover img {border-bottom:0px;}
.mainSpan_wrapper .container .content a:hover {color:#598041; border-bottom:1px dotted #598041;}
.mainSpan_wrapper .container .content a:hover img {border-bottom:0px;}

.mainSpan_wrapper .container .content a:focus, .mainSpan_wrapper .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 {color:#bc744d; text-decoration:none;}

.division {padding: 0 30px 0 30px;}
.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:hover, #sf_footer .copyright a:hover {color:#598041;}
#sf_footer li a:focus, #sf_footer .copyright a:focus, #sf_footer li a:active, #sf_footer .copyright a:active {background-color:#fcf1e1;}

hr {color: #fcf1e1; background-color: #fcf1e1; display:block;}

/* 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-top:1px solid #fff;
	border-left:1px solid #F1D6AD;
	border-right:1px solid #F1D6AD;
	border-bottom:1px solid #F1D6AD;
	}
.mainSpan_wrapper_home .width_container, .mainSpan_wrapper_noleftnav .width_container{background:url(../_gfx/bos_images/bos_toolbar_backg.gif) top left no-repeat #fff;}
.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:url(../images/bdsupvrs/template/content_btm.jpg) no-repeat right bottom #fff;}

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

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

/* Page content container */
.mainSpan_wrapper .container {
	width: 782px;
	margin-top:0;
	vertical-align:top;
	float:right;
	overflow: hidden;
	padding-bottom:160px;}
.mainSpan_wrapper_home .contentheader {display:block; height: 40px;}
.mainSpan_wrapper .contentheader {height:129px; background:url(../_gfx/bos_images/about_header.jpg) no-repeat top left;}
.mainSpan_wrapper .contentheader_about {display:block; height: 129px; background:url(../_gfx/bos_images/about_header.jpg) 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: 5px 0px 0 0; font-size:11px;}
.contentheader_banner .breadcrumb_wrapper {}
.breadcrumb{padding: 20px 0 0 18px; z-index:5000;}
.breadcrumb a { color: #598041; text-decoration: none;border-bottom: 0 none;}
.breadcrumb a:hover{border-bottom:1px dotted #598041}
.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:#782E25;}
h2,h3,h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#8D352C;
}
.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 20px;
	margin:0px 0px 0px 0px;
	float: left;
	font-size:18px;
	font-weight:bold;
	line-height: 24px;
	color:#782E25;
}
.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: #782E25;}

.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;}
/************************************************
Content: main content area
************************************************/

/* Content: padding should be on content class NOT container */

.mainSpan_wrapper .content,
.mainSpan_wrapper_review .content {
padding: 0px 10px 0px 12px; overflow: hidden; margin-top:0;min-height:580px;
background: url(../_gfx/bos_images/contents_backg.gif) no-repeat 100px 0px;
}
.mainSpan_wrapper .content textarea,
.mainSpan_wrapper_noleftnav .content textarea,
.mainSpan_wrapper_review .content textarea {width:930px;}
.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 0px; }

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

/* NoLeftNav pages */
.mainSpan_wrapper_noleftnav .container {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:972px;}
.mainSpan_wrapper_noleftnav .contentheader {display:block;}
.mainSpan_wrapper_noleftnav .breadcrumb_wrapper {padding: 8px 10px 0 0; font-size:10px;}
.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;*/}

.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: 730px; border-bottom: solid 3px #C5E3FF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; padding:50px 15px 3px 15px; color: #01507f; 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: #01507f; 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 10px 10px 0px;}
.filter select {font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size:11px; width:180px;}
.timing {}
.listtable {width:100%; border:1px solid #782E25 !important; border-collapse:separate; margin: 10px 0;}
.listtable th {background-color: #782E25; padding:4px; font-size: 10px; font-weight: bold; text-align:left; color: #ffffff; text-transform:uppercase; border:0px;}
.listtable_header a {color:#ffffff;}
.listtable td {border:0; border-top:1px solid #c3bfa7; padding:4px; margin:0;}
.listtable tr:hover {background-color:#FDDAA4;}
.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: #d4d4d4 #949494 #828282 #c2c2c2;}
.listtable_checkboxcolumn {padding:0px; width:1px;}
.listtable_checkboxcolumn input {margin-left:-2px; margin-top:-3px;}
.listtable_row_on {background-color:#e4f1ff;}
.listtable_row_off {background-color:#ffffff;}

/************************************************
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 0px 0px; margin:0px 0px 2px 0px; width:95%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; font-weight: bold; color: #01639b;}
.component_subtitle {padding:0px 0px 0px 0px; margin:0px 0px 2px 0px; width:95%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; font-weight: normal; color: #01639b;}
.component_back {margin:0px 0px 10px 0px;}
.component_listitem {padding: 0 0 15px; width:400px;}
.component_listitem div {padding: 0 0 4px; width:550px; 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;}

/*****************************************
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 {}

/************************************************
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 ===
**************************************/
.slideshow {
	width: 972px;
	height:166px; 
	border-top: #fff solid 2px;
	border-bottom: #fff solid 2px;
	overflow:hidden;
	background:url(../_gfx/bos_images/slide_statement.jpg) top left #fff no-repeat;}
.slideimage {padding:0; float:right; height:150px; width:502px;}
.slideimage p{padding:0px;margin:0px}
.slideshow ul {margin:0;}
#pics{float:right;width:502px;height:150px;background:url(../_gfx/bos_images/bos_slide1.jpg) top left no-repeat;}
#pics .slideimage{display:none;}
#pics .slideimage:first-child{display:block;}
#slide_control{bottom:0; position:relative; clear:both; width:972px; height:16px;
background:url(../_gfx/bos_images/slide_control_backg.gif) repeat-x;}

#slide_control ul{width: 44px; margin-right:50px;}
#slide_control li { height: 16px; right:20px; float:right; list-style:none; margin:0; padding:0;text-indent:-9999px;cursor:pointer;}
#slide_back {background:url(../_gfx/bos_images/bos_slide_back.gif) no-repeat left; width:14px; height: 16px;}
#slide_stop{background: url(../_gfx/bos_images/bos_slide_pause.gif) no-repeat left; width: 15px;height: 16px;}
#slide_play{display:none;background:url(../_gfx/bos_images/bos_slide_play.gif) no-repeat left; width: 15px;height: 16px; list-style-image:none;}
#slide_forward {background:url(../_gfx/bos_images/bos_slide_forward.gif) no-repeat right; width: 14px; height: 16px; list-style-image:none;}

#slide_text {
float:left;
font-size:18px;
font-weight:bold;
line-height:20px;
padding:20px 0 0 33px;
width:400px;
}

span.tagline-our, .slideshow span.tagline-mis, .slideshow p { font-family: "Times New Roman", Times, serif; }	/*** font family -Fred***/

span.tagline-our {font-size:42px; color:#512800;}	/*** Mission heading -Fred***/
span.tagline-mis {font-size:62px; color:#ca2903;}	/*** Mission heading -Fred***/

.image_left {float:left; padding: 10px 10px 10px 0;}
.image_right {float:right; padding:  10px 0 10px 10px;}

.bos_homeright a, .bos_homeleft a {text-decoration: none; color:#763410;}
.bos_homeright a:hover, .bos_homeleft a:hover {color: #598041;}
.bos_homeright a:focus, .bos_homeright a:active, .bos_homeleft a:focus,.bos_homeleft a:active {background-color:#fcf1e1;}
/* homepage left side ///*/
.bos_homeleft {background-color:#ffffff; width: 450px; padding:15px 0 0 25px; float: left;}

.bos_map_box {width: 452px; float: left;}
.bos_map_head {background: url(../_gfx/bos_images/bos_mapbox_top.gif) no-repeat; width: 452px; height: 28px;}
.bos_map_mid {
	background: url(../_gfx/bos_images/box_mapbox_mid.gif) repeat-y;
	padding-top: 10px;
	width: 452px;
	font-size: 0.85em;
	line-height:1.4em;
	position: relative;
	height:100%;
	min-height: 390px;
	display:block;
}

#bos_image {
	background: url(../_gfx/bos_images/bos_imagemap.jpg) no-repeat;
	width: 403px;
	height: 134px;
	position: absolute;
	left: 20px;
}
#bos_image li{margin:0; padding:0; list-style:none; position:absolute; display:block;}
#bos_image li, #bos_image a {height:60px; width:66px; display: block;}
#bos_image1 {left:135px; width:66px; top: 0;}
#bos_image2 {left:200px; width:66px; top: 0;}
#bos_image3 {left:66px; width:66px; top: 0;}
#bos_image4 {left:270px; width:66px; top: 0;}
#bos_image5 {left:340px; width:66px; top: 0;}
#bos_image6 {left:0px; width:66px; top:68px;}
#bos_image7 {left:66px; width:66px; top:68px;}
#bos_image8 {left:135px; width:66px; top:68px;}  
#bos_image9 {left:200px; width:66px; top:68px;}
#bos_image10 {left:270px; width:66px; top:68px;}
#bos_image11 {left:340px; width:66px; top:68px;}

#bos_image1.hover, #bos_image1 a:focus, #bos_image1 a:active{background: transparent url(../_gfx/bos_images/bos_imagemap.jpg) -135px -138px no-repeat;}
#bos_image2.hover, #bos_image2 a:focus, #bos_image2 a:active{background: transparent url(../_gfx/bos_images/bos_imagemap.jpg) -200px -138px no-repeat;}
#bos_image3.hover, #bos_image3 a:focus, #bos_image3 a:active{background: transparent url(../_gfx/bos_images/bos_imagemap.jpg) -66px -138px no-repeat;}
#bos_image4.hover, #bos_image4 a:focus, #bos_image4 a:active{background: transparent url(../_gfx/bos_images/bos_imagemap.jpg) -270px -138px no-repeat;}
#bos_image5.hover, #bos_image5 a:focus, #bos_image5 a:active{background: transparent url(../_gfx/bos_images/bos_imagemap.jpg) -340px -138px no-repeat;}
#bos_image6.hover, #bos_image6 a:focus, #bos_image6 a:active{background: transparent url(../_gfx/bos_images/bos_imagemap.jpg) 0 -206px no-repeat;}
#bos_image7.hover, #bos_image7 a:focus, #bos_image7 a:active{background: transparent url(../_gfx/bos_images/bos_imagemap.jpg) -66px -206px no-repeat;}
#bos_image8.hover, #bos_image8 a:focus, #bos_image8 a:active{background: transparent url(../_gfx/bos_images/bos_imagemap.jpg) -135px -206px no-repeat;}
#bos_image9.hover, #bos_image9 a:focus, #bos_image9 a:active{background: transparent url(../_gfx/bos_images/bos_imagemap.jpg) -200px -206px no-repeat;}
#bos_image10.hover, #bos_image10 a:focus, #bos_image10 a:active{background: transparent url(../_gfx/bos_images/bos_imagemap.jpg) -270px -206px no-repeat;}
#bos_image11.hover, #bos_image11 a:focus, #bos_image11 a:active{background: transparent url(../_gfx/bos_images/bos_imagemap.jpg) -340px -206px no-repeat;}

#bos_image a:focus, #bos_image a:active {background-color:transparency;}

#bos_list{position:relative; top:140px; left:0px; width: 200px; clear:both; padding-bottom:150px;}
#bos_list li {list-style-image:none; list-style-type:none;}
#bos_list a:visited {color: #b74a0e; text-decoration: none;}

#bos_map {
	background: url(../_gfx/bos_images/bdsupvrs_map.gif) no-repeat;
	width: 180px; height: 178px; position: absolute; top:160px; left:220px;}
	
#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:64px; width:80px; height:42px; z-index:5;}
#dist_2 {left:21px; top:30px; width:90px; height:50px; }
#dist_3 {left:104px; top:25px; width:45px; height:45px; z-index:5; }
#dist_4 {left:0; top:90px; width:50px; height:54px; z-index:5; }
#dist_5 {left:40px; top:58px; width:70px; height:50px; }
#dist_6 {left:96px; top:0; width:86px; height:108px; }
#dist_7 {left:0; top:95px; width:90px; height:85px; }
#dist_8 {left:75px; top:85px; width:35px; height:65px; z-index:5; }
#dist_9 {left:85px; top:98px; width:42px; height:64px; z-index:4; }
#dist_10 {left:95px; top:85px; width:88px; height:94px; }
#dist_11 {left:47px; top:143px; width:64px; height:38px; }

#dist_1 a {height:42px; }
#dist_2 a {height:50px; }
#dist_3 a {height:45px; }
#dist_4 a {height:54px; }
#dist_5 a {height:50px; }
#dist_6 a {height:108px; }
#dist_7 a {height:85px; }
#dist_8 a {height:65px; }
#dist_9 a {height:64px; }
#dist_10 a {height:94px; }
#dist_11 a {height:38px; }


#dist_1.hover, #dist_1 a:focus, #dist_1 a:active{background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) 0 -777px no-repeat;}
#dist_2.hover, #dist_2 a:focus, #dist_2 a:active{background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -21px -566px no-repeat;}
#dist_3.hover, #dist_3 a:focus, #dist_3 a:active{background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -104px -915px no-repeat;}
#dist_4.hover, #dist_4 a:focus, #dist_4 a:active{background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) 0 -980px no-repeat;}
#dist_5.hover, #dist_5 a:focus, #dist_5 a:active{background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -40px -415px no-repeat;}
#dist_6.hover, #dist_6 a:focus, #dist_6 a:active{background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -96px -713px no-repeat;}
#dist_7.hover, #dist_7 a:focus, #dist_7 a:active{background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) 0 -631px no-repeat;}
#dist_8.hover, #dist_8 a:focus, #dist_8 a:active{background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -75px -264px no-repeat;}
#dist_9.hover, #dist_9 a:focus, #dist_9 a:active{background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -85px -634px no-repeat;}
#dist_10.hover, #dist_10 a:focus, #dist_10 a:active{background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -95px -975px no-repeat;}
#dist_11.hover, #dist_11 a:focus, #dist_11 a:active{background: transparent url(../_gfx/bos_images/bdsupvrs_map.gif) -47px -856px no-repeat;}

.bos_map_btm {
	background: url(../_gfx/bos_images/bos_mapbox_btm.gif) no-repeat top;
	width: 452px;
	height: 10px;
	padding-bottom:3px;}

.map_comments{position:relative; padding: 10px; clear:both;width:400px;}
.map_district {text-align: center; font-weight: bold; font-size: 1.2em;}

/* 3 agencies on the left side - shoule be same font with bos_homeright */
.bos_homeleft_lower a {text-decoration: none; color:#763410;}
.bos_homeleft_lower a:hover {color: #598041;}

/*home right side ///*/
.bos_homeleft ul li {margin-left: 20px;list-style:outside disc; list-style-image:none;}
.bos_homeright ul li {margin-left: 20px;list-style:outside disc; list-style-image:none;}

.bos_homeright {
	background: url(../_gfx/bos_images/bos_dot.gif) left repeat-y #fff; width: 450px; padding:15px 0 0 20px; float:right;}

/* what's new box image */
.bos_newsbox1a {
	background: url(../_gfx/bos_images/bos_newsbox_top.gif) no-repeat;
	height: 78px;
	width: 420px;
}

span.what, span.new, span.most, span.request, span.youth, span.youth2, span.com, span.com2, span.assessment, span.assessment2, span.board, span.board2, span.cust, span.budget, span.budget2, span.analy, span.analy-legis, span.analy2, span.analy-legis2, span.legis, span.legis2, span.sun, span.sun2, span.task, span.task2
{font-family:"Times New Roman", Times, serif; font-size:36px; line-height:100%;}
span.assessment {color:#2374b6; font-size:28px; line-height:20px;}
span.assessment2 {color:#2374b6; font-size:28px; line-height:20px; font-weight:bold;}
span.board {color:#999; margin-left: 18px; font-size:28px;}
span.board2 {color:#999; margin-left: 10px; font-size:28px; font-weight:bold;}
span.new {color:#FF6600;} 
span.most{color:#238344;}
span.legis {color:#930; font-size:26px;}
span.legis2 {color:#930; font-size:26px; font-weight:bold;}
span.cust{color:#c84a21; font-size:28px; text-align:right; line-height:20px; padding: 5px 0 0 15px;}
span.what, span.request {color:#9b3107;}
span.budget {color:#6b780e; padding: 0 0 0 105px; font-size:28px;}
span.budget2 {color:#6b780e; font-size:28px; font-weight:bold;}
span.analy  {color:#999;font-size:28px;}
span.analy2  {color:#999;font-size:28px; font-weight:bold;}
span.sun {color:#f60; padding: 0 0 0 105px; font-size:28px; line-height: 28px;}
span.sun2 {color:#f60; font-size:28px; line-height: 28px; font-weight:bold;}
span.hear {color:#4a5d0b; display:block; font-size:20px; line-height:18px; padding:10px 0 15px 20px; font-family:"Courier New", Courier, monospace;}
.right {float:right; padding: 0 280px 15 0;}
.right-hear {float:right; padding-right:200px;}
span.com , span.related {color:#999; padding-left:100px; font-size:28px;}
span.com2 {color:#999; padding-left:10px; font-size:28px; font-weight:bold;}
span.surv {padding-left:150px;}
span.task {color:#999; padding-left:120px; font-size:28px;}
span.task2 {color:#999; font-size:28px; font-weight:bold;}
span.analy-legis {color:#666; font-size:26px;}
span.analy-legis2 {color:#666; font-size:26px; font-weight:bold;}
span.youth {color:#238344; font-size:28px; padding-left: 90px; line-height:20px;}
span.youth2 {color:#238344; font-size:28px;line-height:20px; font-weight:bold;}

.bos_homeright h2 {
	margin:0;
	padding:15px 0 10px 25px;
	width:450px;
	height:53px;
	background: url(../_gfx/bos_images/bos_newsbox_top.jpg) no-repeat left top;}
	
.bos_homeright h2.assess_box{
	margin:0;
	padding:10px 0 15px 5px;
	width:430px;
	height:83px;
	background-image:url(../_gfx/bos_images/assessment2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	border-top:1px dotted #CC9900; clear: both;
}
.bos_homeright h2.hear_box{
	margin:0;
	padding:24px 0 0 5px;
	width:415px;
	height:122px;
	background-image:url(../_gfx/bos_images/survey_box2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	border-top:none;
	clear:both;

}
h2.assess_box {	height: 40px border-top:1px dotted #CC9900; clear: both;}
.bos_homeright h2.youth_box{
	margin:0;
	padding:15px 0 15px 25px;
	width:410px;
	height:90px;
	background-image:url(../_gfx/bos_images/youth2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	background-position: left top;
    border-top:1px dotted #CC9900;
	clear: both;
}

h2.budget_box  {
	padding:20px 0 15px 25px;
	clear: both;
	background-image: url(../_gfx/bos_images/budget2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 85px; border-top:1px dotted #CC9900; clear: both;
}
h2.sunshine_box  {
	padding:15px 0 15px 25px;
	clear: both;
	background-image: url(../_gfx/bos_images/sunshine2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 85px; border-top:1px dotted #CC9900; clear: both;
}

/* Most requested/News/blog/twitter box image */
h2.bos_newsbox1b {background: url(../_gfx/bos_images/bos_reqbox_top.jpg) no-repeat; height: 53px; width: 420px;}
.bos_newsbox2 {background:url(../_gfx/bos_images/bos_newsbox_mid.gif) repeat-y top;
font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; width: 420px; height: 100%; list-style:inside disc; overflow:hidden;}

.bos_newsbox3 {
background: url(../_gfx/bos_images/bos_newsbox_btm.gif) no-repeat top; width: 420px; height:12px; margin:0;padding-bottom: 8px;}

h2.legislative_box{
background:url(../_gfx/bos_images/legislative2.jpg) center right no-repeat;
height:70px; border-top:1px dotted #CC9900; clear: both; padding:15px 0 15px 25px; margin:0;}

h2.related_links {
	height: 20px; border-top:1px dotted #CC9900; clear: both;
	background-image:none;
	color:#666;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	padding:15px 0 10px 5px;
	width:430px;}
	
ul.relatedlinks {width:400px; clear:both;}
ul.relatedlinks li {float:right; list-style: none; width: 120px; margin-left:0; text-align:center; line-height:1.0em; }
ul.relatedlinks_division li {float:right; list-style: none; width: 120px; margin-right:80px; text-align:center; line-height:1.0em; }

.dotline {height:10px; border-top:1px dotted #CC9900; width:80%; margin: 0 10px 0 10px;}

.twitterbox {padding: 10px 0 10px 25px; float:left;}
.twitterbox  h2{background: url(../_gfx/bos_images/twitterbox_top.gif) no-repeat left bottom; margin:0;height: 30px; width: 758px; padding:0px 0px 0px 15px;line-height:30px;}
.mainSpan_wrapper_home .content .twitterbox_mid {background:url(../_gfx/bos_images/twitterbox_mid.gif) repeat-y; padding-left:20px;}

.twitterlogo{float:right;display:block;padding:35px 35px 35px 0px;}

.mainSpan_wrapper_home .content ul.twitterbox_mid li {padding: 0px; width:738px; list-style-position:outside; vertical-align:middle;}
.mainSpan_wrapper_home .content ul.twitterbox_mid li a:hover {color:#598041; border-bottom:1px dotted #598041}
.mainSpan_wrapper_home .content ul.twitterbox_mid li a:focus, .mainSpan_wrapper_home .content ul.twitterbox_mid li a:active {background-color:#fcf1e1;}
.mainSpan_wrapper_home .content ul.twitterbox_mid li a:visited {color:#bc744d;}

.twitterbox_more{background:url(../_gfx/bos_images/twitterbox_mid.gif) repeat-y;padding:10px 0 0 20px;}
.twitterbox_btm {background:url(../_gfx/bos_images/twitterbox_btm.gif) no-repeat left top; margin:0; height: 10px; width: 758px;}

h2.sunshine_box span .right_double a{padding-bottom:20px; clear:both;}	

.right_single, .right_double {float: right; width: 340px; z-index:1!important; }
.left_single, .left_double {float: left; width: 290px; z-index:1!important;}
.right_single, .left_single {margin-top: -75px; z-index:1!important;}
.right_double, .left_double {margin-top: -40px; z-index:1!important;}
.right_double {margin-top: -50px; z-index:1!important;}

.h_divider {border-top: dotted #b2917f 1px;}	
.v_divider {border-left: dotted #b2917f 1px; padding-left: 5px;}	
/* homepage style end */

form{padding:0px;margin:0px;}
.header {background:#fff url(../_gfx/bos_images/bos_header.jpg) no-repeat scroll center top; clear:both; height:98px; margin:0px;}
.searchbox {
	background: url(../_gfx/bos_images/searchbox.gif) no-repeat;
	float: right;
	width: 179px;
	height: 32px;
	position: relative;
	right:10px;
	margin-top: 58px;
	padding: 3px 0 0 5px;
}
.searchbox_button {vertical-align:middle;}
.searchbox_textbox { font-size: 10px; width:130px;}

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

/* accessibility bar icon style */
.toolbar_backg {height:27px; background-color:#d1b68d; display:block;}
#toolbar {
	height: 20px;
	text-align: left;
	vertical-align: middle;
	line-height: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color: #6b2614;
	font-weight: normal;
	font-size:12px;
	padding-right: 20px;
	}

#toolbar ul {
	margin:0;
	padding:0;}

#toolbar li {
	color: #6b2614;
    list-style: none;
    float: right;
	padding-left:5px;
	margin:0;}

#toolbar_text a {
	background: url(../_gfx/bos_images/box_textonly.gif) no-repeat top right;
	width: 17px;
	height:17px;
	display: block;
	overflow:hidden;
	text-indent:-9999px;
	border-bottom: 0 none;}

#toolbar_text a:hover {width:17px;background-position:0px -19px;}

#toolbar_font_sm a {
	background: url(../_gfx/bos_images/bos_size-.gif) no-repeat top right;
	width: 17px;
	height:17px;
	display: block;
	overflow:hidden;
	text-indent:-9999px;
	border-bottom: 0 none;}

#toolbar_font_sm a:hover {width:17px;background-position:0px -19px;}

#toolbar_font_lg a {
	background:url(../_gfx/bos_images/bos_sizeplus.gif) no-repeat top right;
	width: 17px;
	height:17px;
	display: block;
	overflow:hidden;
	text-indent:-9999px;
	border-bottom: 0 none;}

#toolbar_font_lg a:hover {width:17px;background-position:0px -19px;}

#translate_label{
	padding: 5px 5px 0px 0px;	
	float: left;
}

#translate{
	color: #6B2614;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-variant: small-caps;
    font-weight: normal;
	position: absolute;	
	left: 5px;		
	padding-top: 5px;
	top:0;
}

/*************************
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 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: #472310;
	font-weight: normal;
	font-size: 1.0em;
	text-decoration: none;
}

.bos_contents a {
	color: #933b0b;
	text-decoration: none;
}


.bos_contents a:hover {
	color: #598041;
	text-decoration: underline;
}

.bos_contents a:visited {
	color: #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;
}

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

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

/* 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;
}

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

/*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;
}

.meeting_box_top{
	width:400px;
	height: 30px;
	padding: 0px 10px;
	background:url(../images/bdsupvrs/template/meeting_box_top.gif) no-repeat #FFFFFF;
}

.meeting_box_mid {
	background-image:url(../images/bdsupvrs/template/meeting_box_backg.gif);
	background-repeat:repeat-y;
	padding: 20px 0 10px 0;
	width: 400px;
	font-size: 0.8em;
	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:hover {color:#598041; border-bottom:1px dotted #598041;}
.meeting_box_mid ul li a:focus,.meeting_box_mid ul li a:active {background-color:#fcf1e1;}
.meeting_box_mid ul li a:visited { text-decoration:none;}

.meeting_box_years{
	float:left;
	border-right: 1px dotted #B2917F;
	padding:0 20px;
}
.meeting_box_meetings{
	float:left;
	padding:0 20px;
}

.meeting_box_btm {
	background-image:url(../images/bdsupvrs/template/meeting_box_btm.gif);
	background-repeat:no-repeat;
	width: 400px;
	height: 10px;
	padding-bottom: 10px;
}

#clerk_right {
	/*background-image:url(../images/bdsupvrs/template/content_btm.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;*/
	float: right;
	margin: 0px 0px 5px 5px;
	font-size: 1.0em;
	text-decoration: none;
	width:99%;	
}

/* 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: 99%;
	float: right;
	margin: 0px 0px 5px 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;}