@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:0;
	margin:0;
	padding:0;
	background: #efefef;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.4;
}

p, table, td, th, ul, ol, dl , h1, h2, h3 {
	margin: 0 0 1em 0;
	padding: 0;
}

dt {font-weight: bold;}
dd {margin-bottom: .5em;}

h1, h2, h3, h4, h5, h6
{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;}

h1 {color:#ce5303; font-size: 1.3em;}
h2 {color:#276f91; font-size:1.2em; margin-bottom: .5em;}
h3 {color:#000; font-size: 1.2em;}
h4 {color:#276f91; font-size:1.1em; margin:.25em;}
h5 {color:#333; font-size:1.1em; margin: 0;}
h6 {color:#333; font-size:1.0em; margin: 0;}

h1, h2, h3 {line-height: 1.2;}

a, a:visited {
	color:#276F91;
	text-decoration: none;
}

a:hover, a:active {color: #e39b1e; text-decoration: underline;cursor: pointer;}

a img {border: none;}

@import url(http://fonts.googleapis.com/css?family=Oswald&subset=latin,cyrillic-ext);

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/League_Gothic-webfont.eot');
    src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/League_Gothic-webfont.woff') format('woff'),
         url('fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Default error reporting style */
.error_message {margin: 5px;}
.error_message p{font-weight:bold; color:#173b82; font-size: 1.2em;}
	
/* 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, #dropdownmenu: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: 976px; 
	padding: 0; 
	margin: 0 auto;
	position: relative;
	text-align:left;
}

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

.header {
	background:transparent url(../_gfx/lee-2012/mo-header.jpg) no-repeat scroll center top; 
	clear:both; 
	margin:0px;
	padding: 0px;
	position: relative;
	z-index: 13;
}
/*
.searchbox {
	position: absolute;
	width: 180px;
	height: 25px;
	top: 122px;
	left: 790px;
	z-index: 13;
	background: transparent url(../_gfx/lee-2012/searchbox.gif) no-repeat;
}

.searchbox input{
	padding: 0 !important;
}

.searchbox input:focus{
	border: 0 !important;
}

.searchbox_button {padding: 0; margin: 0; border: 0; float: left;}
.searchbox_textbox {font-size: 12px; border: 0px none; width: 141px; margin: 5px; float: left;}
.searchbox .form_container {padding: 0; margin: 0; }
*/

/*********************************************
CONTENT WRAPPERS:
	1. width_container
	2. content_wrapper2
	3. container
		A. contentheader
			I. title
				a. title_right
					1. Toolbar
			II. bts
				a. breadcrumb 
		B. content
	4. footer_wrapper
		A. footer
********************************************/

/* 1. width_container **********************/
.mainSpan_wrapper_home .width_container,
.mainSpan_wrapper .width_container,
.mainSpan_wrapper_noleftnav .width_container, 
.mainSpan_wrapper_review .width_container {
	margin: 0; 
	padding: 0;
	overflow: hidden;
	position: relative;	
	min-height: 400px;
	clear:both; 
}

.mainSpan_wrapper .width_container,
.mainSpan_wrapper_noleftnav .width_container, 
.mainSpan_wrapper_review .width_container {
	border: 1px solid #bbb;
	/**-webkit-border-radius: 4px;
	border-radius: 4px;**/
	margin-top: -2px;
}

/* 2. content_wrapper2 **********************/
.mainSpan_wrapper_home .content_wrapper2,
.mainSpan_wrapper .content_wrapper2,
.mainSpan_wrapper_noleftnav .content_wrapper2, 
.mainSpan_wrapper_review .content_wrapper2 {
	margin: 0; 
	padding: 0;
}

.mainSpan_wrapper .content_wrapper2,
.mainSpan_wrapper_noleftnav .content_wrapper2, 
.mainSpan_wrapper_review .content_wrapper2 {
	background: #c6e3f0 url("../_gfx/lee-2012/secpg_bkgd.jpg") no-repeat;
	border: 1px solid #c6e3f0;
	/**-webkit-border-radius: 4px;
	border-radius: 4px;**/
}

/* 3. container **********************/
.mainSpan_wrapper .container {
	background-color: #fff; 
	margin:10px 10px 10px 200px;
	padding: 0;
	border: 1px solid #bbb;
	/**-webkit-border-radius: 4px;
	border-radius: 4px;**/
	}
	
.mainSpan_wrapper_home .container {
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 1;
	background: url("../_gfx/lee-2012/home_bottom.gif") no-repeat 0 100%;	
	}
	
.mainSpan_wrapper_noleftnav .container {
	background-color: #fff; 
	margin:10px;
	padding: 0;
	border: 1px solid #bbb;
	/**-webkit-border-radius: 4px;
	border-radius: 4px;**/
	min-height: 400px;
}

.mainSpan_wrapper_review .container {
	background-color: #fff; 
	border: 1px solid #bbb;
	/**-webkit-border-radius: 4px;
	border-radius: 4px;**/
	min-height: 400px;
	margin: 10px; 
	padding: 0 0 10px 0; 
}	

/* 3. container >> A. contentheader **********************/
.mainSpan_wrapper_review .contentheader {display:none;}
.mainSpan_wrapper_home .contentheader {
	position: absolute;
	top: 235px;
	right: 10px;
	margin: 0;
}

.contentheader {
	overflow: hidden;
	margin: 15px 15px 0;
}

/* 3. container >> A. contentheader  >> I. title & title right & toolbox **********************/

.title {
	margin:0;
	padding: 0;
	position:relative; 
	clear:both;
}

.mainSpan_wrapper_home .title {background-image: none;}

.mainSpan_wrapper .title_right,
.mainSpan_wrapper_noleftnav .title_right {padding: 0;float:right !important; width:190px;}

.mainSpan_wrapper_home .title_right {
	padding: 0; 
	margin: 28px 5px 0 0; 
	float: right; 
	width:350px;
}
.mainSpan_wrapper_home .title_left {float: left; width: 0px;}

.mainSpan_wrapper_noleftnav .title {display:block; margin:0;}

#toolbar {
	float: right;
	margin-right: 8px;
	display: block !important;
}

#toolbar ul {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 8px;
	line-height: 2;
	text-transform: uppercase;
	margin:0;
	padding:0;
}

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

#toolbar li:nth-child(1),
#toolbar li:nth-child(2),
#toolbar li:nth-child(3),
#toolbar li:nth-child(4),
#toolbar li:nth-child(5) {
    display: none;    
}

#toolbar_text a {
	background: url(../../ftp/global/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(../../ftp/global/size-.gif) no-repeat right top;
	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(../../ftp/global/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;}

/* 3. container >> A. contentheader  >> II. bts & breadcrumb  **********************/
#bts {margin: 0;}
.mainSpan_wrapper_home #bts {display: none;}
.contentheader h1 {
	font-family: 'LeagueGothicRegular', Oswald, Impact, sans-serif;
	font-size: 3.5em;
	line-height: 1;
	margin-bottom: .2em;
	font-weight: normal;
	font-style: normal;
	color: #276f91;
}

.contentheader h2 {
	margin: 0 0 1em 0;
	font-family: sans-serif;
	font-size: 1.4em;
	line-height: 1.2;
	font-weight: bold;
	font-style: normal;
	color: #e39b1e;
}

.breadcrumb_wrapper {
	padding: 5px 0; 
	font-size:10px; 
	clear:both;
	border-bottom: 1px #BBB solid;
	margin-bottom: 3em;
}

.breadcrumb{width:100%; padding:0; font-size:10px;}
.breadcrumb a { color: #176fc1; text-decoration: none;border-bottom: 0 none;}
.breadcrumb a:hover{border-bottom:1px dotted #176fc1}

/* 3. container >> B. content  **** Content: padding should be on content class NOT container *****/
.mainSpan_wrapper .content,
.mainSpan_wrapper_noleftnav .content {position:relative; margin: 0 15px 15px; overflow:hidden;}
.mainSpan_wrapper_review .content {padding:0 25px 25px 15px;}
.mainSpan_wrapper_home .content {padding:0; margin-bottom:0;	background: url("../_gfx/lee-2012/topnews-bkgnd.jpg") no-repeat 0 0;}

/* 4. footer_wrapper **********************/
.mainSpan_wrapper .footer_wrapper{display: block; padding:0;margin:0; width: 974px;}

/* 4. footer_wrapper >> A. footer **********************/
.footer {
	padding:5px;
	background: #6f6f6f;
	margin:5px 0 60px 0; 
	width: 966px; 
	-webkit-border-radius: 3px;
	border-radius:3px;
	color: #fff;
	text-align: center;
	overflow: visible;
	position: relative;
}

.footer ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.footer ul li {
	display: inline;
}

.footer ul li:after {
	content: '\2003\2003\2219\2003\2003'
}

.footer ul li:last-child:after {
	content: '';
}

.footer a {color: #fff; text-decoration: underline;}
.footer a:hover {text-decoration: none;}

.footer #sf311 {
	width: 30px;
	margin: 0 auto;
	display: none;
}

.footer #sf311 a img {
	margin: 0;
	text-align: center;
	height: 30px;
	width: 30px;
	border: 0px none;
	-webkit-transition:-webkit-transform 0.2s ease-in-out;
	-moz-transition:-moz-transform 0.2s ease-in-out;
	-o-transition:-o-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	position: absolute;
	top: 40px;
	left: 48%;
	margin-bottom:10px;
}

.footer #sf311 a:hover img {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

.mainSpan_wrapper_home .footer ul#socmedicons {display: none;}

.footer ul#socmedicons {
	padding: 5px 0 5px 10px;
	display: inline;
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	position: absolute;
	width: 160px;
	height: 30px;
	right: 10px;
	top: 160px;
	list-style: none;
	font-size: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.footer  ul#socmedicons  li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

.footer  ul#socmedicons  li  a img{
	width: 30px;
	height: 30px;
	border: 0px none;
	-webkit-transition:-webkit-transform 0.2s ease-in-out;
	-moz-transition:-moz-transform 0.2s ease-in-out;
	-o-transition:-o-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}

.footer  ul#socmedicons  li  a:hover img,
.footer  ul#socmedicons  li  a:active img,
.footer  ul#socmedicons  li  a:focus img {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

/************************************************
Content styles
************************************************/

.mainSpan_wrapper .content textarea,
.mainSpan_wrapper_noleftnav .content textarea,
.mainSpan_wrapper_review .content textarea {width:550px;}

.mainSpan_wrapper .content ul,
.mainSpan_wrapper_noleftnav .content ul,
.mainSpan_wrapper_review .content ul,
.mainSpan_wrapper .content ol,
.mainSpan_wrapper_noleftnav .content ol,
.mainSpan_wrapper_review .content ol {padding:0px; margin:8px 0 10px 20px;}

.mainSpan_wrapper .content ul li,
.mainSpan_wrapper_noleftnav .content ul li,
.mainSpan_wrapper_review .content ul li,
.mainSpan_wrapper .content ol li,
.mainSpan_wrapper_noleftnav .content ol li,
.mainSpan_wrapper_review .content ol li {padding: 2px 0px;}

.downloadmessage {clear: left; background: #fff url(../_gfx/int/download_bg.gif) top center repeat-x; border:solid 1px #214566; 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;}



/*** Homepage **************************/

.mainSpan_wrapper_home .width_container {margin-top: -25px; display: inline-block;}

/* ----- Start Upper slideshow -------- */

.box_container {
	width: 976px;
	height: 210px;
}

.box_container #pics {
	width: 735px !important;
	height: 238px !important;
	margin-left: 220px;
	margin-right: 15px;
	overflow: hidden;
}

#pics .slideitem {
	width: 750px;
	height: 238px;
}

#pics .slideitem {background-color: transparent; background:none !important;filter:none !important;}

#pics .slideitem {display: none;}

#pics .slideitem:first-child {top: 45px !important;}

#pics .slideitem {
	top: 45px !important;
	width: 750px;
}

#pics .slideimage {
	width: 180px;
	height: 180px;
	background: #fff;
	border: #666 solid 1px;
	overflow: hidden;
	padding: 5px;
	float: left;
	-webkit-box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .3);
    box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .3);
}

#pics .slideimage a img {
	border: 0px none;
}

#pics .slidetext {
	float: left;
	width: 505px;
	padding: 0 25px 0 25px;
	max-height: 170px;
	overflow: hidden;
	background-color: transparent;
	background:none !important;
	filter:none !important;
}

#pics .slidetext h2 {
	font-family: 'LeagueGothicRegular', Oswald, Impact, sans-serif;
	font-size: 30px;
	margin: 5px 0 15px 0;
	line-height: 1.1;
	font-weight: normal;
	font-style: normal;
	color: #13789b;
	text-shadow: 1px 1px 0px #ffffff;
}

