.header_nav {height: 27px; background-color:#FFFFFF;}

.header_left {
	background-image:url(../images/template_images/hr_nav_left.gif);
	background-position: right top;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	height: 27px;
	width: 85px;
	float: left;
}

.header_center {
	background-image:url(../images/template_images/hr_nav_mid.gif);
	background-position: left top;
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	text-align:left;
	width: 100%;
	height: 27px;

}

.header_right {
	background-image:url(../images/template_images/hr_nav_right.gif);
	background-position: right top;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	height: 27px;
	width: 8px;
	float:right;	}

#nav-top2 {
 width: 651px;
 height: 14px;
 background-image:url(../images/template_images/2ndnav_css.gif);
 margin: 5px 14px; 
 margin-right: 10px;
 top: 3px;
 padding: 0;
 position: relative;
}
#nav-top2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: -1px;
}

#nav-top2 li, #nav-top2 a {height: 14px; display: block;}
#nav-top2 a {text-indent:-5000px; overflow:hidden;}


#sfgov2 {left: 0; width: 40px;}
#residents2 {left: 55px; width: 60px;}
#business2 {left: 122px; width: 70px;}
#government2 {left: 202px; width: 80px;}
#visitors2 {left: 288px; width: 60px;}
#online2 {left: 351px; width: 90px;}
#help2 {left: 602px; width: 50px;}


#sfgov2 a:hover {background: transparent url(../images/template_images/2ndnav_css.gif) 0 -14px no-repeat;}
#residents2 a:hover {background: transparent url(../images/template_images/2ndnav_css.gif) -55px -14px no-repeat;}
#business2 a:hover {background: transparent url(../images/template_images/2ndnav_css.gif) -122px -14px no-repeat;}
#government2 a:hover {background: transparent url(../images/template_images/2ndnav_css.gif) -202px -14px no-repeat;}
#visitors2 a:hover {background: transparent url(../images/template_images/2ndnav_css.gif) -288px -14px no-repeat;}
#online2 a:hover {background: transparent url(../images/template_images/2ndnav_css.gif) -351px -14px no-repeat;}
#help2 a:hover {background: url(../images/template_images/2ndnav_css.gif) -602px -14px no-repeat;}

.header_image 
{
	background-image:url(/images/template_images/hr_image_gg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

.title 
{
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	color:#002D70;
	font-size: 1.6em;
	text-decoration: none;
	padding-left: 30px;
}

.content {
	width: 73%;
	background-color:#ffffff;
	border-left:#e8e8e8 solid 1px;
	/*text-align: left;*/
	padding: 0;

}

#contents table.home tbody tr td ul {margin: 3px 0 0 0}
#contents table.home tbody tr td ul li {
	margin: 0 5px 0 17px;
	list-style-image: url(../images/template_images/arrows.gif);
	}
#contents table.home tbody tr td ul li a, #contents table.home tbody tr td ul li a:visited {text-decoration:none;}

#dptName
{
	height: 26px;
	width: 100%;
	background-color:#e8e5c4;
	border-left:#e8e8e8 solid 1px;
	color: #255a8f;
	text-align: left;
	margin-top: 0;
	padding-top:2px;
	display:block;

	}

#breadcrumb {
	height: 32px;
	text-align: left;
	width: 500px;
	top: 10px;
	position: relative;
	left: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #5a5a5a;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 0.9em;
}

#breadcrumb a {
	color: #5a5a5a;
	font-weight: normal;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #9c7304;
	font-weight: normal;
	text-decoration: underline;
}

/* Listen, text-only, print, text size icon band starts here*/
#print {
	height: 20px;
	width: 520px;
	position: relative;
	left: 30px;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	font-weight: normal;
	font-size: 0.85em;
	text-decoration: none;
	padding-bottom:10px;
	border-bottom: #CCCCCC dotted 1px;
	display:none;
}

#print ul {
	margin-left: 210px;
}

#print li {
    list-style: none;
    float: left;
}
#print li.listen {
	background:url(../images/template_images/listen_bt.gif) no-repeat;
	width: 76px;
	height:20px;
	padding-top:3px;
	text-indent:10px;
}

#print li.listen a
{
	padding-right: 25px;
}

#print li.text {
	background:url(../images/template_images/textonly_bt.gif) no-repeat;
	width: 87px;
	height:20px;
	padding-top:3px;
	text-indent:5px;
}
#print li.text a
{
	padding-right:20px;
}

#print li.print {
	background:url(../images/template_images/print_bt.gif) no-repeat;
	width: 68px;
	height:20px;
	padding-top:3px;
	text-indent:5px;
}
#print li.print a
{
	padding-right:25px;
}

