/* based on work by: Jeff Croft, Nathan Borror, Christian Metts, & Wilson Miner *//* developed for and adapted to the City of Austin by: Alex Rodriguez, alex.rodriguez@ci.austin.tx.us *//* ************  RESETS ************ */#container * { margin:0;padding:0;border:0;outline:0; }/* ************  GRID ************ */#container {width: 700px; margin: 0 auto;}#container .col-1 {width: 68px; margin-right: 11px; float: left;}#container .col-2 {width: 147px; margin-right: 11px; float: left;}#container .col-3 {width: 226px; margin-right: 11px; float: left;}#container .col-4 {width: 305px; margin-right: 11px; float: left;}#container .col-5 {width: 384px; margin-right: 11px; float: left;}#container .col-6 {width: 463px; margin-right: 11px; float: left;}#container .col-7 {width: 542px; margin-right: 11px; float: left;}#container .col-8 {width: 621px; margin-right: 11px; float: left;}#container .col-9 {width: 700px; margin:0 auto;}#container .last {margin-right: -11px;}.grid {background: #fff url(http://www.ci.austin.tx.us/css/grid.gif) 0 0 repeat-y;}/* ************ STRUCTURAL ADJUSTMENTS ************ */hr.line {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin: 25px 0;border:none;}hr.clear {visibility: hidden;clear: both;}/* ************ DESIGN ELEMENTS ************ */#container .br {border-right: 1px solid #ddd;}#container .bl {border-left: 1px solid #ddd;}#container .nob {border: none;}#container .pad-2 p {padding: 0 2px;}#container .pad-4 p {padding: 0 4px;}#container .pad-6 p {padding: 0 6px;}/* ************ IMAGES ************ */#container img.imgleft {float: left; margin: 5px 10px 5px 0;}#container img.imgright {float: right; margin: 5px 5px 5px 10px;}/* ************ FLY-OUT-NAV ************ */ul#fly-out-nav, ul#fly-out-nav li ul {	margin: 0;	padding: 0;	list-style: none;	width: 150px; /* Width of Menu Items */	}ul#fly-out-nav li {	position: relative;	}li ul.fly-out-nav2 {position: absolute;	left: 149px; /* Set 1px less than menu width */	top: 0;	display: none;}/* Styles for Menu Items */ul#fly-out-nav li a {display: block;text-decoration: none;color: #777;background: #fff; /* IE6 Bug */padding: 5px;border-bottom: 1px solid #ccc;}/* Fix IE. Hide from IE Mac \*/* html ul#fly-out-nav li { float: left; height: 1%; }* html ul#fly-out-nav li a { height: 1%; }/* End */ul#fly-out-nav  li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */li ul li a { padding: 2px 5px; } /* Sub Menu Styles */li:hover ul, li.over ul { display: block; } /* The magic *//* ************ DROP-DOWN-NAV ************ */ul#drop-down-nav, ul#drop-down-nav ul { /* all lists */ padding: 0;margin: 0;list-style: none;line-height: 1;}ul#drop-down-nav a {display: block;	width: 10em;}ul#drop-down-nav li { /* all list items */ float: left;	width: 10em; /* width needed or else Opera goes nuts */}ul#drop-down-nav li ul.drop-down-nav2 { /* second-level lists */position: absolute;	border: 1px dotted #ccc;background: #f4f4f4;width: 10em;left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */padding: 10px;}ul#drop-down-nav li:hover ul, ul#drop-down-nav li.sfhover ul { /* lists nested under hovered list items */ left: auto;}/* TYPE */body { font-size: 62.5%; } .serif, .serif h1, .serif h2, .serif h3, .serif h4, .serif h5, .serif h6, .serif p, .serif ul li {font-family: Georgia, "Times New Roman", Times, serif;}.sans-serif { font-family: Arial, sans-serif; } #container h1, #container h2, #container h3, #container h4, #container h5, #container h6, #container p { margin: 0 0 10px 0; font-weight: normal; color: #000; } p, ul { font-size: 1em; line-height: 1.7em; color: #000;}h1 { font-size: 2.8em; }h2 { font-size: 2.4em; }h3 { font-size: 2em; }h4 { font-size: 1.8em; }h5 { font-size: 1.4em; } h6 { font-size: 1.4em; }.bold { font-weight: bold; }.ital { font-style: italic; }#container ul {margin: 0 15px;}#container ul.none {margin: 0;}#container ul.disc li { list-style: disc; }#container ul.circ li { list-style: circle; }#container ul.square li { list-style: square; }#container ul.none li { list-style: none; }/* ******** BLOCKQUOTES AND PULL QUOTES ******** */#container blockquote {margin: 10px 30px; font-size: 1.2em; line-height: normal; color: #666; font-style: italic;}#container .pquote1 {font-size: 1.8em;line-height: normal;color: #666;font-style: italic;font-family: Georgia, Times New Roman, serif;}#container .pquote2 {padding: 10px 0;font-size: 1.8em;line-height: normal;color: #666;font-style: italic;font-family: Georgia, Times New Roman, serif;border-top: 3px solid #000;border-bottom: 3px solid #000;}#container .pquote3 {text-transform: uppercase;color: #000;font-size: 1.6em;font-style: normal;font-family: Arial, Helvetica, sans-serif;}#container .pquote4 {padding: 10px 0;text-transform: uppercase;color: #000;font-size: 1.6em;font-style: normal;border-top: 3px solid #000;border-bottom: 3px solid #000;font-family: Arial, Helvetica, sans-serif;}