@charset "utf-8";
a, a:active{outline: none;}
a:focus{-moz-outline-style: none;}

.search_go
{
 background: url(../images/homepage/menu_go.gif) no-repeat;
 height:16px;
 width:16px;
 border:none;
}
.search_go:hover, .search_go:active, .search_go:focus
{
 background: url(../images/homepage/menu_go.gif) 0 -24px no-repeat;
 cursor: pointer;
 cursor: hand;
}

/*** SKIP NAV ***/
.skipnav a, .skipnav a:hover, .skipnav a:visited, .skipnav p{
 height:1px;
 left:0;
 overflow:hidden;
 position:absolute;
 top:-500px;
 width:1px;
 }
 
.skipnav a:active {
 height:auto;
 position:static;
 width:auto;
 }
 
.skipnav img {
 border:0;
 width:1px;
 height:1px;
 float:left;
 }

/* navigation */
#navigation {
height: 35px;
width: 972px;
border-left: #CCCCCC solid 1px;
border-right: #CCCCCC solid 1px;
}
 
/*-- begin hover next,prev buttons --*/

#hover_next span, #hover_prev span, #hover_pause span {
margin-left: -10000px;
}

#hover_next, #hover_prev, #hover_pause {
position:absolute;
height: 125px;
background-repeat: no-repeat;
display: block;
overflow: hidden;
width: 77px;
top: 50px;
cursor: pointer;
cursor: hand;
z-index: 10;
}

#hover_next {
background-image: url(../a-carousel/images/hover_next.gif);
background-position: 21px 60px;
padding: 30px 0 30px 30px;
left: 410px;
}

#hover_pause {
background-image: url(../a-carousel/images/hover_pause.gif);
background-position: 21px 60px;
padding: 30px 0 30px 30px;
left: 210px;
}

#hover_prev {
background-image: url(../a-carousel/images/hover_prev.gif);
background-position: 8px 60px;
padding: 30px 30px 30px 0;
left: 7px;
}
/*-- end hover next,prev buttons --*/
 
#container {
width: 974px;
margin: 15px auto;
height: 100%;
}

#home_header {
background: url(../images/homepage/SFhome_header.jpg) top no-repeat;
height: 98px;
clear:both;
}

#home_header h1 {
text-indent:-9999px;
font-size: 1.0em;
}

/* contents - below header and navigation*/
#contents {
border-left: #CCCCCC solid 1px;
border-right: #CCCCCC solid 1px;
border-bottom: #CCCCCC solid 1px;
background-color:#FFFFFF;
padding: 0;
margin:0;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
z-index:1;
overflow: hidden; /* key item to push the backg down */
}

#contents a {
 color: #0456a2;
 font-weight: normal;
 text-decoration: none;
}

#contents a:hover, #contents a:active, #contents a:focus {
 color: #df7805;
 font-weight: inherit;
 text-decoration: underline;
}

/* Middle section Slide Show area */
#home_middle {
background:url(../images/homepage/SFhome_centerbackg.gif) top left repeat-x;
margin-top:0;
width: 972px;
height: 295px;
clear: both;}

#home_slideshow_right {
background:url(../images/homepage/SFhome_centerLr.jpg) top right no-repeat;
width: 732px;
height: 295px;
z-index: 1;
float:left;
position:relative;
}

#home_slideshow {
background-color:#FFFFFF;
width:703px;
height:267px;
top: 15px;
left: 15px;
display:block;
position:absolute;
z-index:2;
}

.s1{display:none;}

/* Middle section Right side Mega menu */
#home_dropdown {
background:url(../images/homepage/SFhome_centerR.jpg) top right no-repeat;
width: 240px;
height: 295px;
float: right;
z-index: 9999;
}

#home_dropdown h2 {
background:url(../images/homepage/getthingsdone.gif) no-repeat;
width: 103px;
height: 16px;
text-indent:-9999px;
font-size: 1.0em;
margin: 20px 0 0 20px;
}

