@import url('../css/custom.css');
/* @import url(//fonts.googleapis.com/css?family=Alice); */

body#main-body .leftnav_menu{display:none;}
body#main-body #nojs{display:none;}

/*-------------------------------------------------------------
	Header Styles
-------------------------------------------------------------*/	
.header {background:transparent url(../_gfx/dept_images/statuswoman_header.jpg) no-repeat scroll center top; clear:both; height:98px; margin:0px;}



/*-------------------------------------------------------------
	Left Nav Styles
-------------------------------------------------------------*/
.leftnav {
	margin: 35px 20px 0 20px;
	padding: 0;
	width: 180px;
}

.leftnav_top {
	padding: 0;
	margin: 0;
	height: 10px;
	background: url(../_gfx/dept_images/dosw_fixed/nav/nav_top.gif) no-repeat left top;
	border-bottom: 1px solid #cccccc;
}
	
#menu1 {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style: none;

	background: #ebebeb;  /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
}

#menu1 li {
	font-size: 12px;
	line-height: 1.25em;
	font-weight: bold;
	/* text-transform: uppercase; */
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #cccccc;
	font-family: Helvetica, Arial, san-serif !important;
	background: #ebebeb url(../_gfx/dept_images/dosw_fixed/nav/arrow.gif) no-repeat 12px 9px;
	
	background-position: 10px 14px; 
}

#menu1 li.active {
	background: #ebebeb url(../_gfx/dept_images/dosw_fixed/nav/arrow_open.gif) no-repeat 9px 12px;
}

#menu1 li a {
	margin: 0;
	padding: 12px 5px 10px 26px;
	color:#535353; 
	display: block;
}

#menu1 li a:hover {
	color:#255999; 
}

#menu1 li ul {
	border: 0 none;
	margin: 0; 
	padding: 0;
	list-style: none;
}

#menu1 li li {
	font-size: 11px;
	line-height: 1.2;
	text-transform: none;
	font-weight: normal;
	border: 0px none;
	padding: 2px 0 5px;
	background-image: none;
}

#menu1 li li a, #menu1 li li a:visited {
	background-image: none;
	text-decoration: none;
	color: #255999;
	padding: 0 5px 5px 26px;
}

#menu1 li li a:hover, #menu1 li li a:active, #menu1 li li a:focus {
	text-decoration: underline;
}

#menu1 li li a.current {
	font-weight: bold;
	text-decoration: none;
}

#menu1 li li a.current:after {
	content:"\0020 \25BA";
	font-size: 9px;
	vertical-align: center;
}

a.dropdownitemlevel2:hover, a.dropdownitemlevel2:focus  {
	background: transparent !important;
}

.leftnav_bottom {display: none;}

.leftnav {
    background: none repeat scroll 0 0 #ffffff;
}

#dosw-connect {display:block!important;}
#dosw_311 {display:block!important;}

/* End Left Nav Styles ---------------------------------------*/




/* Connect with Us */
#dosw-connect {
	display: block;
	width: 178px;
	height: 45px;
	border: 1px #cccccc solid;
	text-align: center;
	margin: 20px 0px 20px 0px;
	padding: 8px 0px 0px 0px;

	background: #ebebeb; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
}

/* #dosw-connect h2 {
	text-transform: uppercase;
	color: #4f4f4f;
	font-size: 12px;	
	margin: 0 0 15px 0;
	padding: 8px;
	text-align: left;
	background-color: #eee;
} */

#dosw-connect li {
	display: inline;
	font-size: 10px;
	font-weight: bold;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	/* text-align: center;
	vertical-align: middle; */
}

#dosw-connect img {
	display: inline;
	border: 0px none;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 3px;
	vertical-align: middle; 
}

#dosw-connect a {
	border: 0px none;	
	display: inline;
}
 /* End Connect with Us ---------------------------------------*/


/* 311 */
.div311 {
	display: block;
	width: 180px;
	height: 70px;
	margin: 0px;
	padding: 0px;
}

.div311 {display: none;}

/* End 311 ---------------------------------------*/







/*-------------------------------------------------------------
	Content Styles
-------------------------------------------------------------*/
#toolbar {
	margin: -38px 0px 0px 0px;
	padding: 0;
}

.mainSpan_wrapper .container {
	width:732px;
	margin-top:0; /* homepage contents height is here */
	padding: 0 10px 30px 10px;
} 


.mainSpan_wrapper .container h1 {
/*	padding:5px 0px 0px 15px; 
	font-size:2.1em; */
	color:#2a4a88;
	clear:both;

/*	font-family: 'Alice', serif;
	line-height: 1.2em;
	font-weight:400; */
	width: 100%;
}

.mainSpan_wrapper .container h2, h3, h4, h5, h6 {
	color:#2a4a88; 
/*	font-family: 'Alice', serif; 
	font-weight:400; 
	line-height: 1.2em; */
	clear:both;
}

.mainSpan_wrapper .container .content a:hover {
	border-bottom:#255999 solid 1px; 
	text-decoration:none;
}