#pics .slidetext h2 a:hover, #pics .slidetext h2 a:active {
	color: #319dc2;
	text-decoration: none;
}

.slidetext p {
	font-size: 13px;
}

#pager{
	top: 223px;
	right: 20px;
	height: 18px;
	position: absolute;
	margin: 0;
	padding: 0;
	text-align:right;
	overflow:hidden;
	z-index: 4;
}

#pager a {
	background: url(../_gfx/lee-2012/pager.gif) no-repeat 4px 5px;
	display:inline-block;
	overflow:hidden;
	margin:0 2px 0 0;
	padding-top:30px;
	height:16px;
	width:17px;
	text-decoration: none;	
}
	
#pager a.activeSlide {background: url(../_gfx/lee-2012/pager.gif) no-repeat -14px 5px; }

#pager a:focus {outline: none;}

.box_bottomlink {
	position: absolute;
	top: 223px;
	left: 468px;
	z-index: 9;
	border-left: 1px solid #e8f3fa;
	padding-left: 10px;
}

.box_bottomlink a {color: #13789b;}

.box_bottomlink a:after {content: "\0020 \00BB";}

#news_slide_controls {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 24px;
	height: 15px;
	position: absolute;
	left: 432px;
	top: 223px;
	text-indent: -9999px;
	z-index: 9;
	overflow: hidden;
}