ul#menu {margin-left: 0px; padding:15px 0 0 20px;}
ul#menu div {display: none;}
ul#menu li {list-style:none;}
ul#menu li.none {background: none;}
ul#menu li.mega div li {margin-top:0;}

ul#menu li.search {
 background: url(../images/homepage/menu_search.gif) no-repeat;
 height:26px;
 padding:5px 0 0 10px;
 width:189px;
 list-style:none;
 list-style-position: outside;
 margin-top:10px;
}

.drop {display:none;
	 position: relative;
	 overflow:visible;
	 margin: -2px -310px;
	width:431px;
	z-index:9999;
	padding-top:3px;
}
ul#menu li:hover .drop {display:block;z-index:9999;top:0px;}
ul.drop h3 {margin:10px 0 0 20px; color:#013366; font-size:0.9em; padding-bottom:10px;} /* heading inside the mega menu */
.fl {float:left; margin-top:10px;}
.fr {float:right;padding-right: 100px; margin-top:10px;}

a.search_go {
 background: url(../images/homepage/menu_go.gif) no-repeat top left;
 width: 16px;
 left:155px;
 top: 2px;
 position:relative;
 text-indent:-9999px;
 display:block;
 z-index:1;
}
a:hover.search_go {background: transparent url(../images/homepage/menu_go.gif) 0 -24px no-repeat;}

#ser_tab, #req_tab, #res_tab{
 background: url(../images/homepage/SFhome_dropdown.gif) no-repeat;
 height:26px;
 padding:5px 0 7px 10px;
 width:189px;
 list-style:none;
 list-style-position: outside;
 margin-top:15px;
}

.menu_neighbor {
 background: url(../images/homepage/menu_neighbor.gif) no-repeat top left;
 width: 168px;
 height:21px;
 position:relative;
 text-indent:-9999px;
 display:block;
}

a:hover.menu_neighbor,a:focus.menu_neighbor{background: transparent url(../images/homepage/menu_neighbor.gif) 0 -21px no-repeat;}

.menu_request {
 background: url(../images/homepage/menu_request.gif) no-repeat top left;
 width: 168px;
 height:21px;
 position:relative;
 text-indent:-9999px;
 display:block;
}

a:hover.menu_request,a:focus.menu_request{background: transparent url(../images/homepage/menu_request.gif) 0 -21px no-repeat;}

.menu_services {
 background: url(../images/homepage/menu_services.gif) no-repeat top left;
 width: 168px;
 height:21px;
 position:relative;
 text-indent:-9999px;
 display:block;
}
a:hover.menu_services,a:focus.menu_services{background: transparent url(../images/homepage/menu_services.gif) 0 -21px no-repeat;}

.menu_services,.menu_request,.menu_neighbor{
	cursor: pointer;
	cursor: hand;
}

/* -- neighborhood resource map --*/ 
#home_map{
 width:180px;
 height:180px;
 margin: 0; padding: 0;
 background: url(../images/homepage/home_map_image.gif);
 right:10px;
 top:40px;
 position:absolute;
} 

#home_map li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#home_map a {display: block; TEXT-DECORATION: NONE;}
.district {width:120px; margin:0; left:20px; top:40px; float:left; position:absolute;}
.sup {width:150px; padding-left:20px; margin:0; top:40px; left:110px;float:left; position:absolute;}