#print li.sizeS {
	background:url(../images/template_images/txsize_bt.gif) no-repeat;
	width: 25px;
	height:20px;
	padding-top:3px;
	text-indent:7px;
	font-family:Arial, Helvetica, sans-serif;
}
#print li.sizeM {
	background:url(../images/template_images/txsize_bt.gif) no-repeat;
	width: 25px;
	height:20px;
	font-size: 1.3em;
	padding-top:1px;
	text-indent:5px;
	font-family:Arial, Helvetica, sans-serif;
}
#print li.sizeend {
	background:url(../images/template_images/txsize_end_bt.gif) no-repeat;
	width: 27px;
	height:20px;
	text-indent:5px;
	font-size: 1.5em;
	font-family:Arial, Helvetica, sans-serif;
}

#print a {
	color: #555555;
	font-weight: normal;
	text-decoration: none;
}

#print a:hover {
	color: #9C7304;
	font-weight: normal;
	text-decoration: underline;
}
/* Listen, text-only, print, text size icon band ends here */

.submenu {
	height: 28px;
	width: 27%;
	background-color:#f8f7ec;
	border-left:#f3f3f3 solid 2px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #292929;
	font-weight: bold;
	font-size: 1.0em;
	line-height: 1.2em;
	text-decoration: none;
}

.submenu li {
	list-style: none;
	padding: 8px 8px 8px 20px;
	line-height: 1.8em;
}

.submenu a {
	color: #1b3465;
	font-weight: bold;
	text-decoration: none;
}

.submenu a:hover {
	color: #b19446;
	font-weight: bold;
	text-decoration: underline;
}

.submenu a:visited {
	color: #565c62;
	font-weight: bold;
	text-decoration: underline;
	/*background:url(../images/template_images/visitedlink.gif) left no-repeat;
	padding-left: 13px;
	padding-top: 3px;*/
}


/*explore*/
.submenu1 {
	height: 28px;
	width: 100%;
	background-color:#e8e5c4;
	background-image:url(../images/template_images/sidemenu_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*how do we?*/
.submenu2 {
	height: 28px;
	width: 100%;
	background-color:#e8e5c4;
	background-image:url(../images/template_images/sidemenu_2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*related link*/
.submenu3 {
	height: 28px;
	width: 100%;
	background-color:#e8e5c4;
	background-image:url(../images/template_images/sidemenu_3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*searach*/
.submenu4 {
	height: 28px;
	width: 100%;
	background-color:#e8e5c4;
	background-image:url(../images/template_images/sidemenu_4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:10px;
}

.submenu4 p { padding: 8px;}

.module {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

/*blank bar*/
.submenu0 {
	height: 28px;
	width: 100%;
	background-color:#e8e5c4;
}

.sideshadow {
	background-image:url(../images/template_images/shadow_side.gif);
	width: 6px;
	margin: 0;
	padding: 0;
	background-position:top left;
	background-repeat:repeat-y;
	background-color: #edf5f7;

}

.footer {
	height: 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
	font-size: 0.8em;
	text-decoration: none;
}
.footer_left {
	background-image:url(../images/template_images/footer_left.gif);
	background-position: right top;
	background-repeat:no-repeat;
	height: 25px;
	width: 15px;
	float: left;
}

.footer_center {
	background-image:url(../images/template_images/footer.gif);
	background-position: left top;
	background-repeat: repeat-x;
	text-align:left;
	width: 100%;
	height: 25px;	
}

.footer_right {
	background-image:url(../images/template_images/footer_right.gif);
	background-position: right;
	background-repeat:no-repeat;
	height: 25px;
	width: 6px;
}

#nav-footer {
 width: 730px;
 height: 19px;
 background: url(../images/footernav_css.gif) no-repeat;
 margin-left: 30px ; padding: 0;
 position: relative;
}

#nav-footer li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#nav-footer li, #nav-footer a {height: 19px; display: block;}
#nav-footer a {text-indent:-5000px; overflow:hidden;}

#contact {left: 0; width: 58px;}
#accessibility {left: 59px; width: 75px;}
#policy {left: 135px; width: 49px;}
#copyright{left:230px; width:260px;}
#today {left:650px; width:100px;}
#contact a:hover {background: transparent url(../images/footernav_css.gif) 0 -19px no-repeat;}
#accessibility a:hover {background: transparent url(../images/footernav_css.gif) -59px -19px no-repeat;}
#policy a:hover {background: transparent url(../images/footernav_css.gif) -135px -19px no-repeat;}

.footershadow_rb {
	background-image:url(../images/template_images/footer_shadow_rb.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color: #edf5f7;
	height: 25px;
	width: 6px;
}

img {border:0;}

table
{
	text-align:left;
}