#news_slide_controls li {
	float: left;
	padding: 0;
	margin: 0;
}

#news_slide_controls li a#news_resume {
	width: 24px;
	height: 15px;
	display: block;
	background: url("../_gfx/lee-2012/tp_controls.gif") no-repeat -23px 0; 
}

#news_slide_controls li a#news_pause {
	width: 24px;
	height: 15px;
	display: block;
	background: url("../_gfx/lee-2012/tp_controls.gif") no-repeat -23px -15px; 
}

/* ----- End Upper slideshow -------- */


/* ----- Start Home Page Intro Content -------- */

.intro_sidebar_wrapper {
	float: left;
	width: 180px;
	margin: 43px 9px 10px;
}

.intro_sidebar  {
	border: 1px solid #bbb;
	background: #fff;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.intro_sidebar div {
	margin: 2px;
	background: url("../_gfx/lee-2012/intro_bkgd.gif") no-repeat 0 0;
	font-size: 11px;

}

.intro_sidebar p.welcome {
	padding: 7px 7px 75px;
	background: url("../_gfx/lee-2012/intro-signature.jpg") no-repeat 10px 100%;
}

.intro_sidebar p.name {
	padding: 7px 7px 15px;
	margin: -40px 0 0;
	font-weight: bold;
}

.introlinks {
	list-style: none;
	margin: 0;
	padding: 0 7px 7px;
}

.introlinks .about  {
	margin: 0 0 10px;
}

.introlinks .about a:after {
	content: "\0020 \00BB";
}