.container ul li, #contents ul li { /*this won't effect SFGOV header and footer ul li */
	margin: 0 5px 0 10px;
	list-style-image: url(../_gfx/dept_images/dosw_fixed/nav/arrow.gif);
}



/* Slideshow Styles ---------------------------------------*/
#slideshow div{display:none;}
#slideshow div:first-child{display:block;}

#slideshow {
	margin: 0px 0px 20px 0px;
	padding: 0;
	background: #fff;
	position: relative;
	top: -56px;
	height:221px !important;
	left: 0px;
	z-index: 3;
}

#slideshow a {border:0px none;}

#pager {
	top: 260px;
	left: 265px;
	height: 16px;
	position: absolute;
	margin: 0;
	padding: 0;
	text-align:left;
	padding-right:20px;
	width:25%;
	overflow:hidden;
	z-index: 300;
}

#pager a {
	background: url(../_gfx/dept_images/dosw_fixed/slideshow/slidemarker_off.gif) no-repeat left top;
	display:inline-block;
	margin:0 5px 0 0;
	padding-top:30px;
	height:16px;
	width:16px;
	text-decoration: none;	
	}
	
#pager a.activeSlide 
{ 
	background: url(../_gfx/dept_images/dosw_fixed/slideshow/slidemarker_on.gif); 
}

#pager a:focus 
{
	outline: none; 
 }
 /* End Slideshow Styles ---------------------------------------*/



/* Events Box Styles ---------------------------------------*/
.events-box {
	width: 710px;
	height: 55px;
	background-image: url(../_gfx/dept_images/dosw_fixed/dosw_home/events-box.jpg);
	background-position: left bottom;
	background-repeat:no-repeat;
	background-color: #FFF;
	margin-top: -55px;
	margin-bottom: 20px;
}

/*  Calendar of Events: Text */
.container .events-box h3 {
	font-size: 1.04em;
	color: #535353;
	text-align:left;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 5px 10px 0px 35px; 
	text-shadow: 1px 1px 1px #FFF;
}

/*  Rotating Events Text */
.container .events-box h2 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align:left;
	padding: 10px 150px 10px 35px; 
	margin-top: 0px;
}

/*  View all Events Text */
 #viewevents {
	float: right;
    height: 31px;
    width: 121px;
	overflow: hidden;
	margin: -45px -7px 0px 0px;
	padding: 0px;
	z-index:200;
	text-align:center;
	font-weight: bold;
	text-shadow: 1px 1px 1px #F8E9DB;
}  
/* End Events Box Styles ---------------------------------------*/



/* Message from the Director Styles ---------------------------------------*/
.message {
	width: 460px;
	float: left;
	padding: 0px;
}

.container .message h1 {
	font-size: 1.6em;
	margin-top: 0em;
	padding-top: 0em;
} 
.container .message p {
	line-height: 1.5em;
} 
/* End Message from the Director Styles ---------------------------------------*/


/* Right Sidebar Styles ---------------------------------------*/
.sidebar {
	width: 230px;
	float: right;
	margin: 0 -6px 0 0;
	padding: 0;	
}

.container .commission h1 {
	font-size: 1.4em;
	text-align:center;
	margin-top: 0em;
	margin-bottom: .5em;
	text-shadow: 1px 1px 3px #FFF;
} 
.container .commission p {
	font-size: 1em;
	line-height: 1.3em;
} 
.container .commission li {
	font-size: 11px;
} 
.container .commission img {
	position:relative;
	left:48px;
} 
.commission {
	width:206px;
	border:1px solid #cccccc;
	padding:15px 12px 8px 12px; 
	margin-bottom: 20px;

	background: #F8E9DB; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #F8E9DB 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8E9DB), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8E9DB', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

	border-radius:20px 0px 20px 0px;
	-moz-border-radius:20px 0px 20px 0px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:20px 0px 20px 0px; 
	-o-border-radius:20px 0px 20px 0px; 
}


.container .president h1 {
	font-size: 1.4em;
	text-align:center;
	margin-top: 0em;
	margin-bottom: .5em;
	text-shadow: 1px 1px 3px #FFF;
} 
.container .president p {
	font-size: .9em;
	line-height: 1.6em;
} 
.container .president li {
	font-size: 11px;
} 
.container .president img {
	position:relative;
	left:48px;
} 
.president {
	width:206px;
	border:1px solid #cccccc;
	padding:15px 12px 8px 12px; 
	margin-bottom: 20px;

	background: #F8E9DB; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #F8E9DB 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8E9DB), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8E9DB', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

	border-radius:20px 0px 20px 0px;
	-moz-border-radius:20px 0px 20px 0px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:20px 0px 20px 0px; 
	-o-border-radius:20px 0px 20px 0px; 
}

.container .leadership h1 {
	font-size: 1.1em;
	text-align: center;
	margin-top: 0em;
	margin-bottom: .5em;
	text-shadow: 1px 1px 3px #FFF;
} 

.leadership {
	width:206px;
	border:1px solid #cccccc;
	padding:15px 12px 0px 12px; 
	margin-bottom: 20px;

	background: #F8E9DB; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #F8E9DB 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8E9DB), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8E9DB', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	
	border-radius:20px 0px 20px 0px;
	-moz-border-radius:20px 0px 20px 0px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:20px 0px 20px 0px; 
	-o-border-radius:20px 0px 20px 0px; 
}


