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

body {
/* background:#341304 url(../images2/page_bg.jpg) top repeat-x; margin:0; padding:0; color:white; */
background:#47626B url(../images/311_page_bg.jpg) top left repeat-x;
margin:0; 
padding:0;
}


body#splash { /* add a top margin to the splash page */
margin-top:40px;
}

.cleaner { /* clears all floats */
clear:both;
}

.first {
margin-top:0;
}

.content { /* all content in all columns uses this - creates padding/margin */
padding:20px;
}

a:link, a:visited {
font-weight:bold;
/*text-decoration:none;*/
color:#154253;
}

a:active, a:hover {
color:#63412f;
text-decoration:underline;
}

a.bullet_link { /* links with a small red arrow before them - block level */
display:block;
width:180px;
padding-left:8px;
background: url(../images/bullet.jpg) 0 8px no-repeat;
}

h1 { 
color:#666;
font-size:1.5em;
font-weight:bold;
line-height:normal;
margin:0;
padding:1em 4px 4px 0;
font-family:Arial, Helvetica, sans-serif;
}

h2 {
color:#003d67;
font-weight:bold;
margin:0;
padding:0;
font-size:1.2em;
letter-spacing:-.1px;
font-family:Arial, Helvetica, sans-serif;
}

h3 { 
margin:0; padding:0;
color: #474c48;
font-size:1em;
}

p#highlight {
	margin:0; 
	padding:0;
	color: #474c48;
	font-size:1em;
	font-weight:bold;
}
.numberedlist_item { /* home page "how may we help you" */
clear:left; margin-top:1em; width:202px;}

.numberedlist_number {float:left; font-weight:bold; font-size:1.1em; vertical-align:top; clear:left;}

.numberedlist_para {margin:0 0 0 3em;}

form {
margin:0;
padding:0;
}

.form_field {
width:250px;
background:#f0f5ee;
}

#center_all { /* centers whole page */
position:absolute;
width:980px;
left:50%;
margin: 0 0 15px -490px;
padding-top:0;
}

#main_container {
width:980px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:normal;
color:#2d3331;
text-align:left;
line-height:1.5em;
background:#fff;
}

#header { /* holds flash header for all pages */
margin:0;
padding:0;
height:166px;
}

#citynav { /* holds city nav with search box */
color:#fff;
padding:3px 15px;
margin:0;
text-align:right;
background:#002952;
border-width:2px 0;
border-style:solid;
border-color:#fff;
}

/* Override some City styles */

	#navigation_bar {
	}
	
#navigation_bar ul li a {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:normal;
}

	#search_bar {
	width:320px;
	}


#sectionnav { /* holds tabbed nav for 311 */
background: #779BA9 url(../images/311_tab_area_background.jpg) top left repeat-x;
height:44px;
padding:8px 0 0;
margin:0;
font: bold 10pt arial, helvetica, sans-serif;
border:none;
overflow:hidden;
clear:both;
line-height:normal;
}

ul#tabnav {
   list-style: none;
   margin:0; 
   padding:0;
}

ul#tabnav li {
float:left;
display:inline;
width:103px;
height:44px;
margin: 0 0 0 6px;
padding:0px;
background:none;
}

ul#tabnav li a { 
display: block;
text-align: center;
padding-top:1.1em;
width:103px;
height:44px;
color: #000;
text-decoration: none;
background:url(../images/311_tab_inactive.jpg) no-repeat;
}

ul#tabnav li a.twoliner { /* use class twoliner when 2 lines of text on tab */
padding-top:.5em;
}


ul#tabnav li a:hover {
text-decoration: none;
background: url(../images/311_tab_active.jpg) no-repeat;
}

#content_main { /* holds the 3 columns below the tabbed nav */
width:980px;
position:relative;
float:left;
background-color:#fff;
color:#497282;
}

#content_main_table { /* table holds all content in the white content area */
width:980px;
}

#content_main_table td {
padding:15px;
vertical-align:top;
}

#leftcol { /* holds left column of white content */
width:384px;
}

#middlecol { /* holds callout balloons in middle column of white content */
width:298px;
}

td#rightcol { /* right hand column with phone/email animation */
width:320px;
padding-bottom:0;
vertical-align:bottom;
}