.introlinks li.contact, p.contact  {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	padding: 6px 10px;
	border: 1px solid #bbb;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0;
	background: #e9edee; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,229,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,229,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,229,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,229,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,229,232,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,229,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dde5e8',GradientType=0 ); /* IE6-9 */}

p.contact {margin: 10px auto;}

.introlinks li.contact:hover, p.contact:hover  {
	background: #d9eef5; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(221,229,232,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,229,232,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(221,229,232,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(221,229,232,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(221,229,232,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(221,229,232,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde5e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

.introlinks .contact a  {
	color: #13789B;
	text-decoration: none;
}

.introlinks .contact a:hover  {
	color: #319dc2;
	text-decoration: none;
}

a.getconnected {
	display: block;
	width: 180px;
	height: 49px;
	margin: 25px 0 10px;
	text-indent: -99999px;
	background: url("../_gfx/lee-2012/getconnected_noLinkedIn.jpg") no-repeat;
}

.leftnavcontent {
	width: 180px;
	margin: 10px 9px 10px;
	clear: left;
	float: left;
}

/* ----- Start Main Home Page Content -------- */

.home_maincontent {
	margin: 43px 7px 15px 200px;
	border: #bbb 1px solid;
	background: #fff;
}

.home_maincontent h3 {
	line-height: 1.3;
	font-size: 1em;
	text-transform: uppercase;
	color: #4b4b4b;
	font-weight: bold;
	font-style: normal;
	display:none !important;
}

.home_maincontent .homecol2 h3 {
	display:none !important;
}

.home_priorities {
	display:none;
}


.homecol1 {
	float: left;
	width: 499px;
	padding: 0;
	margin: 0 0 10px 0;
	border-right: 1px #bbb solid;
}

.home_maincontent h2 {
	display: block;
	font-family: sans-serif;
	line-height: 1;
	font-size: 1.35em;
	text-transform: uppercase;
	color: #4b4b4b;
	background: #dcdcdc;
	padding: 7px 5px 5px;
	margin: 2px 2px 20px;
	font-weight: bold;
	font-style: normal;
	text-shadow: 1px 1px 0px #ffffff;
}

.homecol1 h2 {
	display: none;
}

.newsitem {
	margin: 0 25px 20px 10px;
	padding: 0;
	float: left;
}

.newsitem:hover {
	background: #fafafa;
}

.newsitem img {
	border: 1px #c4c4c4 solid;
	padding: 4px;
	background: #fff;
	float: left;
	width: 96px;
	height: 96px;
}

.newsitem h3, 
.newsitem p.newsdate, 
.newsitem p, 
.newsitem p.newstag {
	margin: 0 0 5px 120px;
}

.newsitem h3 {
	text-transform: none;
	color: #13789b;
}

.newsitem p.newsdate {
	font-size: 8px;
	text-transform: uppercase;
}

.newsitem p a:after {
	content: "\0020 \00BB";
}

.newsitem p.newstags {
	font-size: 8px;
	text-transform: uppercase;
}

.newsitem p.newstags a:after {
	content: "";
}

a.morenews {
	display: none;
}

.inthenews {
	clear: left;
	margin: 10px;
/*	border-top: #c4c4c4 1px solid;
*/	width: 480px;
	height: 50px;
	position: relative;
/*	display:none;
*/	padding-bottom: 22px;
}

.inthenews h3 {
	margin: 10px 0 12px 0;
	float: left;
}

.inthenews ul {
	margin:0;
	padding:0;
	font-size: 9px;
	text-transform: uppercase;
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 0;
	
}

.inthenews li {
	display: inline;
	padding: 0;
	margin: 0;
}

.inthenews li :after {
	content: '\00a0\00a0|\00a0\00a0'
}

.inthenews_more {
	font-size: 9px;
	text-transform: uppercase;
	position: absolute;
	left: 84px;
	bottom: -9px;
	padding: 0;
	display: inline;
}

.inthenews li a,
.inthenews_more a {
	font-weight: normal;
}

p#inthenews_caption {
	clear: both;
	width: auto;
	font-weight: bold;
	right: 0px;
}

p#inthenews_caption a:after {
	content: "\0020 \00BB";
}

/* Styles for Housing Meter, using In the News component ----------
-----------------------------------------------------------------*/

.inthenews {
	background: url(http://www.sfmayor.org/ftp/_gfx/home-lee/housing-meter-background.gif) no-repeat 0 0;	
}

.housing-meter {
	width: 100%;
	margin: 0;
	padding: 0;
}

.housing-meter img {
	float: left;
	padding: 0;	
	padding: 20px 0 0 15px;	
}
.housing-meter .hm-content {
	float: left;
	padding: 23px 5px 0 10px;	
}

.housing-meter h3 {
	margin-bottom: 4px;
	display: block !important;
	float: none;
	margin: 0 0 5px;	
}

.housing-meter p {
	margin-bottom: 2px;	
	font-size: 11px;	
}

.housing-meter p > a:after {
	content: "\0020 \00BB";	
}

.homecol2 {
	width: 246px;
	float: left;
	margin: 0 0 0 -1px;
	padding-left: 20px;
	border-left: #C4C4C4 1px solid;
	position: relative;
}

.slideshow {
	margin-bottom: 10px;
	width: 246px;
	display:none !important;
}



#home_slide_controls {
	width: 70px;
	height: 15px;
	position: absolute;
	top: 0;
	right: 28px;
	z-index: 3;
	overflow: hidden;
}

#home_slide_controls li {
	list-style: none;
	text-indent: -9999px;
	float: left;
}

#home_slide_controls li a {
	display: block;
	width: 24px;
	height: 15px;
}

#home_slide_controls li a#home_pause,
#home_slide_controls li a#home_resume  {
	width: 22px;
}

#home_slide_back a{
	background: url("../_gfx/lee-2012/tp_controls.gif") no-repeat 0 0;
}

#home_slide_pause a{
	background: url("../_gfx/lee-2012/tp_controls.gif") no-repeat -24px -15px;
}

#home_slide_resume a{
	background: url("../_gfx/lee-2012/tp_controls.gif") no-repeat -24px 0;
}

#home_slide_forward a{
	background: url("../_gfx/lee-2012/tp_controls.gif") no-repeat -46px 0;
}