.container .equality h1 {
	font-size: 1.2em;
	text-align: center;
	margin-top: 0em;
	margin-bottom: .5em;
	text-shadow: 1px 1px 3px #FFF;
} 

.equality {
	width:206px;
	border:1px solid #cccccc;
	padding:15px 12px 0px 12px; 
	margin-bottom: 20px;

	background: #F8E9DB; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #F8E9DB 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8E9DB), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8E9DB', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	
	border-radius:20px 0px 20px 0px;
	-moz-border-radius:20px 0px 20px 0px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:20px 0px 20px 0px; 
	-o-border-radius:20px 0px 20px 0px; 
}

.container .signup h1 {
	font-size: 1.4em;
	text-align:center;
	margin-top: 0em;
	margin-bottom: .5em;
	text-shadow: 1px 1px 3px #FFF;
} 

.container .signup p {
	padding: 0px 8px 0px 120px;
} 

.signup {
	width:220px;
	height: 194px;
	/* border:1px solid #cccccc; */
	padding:15px 5px 10px 5px; 
	margin-bottom: 0px;

	background-image: url(../_gfx/dept_images/dosw_fixed/dosw_home/sign-up-box.jpg);
	background-repeat:no-repeat;
}


.container .friends h1 {
	font-size: 1.3em;
	text-align: left;
	margin-top: 0em;
	margin-bottom: .5em;
	text-shadow: 1px 1px 3px #FFF;
} 

.friends {
	width:206px;
	/* border:1px solid #cccccc; */
	padding:15px 12px 10px 12px; 
	margin-bottom: 20px;

	background-image: url(../_gfx/dept_images/dosw_fixed/cosw_home/friends-background.jpg);
	background-repeat:no-repeat;
}
/* End Right Sidebar Styles ---------------------------------------*/


/* Footer Styles ---------------------------------------*/

.footer_wrapper {
	display: block;
}

#dosw_footer{
	display: block!important;
}

.footer {
	background: #F8E9DB; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #F8E9DB 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8E9DB), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #F8E9DB 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8E9DB', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

	border: 1px solid #cccccc;
	width: 972px;
	height: 60px;
	padding: 0px 0;
	margin: 0 auto;
}

#dosw_footer {
	padding: 0;
	margin-top: 21px;
	text-align:center;
}

#dosw_footer li {
	padding: 5px 0px;
	display: inline;
}

#dosw_footer li a, #dosw_footer li a:visited  {
	color: #255999;
}

#dosw_footer li a:hover, #dosw_footer li a:active, #dosw_footer li a:focused  {
	color: #255999;
}
/* End Footer Styles ---------------------------------------*/



/************************************************
   Event List View and Service Directory Components
************************************************/
.listtable {
	width:100%; 
	border:1px solid #CCCCCC !important; 
	background-color:#FFF; 
	border-collapse:separate; 
	margin: 10px 0;
}
.listtable th {
	background-color: #2A4A88; 
	padding:6px; 
	font-size: 12px; 
	font-weight: bold;
	text-align:left; 
	color: #F8E9DB; 
	text-transform:uppercase; 
	border:0px;
		
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #000;
}
.listtable_header a {
	color:#ffffff;
}
.listtable td {
	border:0; 
	border-top:1px solid #535353; 
	padding:4px; 
	margin:0;
}
.listtable tr:hover {
	background-color:#F8E9DB;
}
.listtable_buttoncolumn {
	width: 70px; 
	font-size: 9px;
}
.listtable_buttoncolumn input {
	background-image: url(http://www.sfgov3.org/ftp/_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:#F8E9DB;
}
.listtable_row_off {
	background-color:#ffffff;
}
/* End Event List Component ---------------------------------------*/



/************************************************
FAQ List
************************************************/
.listfaq {
	width:600px; 
	padding:0; 
	border-collapse: separate; 
	background-color:#FFF; 
	border: 0px;
}
.listfaq td {
	font-size: .9em;
	line-height: 1.4em;
	padding: 6px 4px 6px 4px; 
	border:0px;
}
.listfaq_answers {width:600px; padding:0; border-collapse: separate;}
.listfaq_answers td {
	padding:12px 4px 12px 4px; 
	font-size: .9em; 
	line-height: 1.4em; 
	border: 0px;  
}
.listfaq_q {
	font-size: .9em;
	line-height: 1.4em;
	font-weight:bold;
	padding: 8px 0px 8px 0px;
}
.listfaq_a p, .listfaq_a ul {margin-top:0px;}
.listfaq_a_left {
	float:left; 
	width:30px; 
	font-size: .9em;
	line-height: 1.4em;
	font-weight:bold;
	margin:8px 0px 0px 0px;
}
.listfaq_a_right {
	float:left; 
	width:500px; 
	margin:8px 0px 0px 0px;
}
/* End FAQ List ---------------------------------------*/

#sf_plugins .sf_plugins_nav {
    
    width: 350px;
}