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

/*------------------------------------------------------------------------
----------------------------layout styles.css-------------------------- */


/* removes wierd outline in firefox */
* {
outline: none;
}
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

a:link, a:visited { 
text-decoration : none; 
color: #c66a24; }

a:hover {
text-decoration: underline;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

abbr {
border-bottom: 1px dashed #999999;
cursor: help
}

html {
text-align: center;
background-color: #ffffff;
background-image: url(assets/html_img.png);
background-repeat: repeat-x;
background-position: 0 15px;
}

body { 
text-align : left;
font : 70%/1.5 "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #333; 
}

#wrapper {
margin : 0 auto; 
width : 850px; 
}

div#branding {
position: relative;
height: 197px;
width: 770px;
background: transparent url(assets/branding_bknd.png) no-repeat 0 0;
}

div#navigation {
position: relative;
width:157px;
float: left;
}

div#nav_main {
z-index: 10;
position: absolute;
top:197px;
left: 0;
height: 54px;
}

div#subnav{
width : 140px;
margin-top: 70px;
}

div#search {
position:relative;
clear:left;
margin-top: -30px;
width: 141px;
padding-bottom: 6px;
}

div#quick_links {
margin: 0 0 0 710px;
width: 140px;
position: fixed;
float: right;
top: 291px;
}
	
div#content {
margin-top: 101px;
width: 536px;
margin-left: 157px;
}

div#content_layout {
background-color: #FFFFFF;
}

div#content_primary_wrap {
float:left;
width: 100%;
margin-right: 0px;
}

div#content_primary {
padding: 0px 0px 0 0;
margin-right: 0px;
}

div#content_secondary {
width: 152px;
float: right;
}

div#site_info {
position: relative;
float: left;
clear: both;
width: 693px;
height: 134px;
margin: 35px 0 0px 0;
padding-top: 20px;
background-color: #fdf0bc;
border-top: 5px solid #FFd112;
}

div#content_bottom {
clear: both;}


/*------------------------------------------------------------------------
----------------------------branding styles------------------------------*/

div#branding h1 {
position: absolute;
top: 65px;
left: 259px;
width: 290px;
height: 63px;
background: transparent url(assets/APA.png) no-repeat;
}

div#branding h1 a{
display: block;
width: 290px;
height: 63px;
text-indent: -9999px;
}

div#branding blockquote {
position: absolute;
top: -9999px;
}

/*------------------------------------------------------------------------
----------------------------main nav styles------------------------------*/

div#navigation h2 {
position: absolute;
top: -9999px;
}

ul#primary_nav {
width : 693px;
height : 54px; 
list-style: none;
}

ul#primary_nav li {
display : inline;  
text-indent: -9999px; /* this removes the nav item text from appearing over the nav list items */ 
text-decoration: none; /* this removes the nav item text from appearing over the nav list items*/ 
float: left;
padding-bottom: 14px;
border-bottom: 1px dashed #f7931e;
}

li#nav_home a, li#nav_lots_and_decks a, li#nav_permits a, li#nav_online_payment a, li#nav_street_cleaning a, li#nav_faqs a {
display : block; height : 54px; }

li#nav_home a {
background: transparent url(assets/main_nav_about.png) no-repeat 0 0;
width : 81px; 
left: 0;
}
 
li#nav_lots_and_decks a {
background: transparent url(assets/main_nav_lots_decks.png) no-repeat 0 0;
width : 151px; 
left: 81px;
}

li#nav_permits a {
background: transparent url(assets/main_nav_permits.png) no-repeat 0 0;
width: 120px; 
left: 232px;
}

li#nav_online_payment a {
background: transparent url(assets/main_nav_online_payment.png) no-repeat 0 0;
width: 165px; 
left: 352px;
}

li#nav_street_cleaning a {
background: transparent url(assets/main_nav_cleaning.png) no-repeat 0 0;
width : 118px; 
left: 517px;
}

li#nav_faqs a {
background: transparent url(assets/main_nav_faqs.png) no-repeat 0 0;
width : 58px; 
left: 635px;
}

ul#primary_nav a:hover  {
background-position: 0 -55px; /* this makes the nav items display their rollovers */
}

div#navigation h2.free_parking {  /* free parking styles */
position: absolute;
top: -146px;
left: 590px;
width: 87px;
height: 131px;
background: transparent url(assets/free_parking.png) no-repeat;
}

div#navigation h2.free_parking a {   /* free parking styles */
display: block;
width: 87px;
height: 131px;
text-indent: -9999px;
}

/*---------------------------------------------------------------------------------
--------------------------------sub_nav styles-----------------------------------*/

