/* v2.4.4 :: 2008.04.21 07:04 */
/* Primary template styles (Departments, Global) */

@import "ver2_main.css"; /* Global template styling */

/* Color Glossary
	#F7FCFC - palest gray-blue
	#F0F4F4 - pale gray-blue
	#A9BEC3 - medium gray-blue (only slightly lighter than below)
	#A6BBC1 - medium gray-blue
	#5A7D75 - medium-dark green
	#597D75 - medium-dark green (virtually the same as above)
	#5F696D - dark blue-gray
	#D8D8D8 - light gray
	#B8B8B8 - medium gray
	#B2B2B2 - darker medium gray
	#111    - very dark gray
*/

/* Body */
	#body {
		background: url('../images/dept_bg.gif') repeat-y;
		overflow: auto;
		border-left: 2px solid #B2B2B2;
		border-right: 2px solid #B2B2B2;
	}

	a { color: #5A7D75; }
	
/* Header */
	#header {
		position: relative;
		height: 76px;
		background: url('../images/deptheader_mouseout.gif') no-repeat;
		font-size: .9em;
		z-index: 10;
	}

	#header h1 { display: none; }
	#header p { display: none; }
	#header ul { display: none; list-style-type: none; padding:0; margin:0; }
	#header li { position: absolute; }

	#header a {
		position: absolute; top: 58px;
		display: block; text-indent: -10000em;
		width: 116px; height: 17px;
	}

	#home a { top: 12px !important; width: 300px; height: 44px; }
	#mayors_office a { left: 10px; }
	#metro_council a { left: 139px; }
	#online_services a { left: 268px; }
	#directory a { left: 396px; }
	#employment a { left: 525px; }
	#help_center a { left: 654px; }

	#header a:hover { background: url('../images/deptheader_mouseover.gif'); }
	#home a:hover { background: none; }
	#mayors_office a:hover { background-position: -2px -2px; }
	#metro_council a:hover { background-position: -2px -21px; }
	#online_services a:hover { background-position: -2px -40px; }
	#directory a:hover { background-position: -2px -59px; }
	#employment a:hover { background-position: -2px -78px; }
	#help_center a:hover { background-position: -2px -97px; }

/* Search -- physically exists in the sidebar, positioned into the header */
	#search input {
		position: absolute; top:-58px; right:10px;
		vertical-align: text-bottom;
	}

	#search label { display: none; }

	#search #txtsearchfor {
		background: url('../images/search_box.gif'); border:0;
		right: 74px;
		width: 245px; height: 16px;
		padding: 4px;
		font: bold 13px Tahoma, Verdana, Arial, sans-serif;
	}

/* [Left] Navigation */
	#dept {
		float: left;
		width: 194px; height: 60px;
		margin: 4px 0 0 2px;
		border: 1px solid #222;
		text-indent: -5000px;
		overflow: hidden;
	}

	* html #dept { margin-left: 2px; }

	#nav {
		float: left;
		width: 202px;
		clear: left;
		font-size: .9em;
	}

	#nav a {
		vertical-align: middle;
		color: #5F696D; font-weight: bold; /*5F696D*/
		word-wrap: break-word;
		padding: 1px 2px 1px 0;
	}
	
	#nav a img { border: 0; }
	
	#nav a:hover { background-color: #D9DFDF; }

	#menu {
		width: 192px;
		margin: 0 0 2px 4px;
		padding-top: 6px;
		background: #F0F4F4 url('../images/dept_menu_top.gif') no-repeat top;
	}

	#menu a { display: block; height: 1%; } /* IE Doppleganger fix */
	#menu #socialmediaicons img, #menu #socialmediaicons a { display: inline; padding: 0; margin: 0 1px; }
	#extras #socialmediaicons img, #extras #socialmediaicons a { display: inline; padding: 0; margin: 0 1px; }
	#menu h3, #menu h4, #menu h5 { font-size: 1em; padding-bottom: .5em; color: #333333; }
	#menu div {
		padding: 0 4px 7px 4px;
		background: url('../images/dept_menu_bottom.gif') no-repeat bottom;
	}

	#menu div div { padding:0; background:none; }

	#menu ul {
		margin: 0;
		padding: 0 4px 6px 18px;
		list-style-image: url('../images/dept_nav_bullet.gif') !important;
	}

	#nav #extras h3, #nav #extras h4, #nav #extras h5 { font-size: 1em; }
	#nav #extras ul { list-style-type: none; }
	#nav #extras { padding: 1em 0 .8em 6px; }
	#nav #extras li { padding-bottom: 6px; }