#homepics {
	width: 218px !important;
	height: 138px !important;
}

#homepics .slideitem {display: none;}

#homepics .slideitem:first-child {display: block;}

#homepics .slideitem {
	top: 0px !important;
	left: 0px !important;
}

#homepics .slideimage {
	padding: 4px;
	background: #fff;
	border: 1px #c4c4c4 solid;
	height: 130px;
	width: 210px;
	overflow: hidden;
}

#homepics .slidetext {
	font-family: sans-serif;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 210px;
	background: #373737;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.43) 0%, rgba(0,0,0,0.43) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.43)), color-stop(100%,rgba(0,0,0,0.43))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.43) 0%,rgba(0,0,0,0.43) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.43) 0%,rgba(0,0,0,0.43) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.43) 0%,rgba(0,0,0,0.43) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(0,0,0,0.43) 0%,rgba(0,0,0,0.43) 100%); /* W3C */
}

#homepics .slidetext_content {
	padding: 2px 5px;
	text-transform: uppercase;
}

.home_priorities p {
	font-size: 1em;
	margin-right: 20px;
}

.home_priorities p a:after {
	content: "\0020 \00BB";
}

.featuredvideo {
	margin: -15px 20px 0 0;
	/*border-top: #C4C4C4 1px solid;*/
}

.featuredvideo h3 {
	display: none;
}

.featuredvideo h3.showme {
	margin-top: 10px;
	display: block;
}

.featuredvideo a img {
/*--border: 1px #c4c4c4 solid; --*/
	margin-bottom: 15px;
	margin-left: 5px;
}

.featuredvideo div {
/*	width: 210px;
	padding: 4px;
	background: #fff;
	overflow: hidden;*/
}

.leetwitter {
    padding-left: 7px;
    padding-bottom: 15px;
	
}
/* ----- End Main Home Page Content ----- */

/* ----- Begin New Component Styles ----- */

.listcomponent {
	margin-top: 20px;
	margin-bottom: 20px;
}

.listcomponent tr:hover {
	background: #eee;
}

.listcomponent tr.listcomponent_pager:hover {
	background: #fff;
}

.listcomponent a img {
	width: 95px;
	height: 95px;
	float: left;
	padding: 4px;
	background: #fff;
	border: 1px #c4c4c4 solid;
	overflow: hidden;
	margin: 10px;
}

.news_heading, .news_summary, .news_postdate {
	margin-left: 120px;
	margin-bottom: 3px;
}

.news_heading {margin-top: 10px;}

.news_postdate {
	font-size: .8em;
	margin-bottom: 20px;
}

.listcomponent p.news_postdate:after {
	content: <hr>;
}

.listcomponent h3 {
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: bold;
}

.staffinfo h2 {
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
}

.staffinfo address {
	margin-bottom: 1em;
}

.staffinfo h3 {
	font-weight: bold;
	font-size: 1em;
	font-style: normal;
	margin-bottom: .5em;
}

.mainSpan_wrapper .content .staffinfo ul{
	margin: 0;
	padding: 0;
}

.staffinfo li {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
}

p.pressroomstaff  {
	font-size: 11px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	padding: 6px 10px;
	border: 1px solid #bbb;
	width: 200px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0;
	background: #e9edee; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,229,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,229,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,229,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,229,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,229,232,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,229,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dde5e8',GradientType=0 ); /* IE6-9 */
}

p.contact {margin: 10px auto;}

p.pressroomstaff:hover  {
	background: #d9eef5; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(221,229,232,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,229,232,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(221,229,232,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(221,229,232,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(221,229,232,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(221,229,232,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde5e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.introlinks .contact a  {
	color: #13789B;
	text-decoration: none;
}

.introlinks .contact a:hover  {
	color: #319dc2;
	text-decoration: none;
}


/* Review and error pages */