.bosHead{margin-top:0px;padding-bottom:3px;font-weight:bold;color:#013366}

#dist_1 {left:0; top:64px; width:80px; height:42px; z-index:9999;}
#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:hover, #dist_1 a:active, #dist_1 a:focus{background: transparent url(../images/homepage/home_map_image.gif) 0 -777px no-repeat;}
#dist_2.hover, #dist_2 a:hover, #dist_2 a:active, #dist_2 a:focus{background: transparent url(../images/homepage/home_map_image.gif) -21px -566px no-repeat;}
#dist_3.hover, #dist_3 a:hover, #dist_3 a:active, #dist_3 a:focus{background: transparent url(../images/homepage/home_map_image.gif) -104px -915px no-repeat;}
#dist_4.hover, #dist_4 a:hover, #dist_4 a:active, #dist_4 a:focus{background: transparent url(../images/homepage/home_map_image.gif) 0 -980px no-repeat;}
#dist_5.hover, #dist_5 a:hover, #dist_5 a:active, #dist_5 a:focus{background: transparent url(../images/homepage/home_map_image.gif) -40px -415px no-repeat;}
#dist_6.hover, #dist_6 a:hover, #dist_6 a:active, #dist_6 a:focus{background: transparent url(../images/homepage/home_map_image.gif) -96px -713px no-repeat;}
#dist_7.hover, #dist_7 a:hover, #dist_7 a:active, #dist_7 a:focus{background: transparent url(../images/homepage/home_map_image.gif) 0 -631px no-repeat;}
#dist_8.hover, #dist_8 a:hover, #dist_8 a:active, #dist_8 a:focus{background: transparent url(../images/homepage/home_map_image.gif) -75px -264px no-repeat;}
#dist_9.hover, #dist_9 a:hover, #dist_9 a:active, #dist_9 a:focus{background: transparent url(../images/homepage/home_map_image.gif) -85px -634px no-repeat;}
#dist_10.hover, #dist_10 a:hover, #dist_10 a:active, #dist_10 a:focus{background: transparent url(../images/homepage/home_map_image.gif) -95px -975px no-repeat;}
#dist_11.hover, #dist_11 a:hover, #dist_11 a:active, #dist_11 a:focus{background: transparent url(../images/homepage/home_map_image.gif) -47px -856px no-repeat;}

/* News blog bar section */
#news_bar {
background:url(../images/homepage/newsbar_backg.gif) top left repeat-x;
height: 36px;
width: 974px;
}

#news_bar_box {
left: 0px;
position:relative;
background:url(../images/homepage/newsbar_backg.gif) repeat-x scroll left top transparent;
height:57px;
width: 100%;
position:relative;
z-index:4000;
}

#news_bar_box1 {
background:url(../images/homepage/newsbox1.gif) top right no-repeat;
padding-top:12px;
width: 131px;
height: 41px;
float: left;
margin-left: 15px;
margin-top: 7px;
}

#news_bar_box2 {
background:url(../images/homepage/newsbox2.gif) top left repeat-x;
width:577px;
height: 41px;
padding : 12px 0 0 5px;
float:left;
left: 130px;
margin-top: 7px;
}

#news_bar_box2 span {
font-family:Arial, Helvetica, sans-serif;
vertical-align: bottom;
}

#news_bar_box3 {
background:url(../images/homepage/newsbox3.gif) top left no-repeat;
width: 8px;
height: 41px;
float: left;
left: 712px;
margin-top: 7px;
}

#news_text{
 list-style:none;
 margin:0;
 padding:0;
 padding-top:0px;
 white-space: nowrap;
} 

#news_bar_box2 ul li{
width:500px; 
height:16px;
}

#news_bar_box2 a, #news_bar_box2 a:hover, #news_bar_box2 a:active, #news_bar_box2 a:focus{
 color: #0456a2;
 font-weight: bold;
 text-decoration: none;
 font-size:16px;
}
#news_next,#news_pause{
background:url(../images/homepage/news_play.gif) no-repeat;
height:17px;
top:5px;
width:18px;
z-index: 5000;
cursor: pointer;
cursor: hand;
z-index: 5000;
float: right;
/*margin-top: -13px*/
}
#news_pause{
background:url(../images/homepage/news_pause.gif) no-repeat;
left:548px;
}

#carousel ul li {float:right;}

/* bottom 4 boxes area */
#box_btm {
background:url(../images/homepage/btmbox_backg.gif) bottom left repeat-x;
height: 170px;
width: 100%;
padding: 0;
z-index:0;
clear:both;
}

.slide{display:none;}
#slide1,#slide2,#slide3,#slide4{display:inline-block;float:left;padding-right:6px;}