/* BLUE BALLOON */
	.balloon_blue {
	margin:0;
	padding:0;
	background: url(../images/311_balloon_blue_bg.jpg) left repeat-y;
	}
	
	.balloon_blue_tail {
	width:297px;
	background: url(../images/311_balloon_blue_tail.jpg) right no-repeat;
	}
	
	.balloon_blue1 {
	margin:0;
	padding:0;
	background: url(../images/311_balloon_blue1_bg.jpg) left repeat-y;
	}
	
	.balloon_blue1_tail {
	width:300px;
	background: url(../images/311_balloon_blue1_tail.jpg) right no-repeat;
	}
	
	.balloon_blue1_tail_none {
	width:300px;
	background: url(../images/1px_transparent.gif) right no-repeat;
	}
	
	.balloon_yellow {
	margin:1em 0 0;
	padding:0;
	background: url(../images/311_balloon_yellow_bg.jpg) left repeat-y;
	}
	
	.balloon_yellow_tail {
	width:297px;
	background: url(../images/311_balloon_yellow_tail.jpg) right no-repeat;
	}
	
	.balloon_yellow_tail_none {
	width:300px;
	background: url(../images/1px_transparent.gif) right no-repeat;
	}
	
	.balloon_yellow1 {
	margin:1em 0 0;
	padding:0;
	background: url(../images/311_balloon_yellow1_bg.jpg) left repeat-y;
	}
	
	.balloon_yellow1_tail {
	width:300px;
	background: url(../images/311_balloon_yellow1_tail.jpg) right no-repeat;
	}
	
	.balloon_yellow1_tail_none {
	width:300px;
	background: url(../images/1px_transparent.gif) right no-repeat;
	}
	
	.balloon_blue li {
	background-image:url(../images/311_bullet_balloon_yellow.jpg);
	}
	
	.balloon_blue img, .balloon_yellow img {margin:0;padding:0;}
	
	.balloon_content {
	margin-top: 0;
	margin-right: 38px;
	margin-bottom: 0;
	margin-left: 10px;
	}
	
	.balloon_content1 {
	margin-top: 0;
	margin-right: 28px;
	margin-bottom: 0;
	margin-left: 10px;
    }
	
	.balloon_content h1 {color:#63412f; margin:0;padding:0;}

	.balloon_content h2 {color:#63412f; margin:0;padding:0; font-size:175%;}
	
		.balloon_blue ul, .balloon_yellow ul { /* unordered lists with circle "plus icons" */
		padding:0;
		margin:0;
		list-style-image:none;
		list-style-type:none;
		}
		
		.balloon_blue ul li, .balloon_yellow ul li { /*  */
		padding: 6px 5px 0px 35px;
		margin-left:10px;
		}
		
		.balloon_blue ul li { background: url(../images/311_bullet_balloon_blue.jpg) 10px 9px no-repeat;}
		.balloon_yellow ul li {	background: url(../images/311_bullet_balloon_yellow.jpg) 10px 9px no-repeat;}


#content_bottom { /* holds the gray content below the white content */
background:#f2f2f2;
width:980px;
margin:0;
clear:both;
padding:1em 0;
}

	#content_bottom h1 {color:#35505a; line-height:normal;}
	
	#content_bottom ul { /* unordered lists */
	padding:0;
	margin:0;
	list-style-image:none;
	list-style-type:none;
	}
	
	#content_bottom ul li { /* items in unordered list with circle "play buttons" */
	padding: 6px 5px 0px 35px;
	margin-left:10px;
	background: url(../images/311_bullet_on_gray.jpg) 10px 9px no-repeat;
	font-weight:bold;
	}
	
	#content_bottom ul li a { /* links in the UL */
	color:#435409;
	}
	
#content_bottom_table { /* holds bottom half of content, gray b/g with 3 columns */
width:980px;
}

	#content_bottom_table td {
	vertical-align:top;
	color:#656363;
	}
	
	#content_bottom_table h1 {color:#425d68;}
	#content_bottom_table .content {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:15px;
	padding-right:15px;
	}
	
	#bottom_left { /* holds bottom half of content, gray b/g with 3 columns */
	width:326px;
	}
	
	#bottom_center { /* holds bottom half of content, gray b/g with 3 columns */
	width:328px;
	border-right:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	}
	
	#bottom_right { /* holds bottom half of content, gray b/g with 3 columns */
	/*width:326px;*/
	}

.float_right { /* images, boxes, whatever, that you want floated on the right side */
float:right;
margin: 0 0 1em 1em;
}

.float_left { /* images, boxes, whatever, that you want floated on the left side */
float:left;
margin: 0 1em 1em 0;
}

#footer {
width:980px;
border:none;
clear:both;
text-align:center;
color:#273F49;
font-size:.8em;
padding: 5px 0;
background:#fff;
line-height:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer a:link, #footer a:visited {
color:#273F49;
text-decoration:underline;
font-weight:normal;
}

#footer a:hover, #footer a:active {
color:#0266A2;
text-decoration:underline;
font-weight:normal;
}

#copyright { /* copyright */
float:left;
padding:0px;
}

#navLinks {
	width:20%;
}

#navLinks ul li a:link, #navLinks ul li a:visited, #navLinks ul li a:hover {
	text-decoration:none;
}

#navLinks ul li a:visited {
	background-color:#E5ECEF;
}
#breadcrumb {
	height:15px;
	padding:0;
}

#breadcrumb * {
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

#pageBody {
	width:80%;
}

.lastModified {
	color: #666; 
	font-size:90%;
	font-style: italic;
}

.bodyContentTop { background-image: url(../images/1x49-gradient-547698-1D4A77.gif); background-repeat:repeat-x; color:#fff; font-size:2.0em; font-weight:500;  padding-left:0.125em; margin:-5px 0 -5px 1px; border-top:3px solid CCD6E0; border-bottom:none; padding:0 0 0 0.25em; }

table.contentBackground { background-color: #004080; margin:-7px -2px 0 1px; }