ul#secondary_nav li, ul#quick_links_nav li {
text-indent: -9999px; /*this removes the nav item text from appearing over the nav list items */ 
text-decoration: none; /* this removes the nav item text from appearing over the nav list items*/ 
float: left;
border-bottom: 1px solid #ffd112;
}

li#sub_news a {
background: url(assets/sub_news.png) no-repeat -140px 0px;
border-top: 4px solid #f6c130;}
li#sub_meetings a {
background: url(assets/sub_meetings.png) no-repeat -140px 0px;}
li#sub_jobs a {
background: url(assets/sub_employment.png) no-repeat -140px 0px;}
li#sub_contact a {
background: url(assets/sub_contactUs.png) no-repeat -140px 0px;}
li#sub_rights a {
background: url(assets/sub_apa_rights.png) no-repeat -140px 0px;}

li#sub_contract_pkg a {
background: url(assets/sub_contract_park.png) no-repeat -140px 0px;
border-top: 4px solid #f6c130;}
li#sub_truck a {
background: url(assets/sub_truck_park.png) no-repeat -140px 0px;}
li#sub_meter_on_street a {
background: url(assets/sub_on_street.png) no-repeat -140px 0px;}
li#sub_residential a {
background: url(assets/sub_residential.png) no-repeat -140px 0px;}
li#sub_zone_map a {
background: url(assets/sub_zone_map.png) no-repeat -140px 0px;}

li#sub_general a {
background: url(assets/sub_general.png) no-repeat -140px 0px;
border-top: 4px solid #f6c130;}
li#sub_st_cleaning a {
background: url(assets/sub_street_cleaning.png) no-repeat -140px 0px;}
li#sub_ticketing a {
background: url(assets/sub_ticketing.png) no-repeat -140px 0px;}
li#sub_contractors a {
background: url(assets/sub_on-street_contractor.png) no-repeat -140px 0px;}
li#sub_cashkey a {
background: url(assets/ql_cashkey.png) no-repeat -140px 0px;}
li#sub_handicap a {
background: url(assets/sub_on-street_handicap.png) no-repeat -140px 0px;}
li#sub_off_street a {
background: url(assets/sub_off-street_parking.png) no-repeat -140px 0px;}

li#sub_tow_car a {
background: url(assets/sub_tow_car.png) no-repeat -140px 0px;
border-top: 4px solid #f6c130;}
li#sub_pickup_car a {
background: url(assets/sub_pickup_car.png) no-repeat -140px 0px;}

li#sub_deck_descriptions a {
background: url(assets/sub_deck_descriptions.png) no-repeat -140px 0px;
border-top: 4px solid #f6c130;}

#subnav ul#secondary_nav a, #quick_links ul#quick_links_nav a {
display: block; /* all the anchors need to display block, or the text appears. For some reason.*/
width: 140px;
height: 35px;
}

ul#secondary_nav li#sub_handicap a, ul#secondary_nav li#sub_contractors a, ul#quick_links_nav li#ql_impounded_cars a {
height: 52px;}

#subnav ul#secondary_nav a:hover  {
background-position: 0 0px; /* this makes the nav items display their rollovers*/ 
}


/* --------------------------------------------------------------------------------------
------------------------------quick links styles----------------------------------------*/

div#navigation div#quick_links h2 {
width: 140px;
height: 35px;
text-indent: -9999px;
top: 0;
left:0;
background: url(assets/Qiuck_links.png) no-repeat;
}

div#quick_links ul {
margin-top: 30px;
}

li#ql_juror_pkg a {
background: url(assets/ql_juror_parking.png) no-repeat -140px 0px;
border-top: 4px solid #f6c130;
}
li#ql_disabled_pkg a {
background: url(assets/ql_disabled.png) no-repeat -140px 0px;
}
li#ql_tix_complaints a {
background: url(assets/ql_tik_complaints.png) no-repeat -140px 0px;
}
li#ql_impounded_cars a {
background: url(assets/sub_abandoned.png) no-repeat -140px 0px;
}
li#ql_zone_map a {
background: url(assets/ql_zone_map.png) no-repeat -140px 0px;
}
li#ql_cash_key a {
background: url(assets/ql_cashkey.png) no-repeat -140px 0px;
}
li#ql_signs a {
background: url(assets/ql_signs.png) no-repeat -140px 0px;
}
li#ql_home a {
background: url(assets/ql_home.png) no-repeat -140px 0px;
}

#quick_links ul#quick_links_nav a:hover  {
background-position: 0 0px; /* this makes the nav items display their rollovers*/ 
}

/*---------------------------------------------------------------------------------
--------------------------------search styles-----------------------------------*/

div#subnav div#search h2 {
width: 141px;
height: 30px;
text-indent: -9999px;
top: 0;
left: 0;
background: url(assets/search_APA.png) no-repeat;
border-bottom: 4px solid #f6c130;
}

