@charset "utf-8";
/* CSS Document */


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
{
 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;
 }
 
/*-- begin hover next,prev buttons --*/
#hover_next, #hover_prev , #hover_pause{
cursor: pointer;
cursor: hand;
z-index: 9999;
}

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

#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 --*/
 
/*-- map --*/ 

#map_div{margin:0;padding:0;}

#home_map{
 width:180px;
 height:180px;
 margin: 0; padding: 0;
 background: url(../images/homepage/home_map_image.gif);
 position: relative;
} 

#home_map li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#home_map a {display: block; TEXT-DECORATION: NONE;}

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

#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{background: transparent url(../images/homepage/home_map_image.gif) 0 -777px no-repeat;}
#dist_2.hover{background: transparent url(../images/homepage/home_map_image.gif) -21px -566px no-repeat;}
#dist_3.hover{background: transparent url(../images/homepage/home_map_image.gif) -104px -915px no-repeat;}
#dist_4.hover{background: transparent url(../images/homepage/home_map_image.gif) 0 -980px no-repeat;}
#dist_5.hover{background: transparent url(../images/homepage/home_map_image.gif) -40px -415px no-repeat;}
#dist_6.hover{background: transparent url(../images/homepage/home_map_image.gif) -96px -713px no-repeat;}
#dist_7.hover{background: transparent url(../images/homepage/home_map_image.gif) 0 -631px no-repeat;}
#dist_8.hover{background: transparent url(../images/homepage/home_map_image.gif) -75px -264px no-repeat;}
#dist_9.hover{background: transparent url(../images/homepage/home_map_image.gif) -85px -634px no-repeat;}
#dist_10.hover{background: transparent url(../images/homepage/home_map_image.gif) -95px -975px no-repeat;}
#dist_11.hover{background: transparent url(../images/homepage/home_map_image.gif) -47px -856px no-repeat;}
 


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

/* navigation */
#nav {
background:url(../images/homepage/nav_backg.gif) repeat-x;
height: 35px;
width: 972px;
border-left: #CCCCCC solid 1px;
border-right: #CCCCCC solid 1px;
}

#nav-home {
background: url(../images/homepage/SFhome_nav.gif) top left no-repeat;
 height: 35px;
 width: 941px;
 margin: 0px 18px;
 position:relative;
}
#nav-home li {margin-top:0px; padding:0px; list-style: none; float:left; position: absolute;}

#nav-home li, #nav-home a {
height: 35px;
display: block;
overflow:hidden;
text-indent:-9999px;
}

#home_1 {left:390px; width: 110px;}
#home_2 {left:510px; width: 170px;}
#home_3 {left:700px; width: 120px;}
#home_4 {left:850px; width: 100px;}

#home_1 a:hover,#home_1 a:focus  {background: transparent url(../images/homepage/SFhome_nav.gif) -390px -35px no-repeat;}
#home_2 a:hover,#home_2 a:focus   {background: transparent url(../images/homepage/SFhome_nav.gif) -510px -35px no-repeat;}
#home_3 a:hover,#home_3 a:focus   {background: transparent url(../images/homepage/SFhome_nav.gif) -700px -35px no-repeat;}
#home_4 a:hover,#home_4 a:focus   {background: transparent url(../images/homepage/SFhome_nav.gif) -850px -35px no-repeat;}

/* 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 {
 color: #5ba4e8;
 font-weight: normal;
 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: 2;
float:left;
position:relative;
}

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

/* 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/findinfo.gif) no-repeat;
width: 106px;
height: 13px;
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;
}

ul#menu li.mega div {
 width: 431px;
 position: relative;
 margin-top: -5px;
 right: 305px;
 z-index:3;
}

ul#menu li.hovering div {display: block;z-index:9999;top:5px;}

.drop {display:none;}
ul#menu li:hover .drop {display:block;z-index:9999;top:5px;}

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 10px 10px;
 width:189px;
 list-style:none;
 list-style-position: outside;
 margin-top:10px;
}

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

.dropbox_1 {
background:url(../images/homepage/megamenu_1.gif) bottom left no-repeat;
width:431px;
height:32px;
}

.dropbox_1 h3 {
font:bold 0.8em;
color: #013366;
margin:0;
position:relative;
padding:10px;}

.dropbox_2 {
background:url(../images/homepage/megamenu_2.gif) top left repeat-y;
padding-top:5px;
width:431px;
position:relative;
height:200px;
}
.dropbox_2 ul{
 margin:0;list-style:none;padding:0;
}

.dropbox_3{
background:url(../images/homepage/megamenu_3.gif) top left no-repeat;
width:431px;
height:10px;
}

#ser_tab div li.dropbox_2 ul,#req_tab div li.dropbox_2 ul{
 width: 200px;
 padding:0;
 margin-left:10px;
 float:left;
}
#req_tab div li.dropbox_2{height:100px;}
#ser_tab div li.dropbox_2{height:140px;}


/*-- map --*/ 
#home_map{
 width:180px;
 height:180px;
 margin: 0; padding: 0;
 background: url(../images/homepage/home_map_image.gif);
 left:200px;
 top:5px;
 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:70px; padding:0; margin:0; left:10px;top:5px;position:absolute;}
.sup {width:150px; padding:0; margin:0; left:80px;top:5px;position:absolute;}

#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{background: transparent url(../images/homepage/home_map_image.gif) 0 -777px no-repeat;}
#dist_2.hover{background: transparent url(../images/homepage/home_map_image.gif) -21px -566px no-repeat;}
#dist_3.hover{background: transparent url(../images/homepage/home_map_image.gif) -104px -915px no-repeat;}
#dist_4.hover{background: transparent url(../images/homepage/home_map_image.gif) 0 -980px no-repeat;}
#dist_5.hover{background: transparent url(../images/homepage/home_map_image.gif) -40px -415px no-repeat;}
#dist_6.hover{background: transparent url(../images/homepage/home_map_image.gif) -96px -713px no-repeat;}
#dist_7.hover{background: transparent url(../images/homepage/home_map_image.gif) 0 -631px no-repeat;}
#dist_8.hover{background: transparent url(../images/homepage/home_map_image.gif) -75px -264px no-repeat;}
#dist_9.hover{background: transparent url(../images/homepage/home_map_image.gif) -85px -634px no-repeat;}
#dist_10.hover{background: transparent url(../images/homepage/home_map_image.gif) -95px -975px no-repeat;}
#dist_11.hover{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 {
width: 717px;
height: 26px;
top: 5px;
left: 15px;
position:relative;
}

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

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

#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: 7px;
height: 26px;
float: left;
left: 712px;
}
#news_bar_box2 ul{
 list-style:none;
 margin:0;
 padding:0;
 width:500px;

} 
#news_bar_box2 a, #news_bar_box2 a:hover{
 color: #0456a2;
 font-weight: bold;
 text-decoration: none;
 font-size:14px;
}
#news_next,#news_pause{
background:url(../images/homepage/news_play.gif) no-repeat;
height:17px;
left:565px;
top:5px;
width:18px;
z-index: 5000;
cursor: pointer;
cursor: hand;
z-index: 5000;
}
#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;
}