/*.mainSpan_wrapper_review .fix_intheight { display: none;}*/
.mainSpan_wrapper_review .component_title_review {margin: 0px 0px 30px; border-bottom: solid 3px #C5E3FF; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px; font-weight:bold; padding:50px 15px 10px 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: "Helvetica Neue", Helvetica, Arial, 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: 5px;}
.mainSpan_wrapper_review .component_content {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;}


/************************************************
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 {display: none;}
.filter select {font-family: sans-serif; font-size:11px; width:430px;}
.filter  a {diplay: inline-block; padding: 0 10px 0 7px; margin: 0; border-right: #214566 solid 1px;}
.filter a#_ctl0_CalendarViewButton {border-left: #214566 solid 1px; padding-left: 10px;}
.timing {}
.listtable {width:550px; border:1px solid #276F91 !important; background-color:#fbfdff; border-collapse:separate; margin: 10px 0;}
.mainSpan_wrapper_noleftnav .listtable {width:920px; border:1px solid #214566 !important; background-color:#fbfdff; border-collapse:separate; margin: 10px 0;}
.listtable th {background-color: #276F91; 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 td a {display: inline-block;}
.listtable tr:hover {background-color:#eaf1f6;}
.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
************************************************/
.timing_link {
	display: none;
/*	position: absolute;
	bottom: 0;
	left: 0;
	background: #D9EEF5;
	background: -moz-linear-gradient(top, rgba(221, 229, 232, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221, 229, 232, 1)), color-stop(100%,rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(221, 229, 232, 1) 0%,rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(221, 229, 232, 1) 0%,rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(221, 229, 232, 1) 0%,rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(top, rgba(221, 229, 232, 1) 0%,rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde5e8', endColorstr='#ffffff',GradientType=0 );
	border: #bbb 1px solid;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 140px;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase; */
}

.timing_link:hover {
	background: #eee;
}

.timing_link a {
	padding: 4px;
	display: block;
}

.listcomponent {border:solid 0px #ffffff;}
.listcomponent th {display:block;border: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:0px; margin:0px 0px 10px 0px; font-size:1.4em; line-height:1.2; font-weight: bold; color: #6F6F6F;}
.component_subtitle {padding:0 0 10px 0; margin:0px 0px 10px 0px; font: italic 1.1em/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #13789b;}
.component_back {margin:0px 0px 10px 0px;}
.component_listitem {display: inline-block; padding: 2px; margin-bottom: 10px; background: #ebebeb;}
.component_listitem div {display: inline; padding-right: 5px;}
.component_listitem_header {font-weight: bold;}
.component_listitem_content {}
.component_content p {}

/*****************************************
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 {margin:0px 0px 0px 0px; padding:0px 0px 10px 0px;}
.calendar {width:100%; border: 1px solid #fff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-collapse: collapse;}
.calendar_dayheader {height: 1px; color: #fff; background-color: #214566; font-weight: bold; font-size: 9px; padding: 2px 0px; text-transform: uppercase; border: 1px solid #214566;}
.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: "Helvetica Neue", Helvetica, Arial, sans-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:14px; line-height:25px; font-weight:bold; padding: 3px 3px 3px 3px; width: 95px; height:100px; border: 1px solid #214566;}
.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:99%;}
.outlookcalendar {display: none;}
#_ctl0_costDiv {display: none;}

/************************************************
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:14px;}
.listtable_pager a,
.listcomponent_pager a,
.listfaq_pager a {display:inline; padding:6px; 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:14px; 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;}
.listcomponent_pager td {padding-top: 20px;}

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

/************************************************
Left navigation 
************************************************/
.leftnav {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */
	padding: 7px;
	width: 165px;
	margin: 40px 0 0 10px;
	float: left;
	border-bottom: 1px solid #bbb;
}

.leftnav_top {
	width: 163px;
	height: 27px;
	background: url("../_gfx/lee-2012/leftnavtop.jpg") no-repeat;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

.leftnav_node_wrapper_root {
	border: 1px solid #bbb;
	margin-top: -1px;
	padding-bottom: 8px;
	background-color: #fff;
}

.leftnav_node_wrapper {
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 0;
	background: #fff;
}

.leftnav_node_wrapper_root  + .leftnav_node_wrapper {margin-top: -1px;}

.leftnav_node_wrapper_root .leftnav_node,
.leftnav_node_wrapper_root .leftnav_node_haschildren,
.leftnav_node_wrapper .leftnav_node,
.leftnav_node_wrapper .leftnav_node_haschildren ,
.leftnav_node_wrapper_root .leftnav_node_iscurrent,
.leftnav_node_wrapper .leftnav_node_iscurrent{
	background: #fff;
	padding: 8px 5px 0;
}

.leftnav_node_wrapper .leftnav_node,
.leftnav_node_wrapper .leftnav_node_haschildren,
.leftnav_node_wrapper .leftnav_node_iscurrent {
	border-bottom: 0px none;
	padding: 0 5px 6px 10px;
}

.leftnav_node_wrapper_root .leftnav_node_haschildren {
	border-bottom: 0px none;
}

.leftnav_node_wrapper_root .leftnav_node a,
.leftnav_node_wrapper_root .leftnav_node_haschildren a,
.leftnav_node_wrapper_root .leftnav_node_iscurrent a {
	font-weight: bold;
}

.leftnav_node_wrapper_root .leftnav_node a:hover,
.leftnav_node_wrapper_root .leftnav_node_haschildren a:hover,
.leftnav_node_wrapper_root .leftnav_node_iscurrent a:hover {
	text-decoration: none;
}

.leftnav_node_wrapper .leftnav_node a,
.leftnav_node_wrapper .leftnav_node_haschildren a,
.leftnav_node_wrapper .leftnav_node_iscurrent a {
	font-size: 95%;0
}

.leftnav_node_iscurrent .leftnav_node_haschildren,
.leftnav_node_haschildren {
	font-weight: bold;
}

.leftnav_node_wrapper .leftnav_node_iscurrent a{
	font-style: italic;	
}

.leftnav_node_wrapper .leftnav_node_iscurrent a:after {
	content: "\0020\00BB";	
}

.leftnav_node a {
	text-decoration: none;
}

.leftnav_node a:hover {
	text-decoration: none;
}

.leftnavlevel1 {
	display: inline;
	margin-left: 0px !important;
}

.leftnavlevel2 {
	display: inline-block;
	margin-left: 15px !important;
}

.leftnavlevel2:before {
	content: "\2010\0020";
}

.leftnavlevel2 {
	display: inline-block;
	margin-left: 5px !important;
}

.leftnav_node_wrapper_root_parent {
	display: none;
}


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

.rss{
	font-size: 11px; 
	border: 1px #bbb solid; 
	padding: 1px 1px 0px;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	background: #fff;
	width: 43px;
	margin-bottom: -16px;
}

.rss a {background:url(../_gfx/int/rss.gif) 0 0 no-repeat; padding: 1px 5px 0px 20px;}
.rss a {text-decoration:none;}
.rss a:hover {text-decoration:none;}
/*************************************
Newsom styles hidden for Lee
**************************************/

.topstory {display: none;}	
.updates {display: none;}
.topics {display:none;}
form{padding:0px;margin:0px;}
/*************************
contact form
***************************/	
#contactForm { border-right:1px dotted #A9D2E6;}
#contactForm label{
	font-size: 1.2em;
	display: block;
	margin-bottom: 3px;
	line-height:1.9;
	vertical-align: top;
	}
#contactForm input.submit { margin-left: ; border:0; }
#contactForm label.error {margin-left:0px;}
#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;
}

#frm_name, #frm_phone, #frm_email {
	width: 530px;
	font-size: 1.2em;
	padding: 8px 10px;
	border: 1px solid #214566;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 18%, from(#ccc), to(#fff));
	background-image: -moz-linear-gradient(0% 18% 90deg, #fff, #ccc);
}

#contactForm textarea {
	width: 530px;
	font-size: 1.2em;
	padding: 8px 10px;
	border: 1px solid #214566;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 3%, from(#ccc), to(#fff));
	background-image: -moz-linear-gradient(0% 3% 90deg, #fff, #ccc);
}

/*************************
sfgov plugins icons
***************************/
#sf_plugins ul, #sf_plugins 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;}

td.dotline {border-bottom:1px dotted #A9D2E6; width:85%; padding-bottom: 15px;}
td.dotlinev {border-right:1px dotted #A9D2E6;}

.listDiv {padding-bottom: 20px;}

/************************************
archived press releases floating divs
**************************************/
.press_release_content
{
  width: 97%; 
  padding-bottom: 15px;  
  overflow: hidden; 
}

.press_release_content p
{
  padding-left: 5px;
}

.press_release_photo
{
  float: left;  
  width: 25%;
  padding-top:3px;
}

.press_release_copy
{
  float: left;
  width: 65%;
  text-align:left;
  padding-left: 18px;
}

/************************************
mayors office websites floating divs
**************************************/

.mayors_office_website_content
{
  width: 97%; 
  padding-bottom: 15px;  
  overflow: hidden; 
}

.mayors_office_website_photo
{
  float: left;  
  width: 20%;
  padding-top:3px;
}

.mayors_office_website_copy
{
  float: left;
  width: 70%;
  text-align:left;
  padding-left: 18px;
}

/************************************
mayors office websites floating divs
**************************************/

.neighborhood_content
{
  width: 97%; 
  padding: 20px 0 45px 0;  
  overflow: hidden; 
}

.neighborhood_photo
{
  float: left;  
  width: 32%;
  padding-top:3px;
}

.neighborhood_copy
{
  float: left;
  width: 58%;
  text-align:left;
  padding-left: 18px;
}

.sffind_content
{
  width: 97%; 
  padding: 10px 0 10px 0;  
  overflow: hidden; 
}

.sffind_image
{
  float: left;  
  width: 15%;
}

.sffind_copy
{
  float: left;
  width: 75%;
  text-align:left;
  padding-left: 18px;
}

/************************************
season of giving floating divs
**************************************/

.seasonofgiving_content
{
  width: 97%; 
  padding: 20px 0 5px 0;  
  overflow: hidden; 
}

.seasonofgiving_image
{
  float: left;  
  width: 40%;
  padding-top:3px;
}

.seasonofgiving_copy
{
  float: left;
  width: 56%;
  text-align:left;
  padding-left: 18px;
}

/************************************
get connected floating divs
**************************************/

.twitter_facebook_content
{
  width: 97%; 
  padding: 10px 0 10px 0;  
  overflow: hidden; 
}

.twitter_info
{
  float: left;  
  width: 43%;
  padding-top:3px;
}

.facebook_info
{
  float: left;
  width: 50%;
  text-align:left;
  padding-left: 18px;
}

.youtube_flickr_content
{
  width: 97%; 
  padding: 10px 0 50px 0;  
  overflow: hidden; 
}

.youtube_info
{
  float: left;  
  width: 53%;
  padding-top:3px;
}

.flickr_info
{
  float: left;
  width: 40%;
  text-align:left;
  padding-left: 18px;
}

/************************************
ADDRESS & SPEECHES PAGE
**************************************/

.speeches {
	clear: left;
	min-height: 100px;
	margin-bottom: 10px;
}

.speeches img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C4C4C4;
    float: left;
    padding: 4px;
	margin-right: 20px;
}

li.tweet div.footer {display: none !important;}


/************************************
       HEALTH REFORM STYLES
**************************************/
/****Home Page *****/
#coverage-options {
margin: 20px 0;
}

#coverage-options>div {
width: 238px;
float: left;
margin: 0 5px 0 0;
padding: 0;
}

#coverage-options .option-wrapper {
border: 1px #ccc solid;
}

#coverage-options #business {
margin-right: 0;
clear: none;
}
#coverage-options h4 {
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
background: #F4C75A;
text-transform: uppercase;
padding: 12px 0 10px;
text-align: center;
line-height: 1;
font-size: 1.125em;
margin: 0;
width: 238px;
overflow: hidden;
color: #000;
}