div#search fieldset {
width: 124px;
float:left;
padding: .8em;
margin: 28px 0px 0 0;
background: #fdf0bc;
}

div#search input {
width: 118px;
margin-top: 6px;
vertical-align: middle;
}

/*---------------------------------------------------------------------------------
--------------------------------content styles-----------------------------------*/

div#page_header img {
display: block;
}

div#content_primary p, div#content_bottom p{
margin-bottom: 10px;
}

 h3 {
font-size: 1.2em;
line-height: 1.3em;
color: #366f8a;
margin-bottom: 3px;
}

div#content_primary h4, div#content_secondary h4 {
font-size: 1.1em;
line-height: 1.1em;
color: #366f8a;
margin: 1em 0 .6em 0;
}

div#content_secondary h3 {
margin-top: 10px;
}

div#content_primary h2, div#page_header h2 {
font : italic normal 155%/1.2 Georgia, "Times New Roman", Times, serif;
color: #666666;
margin: 12px 0 18px 0;
}

table {
width: 100%;
}

th {
font-size: 110%;
color:  #ffffff;
font-weight: bold;
background-color: #f6c130;
}

th, td {
padding: 0.1em .5em;
}

tr {
border-bottom: 1px solid #ffd112;
border-left: 1px solid #ffd112;
border-right: 1px solid #ffd112;
line-height: 1.8em;
}

ol#contact_info p {
margin: 0; }

ol#contact_info li {
margin: 10px 0; }

ol#APA_bylaws li, ol#APA_bylaws li ol li {
margin-left: 2.5em; }

ol#complaint_reasons li {
margin-left: 1em; }

#content_primary dt {
font-size: 115%;
font-weight: bold;
color: #366f8a;
margin-bottom: 4px;} 

dl#lots {
position: relative;
padding-top: 655px; }

dt img {
position: absolute; border: 1px solid #f6c130; padding: 2px; }

#hess img { top: 0; left: 0; }
#linden img { top: 0; left: 271px; }
#walnut img { top: 220px; left: 0; }
#government img { top: 220px; left: 271px; }
#transportation img { top: 440px; left: 0 }
#block img { top: 440px; left: 271px }

dd h3 { position: absolute; color: #ffffff; z-index: 25; padding: 0 5px; background-color: #f6c130; }

dd#hess_deck h3 { top: 3px; left: 3px; }
dd#linden_deck h3 { top: 3px; left: 274px; }
dd#walnut_deck h3 { top: 223px; left: 3px; }
dd#gov_deck h3 { top: 223px; left: 274px; }
dd#transp_deck h3 { top: 443px; left: 3px; }
dd#block_text h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 160%;
	line-height: 1.6;
	top: 458px;
	left: 285px;
	margin-right:10px;
	font-style: italic;
	font-weight: normal;
	color: #999999;
	background-color: transparent; }

dd { padding-top: 8px; }

#page_header h2 img { border: 1px solid #f6c130; margin-top: 20px; }

ol#pay_instructions img {
float: left; margin-right: .5em; }

h3#cancelation {
color: #FF6600;
margin-bottom: 0;}

#content_secondary img {
padding: 2px;
border: 1px solid #f6c130;
}
/*---------------------------------------------------------------------------------
--------------------------------site info styles-----------------------------------*/
div#site_info h3 {
position: absolute;
right: -24px;
bottom: -3px;
width: 176px;
height: 195px;
background: transparent url(assets/lampost.gif) no-repeat; 
text-indent: -9999px; }

div#site_info p {
margin-left: 157px;
padding-top: 0px;
color: #666666;
}

div#site_info img {
position: absolute;
top: 13px;
left: 33px;
}

.phone_numbers {
font-weight: bold;
}

div#site_info h4 {
margin-left: 157px;
font-size: 105%;
color: #666666;
padding-top: 12px;
}

/*---------------------------------------------------------------------------------
--------------------------------classes-----------------------------------*/
body.column2 #content_layout {
/*border-top: 1px solid #f6c130;*/
padding-top: 1em;
}

body.column2 #content_primary_wrap {
margin-right: -260px;
}

body.column2 #content_primary {
margin-right: 276px;
width: 260px;
}

body.sidebar #content_primary_wrap {
margin-right: -165px;
}

body.sidebar #content_primary {
margin-right: 165px;
}

body.column2 #content_secondary {
width: 260px;
margin-top: -10px;
}

body.sidebar #content_secondary {
width: 152px;
background: #fdf0bc url(assets/bkng_gradient.png) repeat-x;
}

div#content_primary p.q_a { 
margin-bottom: 0;
font-weight: bold;
color: #366f8a;
}