/* [Main / Right] Content */
	#main {
		position: relative;
		float: right;
		margin: -63px 3px 3px 0;
		padding: 4px;
		width: 556px;
		border: 3px solid #F0F4F4;
		background: #FFF;
	}

	* html #main { margin-top: 4px; }
	*+html #main { margin-top: 4px; }

	#content { line-height: 1.3em; }
	#content a { text-decoration: underline; }
	#content a img { border: 0; }

	#content table {
		padding:0;
		margin: 0 0 1em 0;
		border-collapse: collapse;
	}

	#content th {
		border: solid 1px #A9BEC3;
		padding: 0 2px;
		background-color: #A9BEC3;
		color: #000;
		vertical-align: top;
	}

	#content td {
		border: solid 1px #A9BEC3;
		padding: 0 2px;
	}

	#content dt { font-weight: bold; }
	#content dd { margin-left: 0; margin-bottom: 1em; padding-left: 0; }

	#content h3,
	#content h4,
	#content h5,
	#content h6 { margin-bottom: .5em; }
	
	#content h3 { font-size: 1.3em; font-weight: bold; }
	#content h4 { font-size: 1.2em; font-weight: bold; }
	#content h5 { font-size: 1.1em; font-weight: bold; }
	#content h6 { font-size: 1em; font-weight: bold; }
	
	.width_75pct { width: 75%; margin-left: auto; margin-right: auto; padding: 4px; }
	.outline_thin { border: 1px solid #000; }
	.outline_medium { border: 2px solid #000; }
	.bold { font-weight: bold; }
	.important { color: #C00; font-weight: bold; }
	
	.center { text-align: center; padding-left:0; padding-right:0; margin-left:0; margin-right:0; }
	.left { float: left; margin-right: 1em; }
	.right { float: right; margin-left: 1em; }
	.clear { clear: both; }
	
	.caption, .note { font-size: .8em; }
	.nobullet { list-style-type: none; }
	
	.indent_small { margin-left: 3em; }
	.indent_medium { margin-left: 5em; }
	
	.lt_bg { background-color: #F0F4F4; }
	.dk_bg { background-color: #A9BEC3; }

/* [Main / Right] Sidebar */
	#sidebar {
		float: right;
		width: 194px;
		margin: 0 0 5px 5px;
		line-height: 1.2em;
		font-size: .92em;
	}

	#sidebar h3 {
		margin: .5em 0 .2em 0;
		font-size: 1.3em; font-weight: bold; font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
		border-bottom: 1px solid #A9BEC3;
	}

	#sidebar p,
	#sidebar ul {
		margin: 0 0 .4em 0;
		word-wrap: break-word;
	}
	
	#sidebar li { padding-bottom: .3em; }
	
	#sidebar p,
	#sidebar li { display: block; height: 1%; } /* IE Doppleganger fix */
	/*#sidebar a { display: block; height: 1%; }*/
	#sidebar a:hover { text-decoration: underline; }
/* Breadcrumb styles */

	div#breadcrumbs {
		margin-bottom: 1em;
		height: 1.1em;
		font-size: 0.9em;
	}
	#breadcrumbs ul {
		margin: 0;
		padding: 0;
	}
	#breadcrumbs li {
		list-style-type: none;
		float: left;
		font-weight: bold;
	}
	#breadcrumbs li a {
		font-weight: normal;
	}
	#breadcrumbs li+li {
		background-image: url(/images/bcarrow.gif);
		background-repeat: no-repeat;
		padding-left: 1.2em;
	}