#coverage-options #partner h4 {
background: #CAE3EF;
}
#coverage-options #business h4 {
background: #A0D264;
}
#coverage-options div p {
padding: 10px 15px 0;
min-height: 110px;
}
#coverage-options div .home-choice-button {
padding: 10px 0 8px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #F4C75A;
display: block;
margin: 0 auto 20px;
width: 40%;
text-align: center;
text-decoration: none;
color: #000;
font-weight: bold;
}

#coverage-options #partner .home-choice-button {
background: #CAE3EF;
}
#coverage-options #business .home-choice-button {
background: #A0D264;
}
#coverage-options .home-choice-button:hover,
#coverage-options .home-choice-button:active,
#coverage-options .home-choice-button:focus {
background: #999 !important;
color: #fff !important;
}
#coverage-options #business .home-choice-button {
background: #A0D264;
}

/****Individual Page *****/

#intro-wrapper {
	
    background: #eee;
	margin: 20px 0;
	-webkit-border-radius: 10px;
    border-radius: 10px;
}

#intro-wrapper img {
	float: right;
	overflow: hidden;
	-webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}

#intro-content {
    text-align: center;
	padding: 70px 1.5em 0;
	width: 42%;
}

#intro-content h2 {
    font-size: 1.5em;
	line-height: 1.4;
	margin-bottom: 20px;
}