.header_seperator {
margin: 4px 0 12px 0px;
border-bottom: 4px solid #f6c130;
}

.seperator {
margin: 12px 0px;
border-bottom: 1px dashed #FFd112;
}

.seperator_forms {
margin: 12px 0px;
border-bottom: 1px dashed #999999;
}

.subcolumn_seperator {
margin: 20px 0px 8px 0px;
border-bottom: 5px solid #f6c130;
}

.q_and_a {
font-weight: bold;
color: #f6c130;
font-size: 105%;
}

.highlighted {
background-color: #fdf0bc;
}

.wide_nav {
height: 52px;
}
.hide {
display: none;
}
.searchpad {
margin-bottom: 35px;
}

.narrow_table {
width: 95%; }

.table_end {
border-bottom: 4px solid #FFd112; }

.table_sub {
border-top: 3px solid #FFd112; 
}

div#content_primary h4.column_subhead_space, div#content_secondary h4.column_subhead_space {
margin-top: .2em }

span.name {
font-size: 105%;
font-weight: bold;
color: #366f8a; } 

p.linebreak {
margin-bottom: 10px; }

span.pdf {
margin-right: 5px;
}

span.deck_name {
font-weight: bold;
font-size: 110%;
color: #366f8a; }

li.indent {
margin-left: 1.5em; }

li.secondIndent {
margin-left: 3.5em }

td.exemption {
line-height: 1.1em;
color: #666666;
}

.cbd {
font-size: 1.3em;
font-weight: bold;
color: #366f8a; }

.float_left {
float: left; }

/*---------------------------------------------------------------------------------
--------------------------------forms-----------------------------------*/

#formcontainer ol p {
color: #333333; }


#formcontainer fieldset {
background: #fdf0bc url(assets/bkng_gradient.png) repeat-x;
}

fieldset {
padding: .8em;
margin: 0 auto;
}

div#content_secondary fieldset h3 {
padding-bottom: 5px;
border-bottom: 1px dashed #F6C130;
}

fieldset p {
padding-top: 5px;
color: #666666
}

label {
display: block;
}

#formcontainer input[type="text"] {
width: 230px;
}

input[type="text"] {
width: 124px;
}

input:focus, textarea:focus {
background: #E6F3FF;
}

#content_secondary input[type="submit"] {
margin: 8px auto; 
background: ffc216;
border: f7931e;
}

#formcontainer .pdf_padding {
	padding-right: .25em;
	border: none;
}

#form_error {
	color: #FF0000;
	text-align: center;
	font-size: 12px;
	margin-bottom: 6px;
}

input.radio, input.checkbox {
display: inline;
width: auto;
float:left; 
margin-right: .5em;
}

/*---------------------------------------------------------------------------------
--------------------------------highlighting page-----------------------------------*/

body#index li#nav_home a, body#news li#nav_home a, body#employment li#nav_home a, body#contact_us li#nav_home a, body#apa_rights li#nav_home a, body#lots_decks li#nav_lots_and_decks a, body#parking_permits li#nav_permits a, body#contract_parking li#nav_permits a, body#truck_parking li#nav_permits a, body#meter_on_street li#nav_permits a, body#residential li#nav_permits a, body#online_payment li#nav_online_payment a, body#street_cleaning li#nav_street_cleaning a, body#faqs li#nav_faqs a {
background-position: 0 -55px; 
cursor: default; }

body#news li#sub_news a, body#employment li#sub_jobs a, body#contact_us li#sub_contact a, body#apa_rights li#sub_rights a, body#contract_parking li#sub_contract_pkg a, body#truck_parking li#sub_truck a, body#meter_on_street li#sub_meter_on_street a, body#residential li#sub_residential a, body#juror_parking li#ql_juror_pkg a, body#disabled_parking li#ql_disabled_pkg a, body#ticket_complaints li#ql_tix_complaints a, body#impounded_cars li#ql_impounded_cars a, body#zone_map li#ql_zone_map a, body#cashkey li#ql_cash_key a, body#signs li#ql_signs a {
background-position: 0 0px; 
cursor: default; }

body#tow_vehicle li#sub_tow_car a, body#pickup_vehicle li#sub_pickup_car a { 
background-position: 0 0px; 
cursor: default; }

/*---------------------------------------------------------------------------------
--------------------------------hacks for IE-----------------------------------*/

div#content_layout:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

div#content_layout {
display: inline-block;
display: block;
}

div#content_layout {
height: 1%;
}

html>/**/body #wrapper #sidebar_container{
margin: 0 0 0 710px;
width: 140px;
position: fixed;
float: right;
top: 291px;
}


/*------------------- for IE5 Mac ------------------*/

div#content_layout {
display: inline-table;
}