#content-intro {
    clear: both;
}

.enroll-heading a {
	padding: .25em .5em;
	display: inline-block;
	background: #276F91;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	color: #fff;
	font-size: 1.75em;
    font-weight: bold;
    text-decoration: none;
}

.coveredca {
    margin-top: 0;
}

.enroll-heading a:hover,
.enroll-heading a:active,
.enroll-heading a:focus {
	background: #fff;
	color: #276F91;
}

#individual-table,
#business-table {
    border-collapse: collapse;
}

#individual-table caption,
#business-table caption {
    font-weight: bold;
    text-align: left;
    font-size: 1.3em;
    margin: 10px 0;
}

#individual-table th,
#individual-table td,
#business-table th,
#business-table td {
    border: 1px solid #ccc;
    padding: 10px;
}

#individual-table th,
#business-table th {
    background: #eee;
}

#individual-table #col-1 {
	width: 15%;
}

#individual-table #col-2 {
	width: 35%;
}

#individual-table #col-3 {
	width: 14%;
}

#business-table #col-4 {
	width: 35%;
}

/****Translation Buttons *****/

#button-wrapper {
	float: left;
	margin: 0 50px;
	padding-bottom:20px;
}

a.chinese-button {
	padding: 10px 0 8px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #276f91;
	display: block;
	margin: 0 50px 0 50px;
	width: 40%;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	width: 250px;
	float: left;
}

a.spanish-button {
	padding: 10px 0 8px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #276f91;
	display: block;
	width: 40%;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	width: 250px;
	float: left;
}

.chinese-button:hover, .chinese-button:active, .chinese-button:focus, .spanish-button:hover, .spanish-button:active, .spanish-button:focus {
	background: #999 !important;
	color: #fff !important;
	text-decoration: none;
}

/* Added Styles */




/*********************************************
Additional Styles 
***********************************************/
body {
   background: #F0F0F0;    
}
.header {
   background-color:transparent;
   background-image: none;
   clear:both;
   margin:0px;
   position: relative;
   float: right;
}
/*
.searchbox{height:35px;width:320px;}
.searchbox_textbox{background:#F6F6F6;width:215px;height:20px;}
.searchbox_button{margin:0;}
*/
.mainSpan{margin-top:0;}
#sf_footer{text-align:center; 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-bottom: 0;}

.site-name a {
   color: #fff;
   font-size: 24px;
   text-decoration:none;    
   font-family: sans-serif;
   font-weight: bold;
   line-height: 1.3;
   text-shadow: 2px 2px 0 #2E2E2E;
}

.site-city-slogan img {margin-bottom: 5px;}

.logo-img img {margin: 15px 0 10px 0;}

.header_left {float:left;margin-left:10px; padding-bottom:30px;}




/******************************
Edited style for sfmayor
*******************************/
/*
.searchbox {
	
	float: right;
	width: 150px;
	height: 32px;
	position: relative;
	right:10px;
	margin-top: 40px;
	
}

.searchbox_textbox {font-size: 10px;height:32px; width="1024px";}



/*
div.form_container
{
position:absolute;
right:0px;
width:380px;

}
*/

#dropdownmenu {clear:both;}


*/


/******************************
Edited style for sf mayor footer
*******************************/

#sf_footer{margin-top:30px;text-align:center;}
#zone-wrapper img, #sf_footer img{border:0;text-align:center;}
#sf_footer img {margin-bottom:10px;text-align:center;}
.copyright {
	font-size: 70%;
	color: rgb(103, 123, 135);
	font-family: sans-serif;
    text-align:center;
}
.searchbox {height: 35px; margin: -25px 10px 0 0;}  
/*.                    
.searchbox_textbox {
   background: #F6F6F6;
   width: 200px;
   height: 32px;
   border:none;
   padding: 2px;
   float: left;
   font-size: 14px;
   font-weight: normal;
   color: #666;
   margin-top: -120px;
  position:absolute;
  right:120px; 
  padding-right: 110px;
}
*/

/*.searchbox_button {vertical-align:middle;height:38px;position:absolute;margin-top:100px;}*/
/*.
.searchbox_button {
    vertical-align: middle;
    height: 32px;
    position: absolute;
    margin-top: -120px;
	right:60px;
    margin-left: 0px;
	}
*/

.footer {
text-align:center;
margin-left:40px;
margin:0 auto;
margin-top: 5px;
}

#sf_footer img{
border:0;
}

.searchbox_textbox {
    background: none repeat scroll 0 0 #F6F6F6;
    border: medium none;
    color: #666666;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 28px;
    margin-top: 0;
    padding: 2px;
    width: 215px;
}

.searchbox_button {
    vertical-align: middle;
    /* position: absolute;
  margin-top: -25px;
    right: 1px;*/
    margin-left: 3px;
}