body { 
background-image: url('http://www.seattle.gov/2004_img/seattle_back.gif');
margin:auto;
background-color: #ebebeb;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.462;
}

image {vertical-align:top;}

hr {color:#ccc; background-color: #ccc; height: 1px; border:#ccc;}

p {margin-top:0px; margin-bottom:10px;}

form {margin:0px; padding:0px;}

A:link, A:visited {color: #004276; text-decoration: underline;}
A:hover, A:visited:hover {color: #004276; text-decoration: none;}

ul {list-style-type:square; color:#000000; margin-top:0px; margin-left:2px; margin-bottom:5px; padding-top:0px;  padding-left:16px; padding-bottom:5px;}
li {padding-bottom:6px;}

ul.custom, ul.custom2, ul.custom3 {color:#336699; margin-left: 15px; padding-left: 0px; margin-bottom:2px; padding-bottom:2px; text-indent:-12px; list-style:none; clear:both;}
.custom li, .custom2 li, .custom3 li {padding-bottom:4px; padding-top:4px;}
.custom li {border-bottom:1px solid #B0C5E8;}
.custom2 li {border-bottom:1px solid #ffffff;}

.linkbutton A:link, .linkbutton A:visited {text-decoration: none;}
.linkbutton A:hover, .linkbutton A:visited:hover  {text-decoration: underline;}
.linkbutton {
font-size:13px;
padding:3px;
font-weight:bold;
border:1px solid #B0C5E8;
background: #C7DDFF url('http://www.seattle.gov/DPD/images/2007/blue_bgOnServ.gif') repeat-x;
line-height:normal;
}
.relative {
margin-top:8px;
}
.absolute {
position:absolute;
bottom:5px;
display:block;
}

.boxheading {line-height:normal; font-size:18px; color:#000000; font-weight:bold; text-align:left; padding:2px; background:#D7E4F7 url('http://www.seattle.gov/DPD/images/2007/blue_bg.gif') repeat-y;}
.boxheading A:link, .boxheading A:visited {color: #000000; text-decoration: none;}
.boxheading A:hover, .boxheading A:visited:hover  {color: #000000; text-decoration: underline;}
.boxheading img {vertical-align:baseline;}

.boxbody {background-color:#ffffff; padding:5px; text-align:left;padding-bottom:25px; font-size:12px; line-height:1.3;}
.boxbody  img {margin-bottom:5px;}

/*****************ALERT MESSAGE**********************/
div.headermessage {
	line-height: 1.462;
	background-color:#fff;
	border:1px solid #868188;
	padding:6px;
	color:#C84B13;
	margin: 10px 10px 0; 
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

/*****************CLEAR FIX BEGIN**********************/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/*****************CLEAR FIX END**********************/


html>body #usethis { 
/* IE ignores this block as it doesn't understand the selector */
	height: auto;  /*Reset the height for good browsers */
}

/******************LAYOUT****************************************************************/
/**************************************************************************************/
#container, #container_minisite, #container_subportal {text-align:left; margin:auto;}
#container {background-color:#FFFFFF;}
#container_subportal {background: url('http://www.seattle.gov/dpd/images/2007/bg_subportal.gif') #fff repeat-y left top;}
#container_minisite {background: url('http://www.seattle.gov/dpd/images/2007/bg_minisite.gif') #fff repeat-y left top;}

.liquid {width:100%;}
.fixed {width:775px;}

#header { width:100%; background-color:#FFFFFF; padding-bottom:10px;}

#login {color:#3776B8; font-weight:bold; font-size:10pt; text-align:right; margin-top:-21px;}

#wrapper {float:left; width:100%;}

#content {padding: 0 10px;}

/*righnav - no leftnav options*/
.nav_on {margin-right:170px;}
.nav_on_home {margin-right:180px;}
.nav_off {}

/*leftnav - with rightnav*/
.navleft_on {margin-right:170px; margin-left:187px;}

.outage {border:1px solid #FF0000; padding:5px; color:#FF0000; margin-top:5px; margin-bottom:5px;}

#navright {float:left; margin-left:-170px; width:170px;}
#navright_home {float:left; margin-left:-180px; width:180px; clear:right;}

/*margin-left: -100% works for liquid layout in all browsers except IE6*/
#navleft {float:left; width:187px; margin-left:-775px;}

#footer {clear:both; padding-top:0px; background-color:#FFFFFF;}


/******************HOME****************************************************************/
/**************************************************************************************/
#home_top {clear:both; width:100%;}
#home_top1 {float:left; margin:0; padding:0; width:227px;}
#home_top2 {float:left; margin:0; padding:0; width:347px;}

#featured_container {padding:3px; border:1px solid #B0C5E8; width:220px;background:#D2E4FE url('http://www.seattle.gov/DPD/images/2007/blue_bg.gif') repeat-y;}
#featured_image {border:2px solid #FFFFFF;}

#featured_links {color:#000000; margin-top:2px; margin-bottom:0; padding:2px; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:normal;}
#featured_links A:link, #featured_links A:visited {text-decoration: none; color:#000000;}
#featured_links A:hover, #featured_links A:visited:hover {text-decoration: underline; color:#000000;}

#featured2_container {margin-left:10px; width:337px;}
#featured2_container img {vertical-align: baseline;}

/*Override blog_style.css*/
.blog_titleFont {
	font-size:13px !important;
}
.feedContainer {
	border-top:1px solid #B0C5E8 !important;
	border-bottom:1px solid #B0C5E8 !important;
	border-color: #B0C5E8 !important;
}
div.feedDisplay div {
background:#D2E4FE url('http://www.seattle.gov/DPD/images/2007/blue_bg.gif') repeat-y !important;
}
div.feedContainer div {
border:0px !important;
}
li.blog_entry_desc {
padding-bottom:5px !important;
padding-top:2px !important;
}
.blog_oddRow {
  background:#D2E4FE !important;
}
li.blog_hoverState A:link, li.blog_hoverState A:visited {color:#004276 !important;}
li.blog_hoverState A:hover, li.blog_hoverState A:visited:hover {color:#004276 !important;}

li.blog_oddRow A:link, li.blog_oddRow A:visited {color:#004276 !important;}
li.blog_oddRow A:hover, li.blog_oddRow A:visited:hover {color:#004276 !important;}

li.blog_evenRow A:link, li.blog_evenRow A:visited {color:#004276 !important;}
li.blog_evenRow A:hover, li.blog_evenRow A:visited:hover {color:#004276 !important;}


/*REMOVE DUE TO BLOG SNIPPET
#home_top3 {float:left; margin:0px; padding:0px; width:258px;}*/

#home_middle {clear:both; margin-top:10px; margin-bottom:5px; width:100%;}
#home_middle1 {float:left; margin:0px; padding:0px; width:206px;}
#home_middle2 {float:left; margin:0px; padding:0px; width:206px;}
#home_middle3 {float:left; margin:0px; padding:0px; width:163px;}

#planning, #compliance, #permits {border:1px solid #868188; position:relative;}

#planning {width:197px;}
#compliance {width:155px; margin-left:6px;}
#permits {width:197px; margin-left:3px;}

.colhome {
  min-height:430px;
  height:auto !important;
  height:430px;
}


#home_bottom {clear:both; border:1px solid #868188; padding:0px; margin: 5px 10px 10px 10px; width:753px; font-size:12px; line-height:normal;}
#home_bottom A:link, #home_bottom A:visited {text-decoration: none;}
#home_bottom A:hover, #home_bottom A:visited:hover  {text-decoration: underline;}
#home_bottom p {margin: 4px 0px 0px 0px;}

.home_footercontainer {float: left; width: 200px; padding:5px;}
.home_bottomheading {font-size:13px; color:#004276; font-weight:bold; margin-bottom:5px; line-height:normal;}
.home_bottombody {border-left:2px solid #C7DDFF; padding-left:5px;}

.rightnavhome_container {margin-bottom:10px; width:170px;}
.rightnavhome_container img {border:0px;}

.rightnavhome_box {border: 1px solid #868188; padding:5px; font-size:12px; line-height:1.3; margin:0px;}
.rightnavhome_heading {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #004276; line-height:1.1;}
.rightnavhome_heading a, .rightnavhome_heading a:link, .rightnavhome_heading a:visited  {color:#004276; text-decoration: none;}
.rightnavhome_heading a:hover, .rightnavhome_heading a:visited:hover  {color:#004276; text-decoration: underline;}

/******************PORTALS***********************************************************/
/************************************************************************************/
#portal_top {clear:both; background: url('http://www.seattle.gov/dpd/images/2007/bg_portal.gif') #fff repeat-y left top; width:100%;}
#portal_top1 {float:left; margin:0px; padding:0px; width:177px;}
#portal_top2 {float:left; margin:0px; padding:0px; width:372px;}
#portal_top3 {float:left; margin:0px; padding:0px; width:206px;}

#portal_image {width:175px; border:1px solid #868188;}

/*DELETE THIS #portal_container {float:left; width:344px; padding-left:10px; padding-right:10px;}*/
#portal_heading {font-size:28px; color:#3B75D1; font-weight:bold; padding:5px 0px 0px 0px; margin: 0px 0px 3px 10px; line-height:1.1; width:344px;}
#portal_body {font-size:12px; line-height:1.3; width:344px; margin:0px 0px 0px 10px;}

#portal_highlight { border:1px solid #B0C5E8; margin:0px 0px 0px 10px; padding:1px; width:340px;}
#heading_highlight {float:left;}
#body_highlight {font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:normal;}
#body_highlight A:link, #body_highlight A:visited {text-decoration: none;}
#body_highlight A:hover, #body_highlight A:visited:hover {text-decoration: underline;}

#portal_toplinks {width:344px; margin-top:0px; margin-left:10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; line-height:normal; color:#C84B13;}
#portal_toplinks A:link, #portal_toplinks A:visited {text-decoration: none;}
#portal_toplinks A:hover, #portal_toplinks A:visited:hover {text-decoration: underline;}
.portal_bullet {font-size:15px; line-height:1;}

/*DELETE#howdoi {float:right; width:206px; padding-left:8px; padding-top:5px; font-size:12px; line-height:1.3;}*/
#howdoi A:link, #howdoi A:visited {text-decoration: none; font-size:12px;}
#howdoi A:hover, #howdoi A:visited:hover {text-decoration: underline; font-size:12px;}
#howdoi_heading {color:#3B75D1; font-size:18px; font-weight:bold; margin-top:5px; padding-bottom:3px; padding-left:3px; line-height:normal;}

#howdoi_body A:link, #howdoi_body A:visited {text-decoration: none; font-size:12px;}
#howdoi_body A:hover, #howdoi_body A:visited:hover {text-decoration: underline; font-size:12px;}
#howdoi_body {line-height:1.1;}
div#howdoi_body ul {color:#336699; margin-left: 2px; margin-bottom:2px; padding-left: 14px; padding-bottom:2px; clear:both; list-style-image:url('http://www.seattle.gov/dpd/images/2007/BulletDbleArrow.gif');}
div#howdoi_body li  {padding-bottom:5px; padding-top:5px;border-bottom:1px solid #B0C5E8;}

#portal_middle {clear:both; margin:10px 0px 0px 0px; width:100%;}
#portal_middle1 {float:left; margin:0px; padding:0px; width:252px;}
#portal_middle2 {float:left; margin:0px; padding:0px; width:251px;}
#portal_middle3 {float:left; margin:0px; padding:0px; width:252px;}

#box1, #box2, #box3 {float:left; border:1px solid #868188; position:relative;width:243px;}
#box2 {margin-left:1px;}
#box3 {margin-left:3px;}

.colplanning {
  min-height:365px;
  height:auto !important;
  height:365px;
}
.colpermits {
  min-height:355px;
  height:auto !important;
  height:355px;
}
.colcompliance {
  min-height:345px;
  height:auto !important;
  height:345px;
}

#portal_bottom {clear:both; border:1px solid #868188; padding:5px; margin:10px 0px 10px 10px; width:740px; font-size:12px; line-height:1.5;}
#portal_bottom A:link, #portal_bottom A:visited {text-decoration: none;}
#portal_bottom A:hover, #portal_bottom A:visited:hover  {text-decoration: underline;}
#portal_bottom p {margin: 0px;}
.portal_bottomheading {font-size:13px; color:#004276; font-weight:bold; margin-bottom:3px; line-height:normal; background-color:#C7DDFF;}

.portal_footercontainer {float: left; width: 173px; padding:0px 5px; border-left:2px solid #C7DDFF;}

/******************ONLINE SERVICES and RESOURCES*************************************/
/************************************************************************************/

#portal2_top {clear:both;}
#portal2_top1 {float:left; margin:0px; padding:0px; width:177px;}
#portal2_top2 {float:left; margin:0px; padding:0px; width:578px;}

#portal2_image {width:175px; border:1px solid #868188;}

#portal2_heading {font-size:28px; color:#3B75D1; font-weight:bold; padding:5px 0px 0px 10px; margin-bottom:3px; line-height:1;}
#portal2_body {font-size:12px; line-height:1.3;padding:0px 0px 0px 10px;}


#portal2_middle {clear:both; margin:10px 0px 0px 0px;}
#portal2_middle1 {float:left; width:377px;}
#portal2_middle2 {float:left; width:378px;}

.col_box1 {border:1px solid #868188; margin-bottom:10px; position:relative; width:370px;}
.col_box2 {border:1px solid #868188; margin-bottom:10px; position:relative; width:370px; margin-left:6px;}

.col_boxheading {line-height:normal; font-size:18px; color:#000000; font-weight:bold; text-align:left; padding:2px; background:#D7E4F7 url('http://www.seattle.gov/DPD/images/2007/blue_bg.gif') repeat-y;}
.col_boxheading A:link, .col_boxheading A:visited {color: #000000; text-decoration: none;}
.col_boxheading A:hover, .col_boxheading A:visited:hover  {color: #000000; text-decoration: underline;}
.col_boxheading img {vertical-align:baseline;}

.col_boxbody, .col_boxbody_button {background-color:#ffffff; padding:5px; text-align:left; font-size:12px; line-height:1.3;}
.col_boxbody_button {padding-bottom:25px;} 

/***************************News*****************************************************/
/************************************************************************************/
#newsstory_heading {font-size:26px; color:#3B75D1; font-weight:bold; padding-top:5px; margin-bottom:5px;line-height:1;}
#newsstory_subheading {font-size:20px; color:#000000; font-weight:bold; margin-bottom:2px;line-height:normal;}
#newsstory_date {color: #999999; font-style:italic; font-size:11px;}
#newsstory_body {clear:both; margin-top:10px; margin-bottom:10px; border-left: 5px solid #cccccc; padding-left:10px;}
#newsstory_body p {margin-bottom:20px;}


/***************************Sub Portals*************************************************/
/************************************************************************************/
#thirdtier_top {clear:both;}

#thirdtier_image {float:left; width:185px; border:1px solid #868188; margin-right:8px; margin-bottom:5px;}
#thirdtier_heading {font-size:28px; color:#3B75D1; font-weight:bold; padding-top:5px; margin-bottom:3px; line-height:1;}
#thirdtier_body {}

#thirdtier_middle, #thirdtier_middle_noborder {clear:both; margin-top:10px; margin-bottom:10px;}
#thirdtier_middle {border-left: 5px solid #cccccc; padding-left:10px;}
#thirdtier_middle p {margin-bottom:20px;}

/*********Sub Portals and Minisite****************/
.rightnavthird_container {padding:10px 5px 5px; font-size:12px; line-height:1.3;}
.rightnavthird_subscribtion {margin-bottom:15px; padding:0px 5px;}


.heading1_black {font-size:18px; color:#000000; font-weight:bold;line-height:1;}
.heading1_link {font-size:18px; color:#004276; font-weight:bold;line-height:normal;}
.heading2 {font-size:15px; color:#3B75D1; font-weight:bold;line-height:1;}
.heading2_link {font-size:15px; color:#004276; font-weight:bold;line-height:normal;}
.heading3 {font-size:13px; color:#000000; font-weight:bold;line-height:1;}
.headingRightNav {font-size:15px; color:#3B75D1; font-weight:bold;line-height:1.2;}
.headingRightNav a, .headingRightNav a:link, .headingRightNav a:visited  {color:#3B75D1; text-decoration: none;}
.headingRightNav a:hover, .headingRightNav a:visited:hover  {color:#3B75D1; text-decoration: underline;}


/***************************Design Review Meetings***********************************/
/************************************************************************************/
.canceled { color:#c00000; padding: 7px 0px 10px 5px; margin-left:10px; border-left:3px solid #666666; border-right:1px solid #666666; border-top:1px solid #666666;}


.drpdate{font-size:15px; color:#3B75D1; font-weight:bold;line-height:1; padding: 15px 0px; border-top:2px dotted #999999;}
.drpdatehome{font-size:15px; color:#000000; font-weight:bold;line-height:1; padding: 0px 0px 15px 0px;}
.drpboard {font-size:13px; color:#ffffff; font-weight:normal; line-height:1; padding: 5px; margin-left:108px; background-color:#666666; width:280px; text-align:left;}
.drpproject-top {font-size:15px; color:#000000; font-weight:bold; padding: 5px 0px 0px 5px; margin-left:10px; border-left:3px solid #666666; border-right:1px solid #666666; border-top:1px solid #666666;}
.drpproject {font-size:15px; color:#000000; font-weight:bold; padding: 5px 0px 0px 5px; margin-left:10px; border-left:3px solid #666666; border-right:1px solid #666666; border-top:0px solid #666666;}

.drpproposalon {padding: 7px 0px 13px 5px; margin-left:10px; border-left:3px solid #666666; border-right:1px solid #666666;}
.drpproposalon A:link, .drpproposalon A:visited {color: #0080C0; text-decoration: none;}
.drpproposalon A:hover, .drpproposalon A:visited:hover  {color: #0080C0; text-decoration: none;}
.drpboxon {border:1px solid #0080C0; padding:3px; font-weight:bold;}

.drpproposaloff {padding: 7px 0px 13px 5px; margin-left:10px; color:#999999; border-left:3px solid #666666; border-right:1px solid #666666;}
.drpboxoff {border:1px solid #999999; padding:3px; font-weight:bold;}

.drpcontainernormal {background-color:#ebebeb; margin:0px 0px 15px 10px; padding: 5px; font-size:12px; border-bottom:1px solid #666666; border-left:3px solid #666666; border-right:1px solid #666666;}
.drpcontaineradmin {background-color:#ebebeb; margin:0px 0px 15px 10px; padding: 5px; font-size:12px; border-bottom:1px solid #666666; border-left:3px solid #666666; border-right:1px solid #666666;}
.drpcontainertentative {background-color:#ebebeb; margin:0px 0px 15px 10px; padding: 5px; font-size:12px; border-bottom:1px solid #666666; border-left:3px solid #666666; border-right:1px solid #666666;}

.drplabel {font-weight:bold; padding-right:10px; white-space:nowrap;}

.drpreviewsbelow { border: 1px solid #3B75D1; padding:3px; color:#3B75D1; margin-bottom:15px;}

/*********Use to fix old Right Navs and Headings**********/
.oldrightnavbody {margin-bottom:25px;}
.oldsubscribeform {}

/*Styles available via the contributor client from old site*/
.Choose_Style{}
.Portal_Subhead_Yellow  {font-size:18px; color:#000000; font-weight:bold;line-height:1;}
.Portal_Subhead_Black {font-size:18px; color:#000000; font-weight:bold;line-height:1;}

.Subhead1_black,
.Subhead1_black_space {font-size:15px; color:#3B75D1; font-weight:bold;line-height:1;}

.Subhead1_blue,
.Subhead1_blue_space {font-size:15px; color:#3B75D1; font-weight:bold;line-height:1;}

.Subhead1_orange,
.Subhead1_orange_space {font-size:15px; color:#3B75D1; font-weight:bold;line-height:1;}

.Subhead1_red,
.Subhead1_red_space {font-size:15px; color:#3B75D1; font-weight:bold;line-height:1;}

.Subhead2_black,
.Subhead2_black_space {font-size:13px; color:#000000; font-weight:bold;line-height:1;}

.Subhead2_blue,
.Subhead2_blue_space {font-size:13px; color:#000000; font-weight:bold;line-height:1;}

.Subhead2_orange,
.Subhead2_orange_space {font-size:13px; color:#000000; font-weight:bold;line-height:1;}

.Subhead2_red,
.Subhead2_red_space {font-size:13px; color:#000000; font-weight:bold;line-height:1;}

.GreyTextNormal {color: #999999; font-weight: normal; font-size: 8pt; font-style:normal;}
.GreyTextItalic {color: #999999; font-weight: normal; font-size: 8pt; font-style:italic;}

/*Styles available via the contributor client for old site - Green Building*/
/*.Choose_Style{}
.Portal_Subhead_BrickRed {font-size: 13.5pt; font-weight: bold; color: #993300; font-family: Arial, Helvetica, sans-serif;}
.Portal_Subhead_SpringGreen {font-size: 13.5pt; font-weight: bold; color: #BCC604; font-family: Arial, Helvetica, sans-serif;}
.Portal_Subhead_Black {font-size: 13.5pt; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif;}
*/

.Subhead1_BrickRed,
.Subhead1_BrickRed_space {font-size:15px; color:#3B75D1; font-weight:bold;line-height:1;}

.Subhead1_SpringGreen,
.Subhead1_SpringGreen_space {font-size:15px; color:#3B75D1; font-weight:bold;line-height:1;}

.Subhead1_Black,
.Subhead1_Black_space {font-size:15px; color:#3B75D1; font-weight:bold;line-height:1;}

.Subhead2_BrickRed,
.Subhead2_BrickRed_space {font-size:13px; color:#000000; font-weight:bold;line-height:1;}

.Subhead2_SpringGreen, 
.Subhead2_SpringGreen_space {font-size:13px; color:#000000; font-weight:bold;line-height:1;}

.Subhead2_Black,
.Subhead2_Black_space {font-size:13px; color:#000000; font-weight:bold;line-height:1;}


/*Energy Code - Styles available via the contributor client from old site*/
.pageheadingAlt {color: #000000; font-size: 17px; font-weight: bold; line-height:1;}
.Highlight_red {color: #FF0000; vertical-align: baseline; font-size: 0.8em; position: relative; top: -0.4em; line-height: 13pt;}
.Highlight_red A:link, .Highlight_red A:visited {color: #FF0000; text-decoration: underline;}
.Highlight_red A:hover, .Highlight_red A:visited:hover {color: #FF0000; text-decoration: none;}


/***************************MiniSite*************************************************/
/************************************************************************************/

#mini_heading {font-size:28px; color:#3B75D1; font-weight:bold; padding-top:5px; margin-bottom:10px; line-height:1;}

#mini_subheading {font-size:18px; color:#000000; font-weight:bold; margin-bottom:10px;line-height:normal;}

#mini_body {}
#mini_body p {margin-bottom:20px;}
#mini_events {margin-bottom:20px; padding-top:10px;}

.date {font-style: italic; font-size: 8pt; color: #999999; margin-bottom:10px;}

#leftnavimage {border:1px solid #868188;}
#leftnavfragment {width:100%;}

/*LEFT NAV*/
div.tiertwo {font-family:Verdana;font-size:9pt;}
div.tiertwo a {display:block;
font-weight:normal;
color: #000000;
background: #ffffff url('http://www.seattle.gov/dpd/2006_img/white_off.gif') no-repeat top;
text-decoration: none;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc; padding-left:22px; padding-right:5px; padding-top:4px; padding-bottom:4px;}

div.tiertwo a:link, div.tiertwo a:visited {color:#000000; text-decoration: none;}
div.tiertwo a:hover, div.tiertwo a:visited:hover {color:#000000; text-decoration: underline;background: #ebebeb url('http://www.seattle.gov/dpd/2006_img/navDPD_on.gif') no-repeat top;}

div.tiertwo_on a {
font-family:Verdana;font-size:9pt;
display: block;
font-weight: bold;
color: #000000;
background: #8AAFEA url('http://www.seattle.gov/dpd/2006_img/navDPDgradient_selected.gif') no-repeat top;
text-decoration: none;
border-top:1px solid #8AAFEA;
border-bottom:1px solid #8AAFEA;
padding-left:22px; padding-right:5px; padding-top:4px; padding-bottom:4px;}

div.tiertwo_on a:link, div.tiertwo_on a:visited {color: #000000; text-decoration: none;}
div.tiertwo_on a:hover, div.tiertwo_on a:visited:hover {color: #000000; text-decoration: none; background: #8AAFEA url('http://www.seattle.gov/dpd/2006_img/navDPDgradient_selected.gif') no-repeat top;}

div.tiertwo_sub {font-family:Verdana;font-size:8pt;}
div.tiertwo_sub a {font-size:8pt;
display: block;
font-weight:normal;
color: #000000;
background: #E8F1FD url('http://www.seattle.gov/dpd/2006_img/DPDgradient_sub_off.gif') no-repeat top;
text-decoration: none;
padding: 3px 5px 3px 20px;
border-bottom:1px solid #8AAFEA;
border-left:1px solid #8AAFEA;
border-right:1px solid #8AAFEA;}

div.tiertwo_sub a:link, div.tiertwo_sub a:visited  {color:#000000; text-decoration: none;}
div.tiertwo_sub a:hover, div.tiertwo_sub a:visited:hover {color:#000000; text-decoration: underline; background: #E8F1FD url('http://www.seattle.gov/dpd/2006_img/DPDgradient_sub_off.gif') no-repeat top;}

div.tiertwo_sub_on {font-family:Verdana;font-size:8pt;}
div.tiertwo_sub_on a {
font-family:Verdana;
font-size:8pt;
display: block;
font-weight:bold;
color: #000000;
background: #CDE0FC url('http://www.seattle.gov/dpd/2006_img/DPDgradient_sub_on.gif') no-repeat top;
text-decoration: none;
padding: 3px 5px 3px 20px;
border-bottom:1px solid #8AAFEA;
border-left:1px solid #8AAFEA;
border-right:1px solid #8AAFEA;}

div.tiertwo_sub_on a:link, div.tiertwo_sub_on a:visited {color:#000000; text-decoration: none;}
div.tiertwo_sub_on a:hover, div.tiertwo_sub_on a:visited:hover {color:#000000; text-decoration: none; background: #CDE0FC url('http://www.seattle.gov/dpd/2006_img/DPDgradient_sub_on.gif') no-repeat top;}

div.tierthree_sub a {
font-family:Verdana;font-size:8pt;
display: block;
background-color: #CDE0FC;
padding: 3px 5px 3px 35px;
border-bottom:1px solid #8AAFEA;
border-left:1px solid #8AAFEA;
border-right:1px solid #8AAFEA;}
div.tierthree_sub a:link, div.tierthree_sub a:visited {color:#000000; text-decoration: none;}
div.tierthree_sub a:hover, div.tierthree_sub a:visited:hover {color:#000000; text-decoration: underline; background-color: #CDE0FC;}

div.tierthree_sub_on a {
font-family:Verdana;font-size:8pt;
font-weight:bold;
display: block;
background-color: #CDE0FC;
padding: 3px 5px 3px 35px;
border-bottom:1px solid #8AAFEA;
border-left:1px solid #8AAFEA;
border-right:1px solid #8AAFEA;}
div.tierthree_sub_on a:link, div.tierthree_sub_on a:visited {color:#000000; text-decoration: none;}
div.tierthree_sub_on a:hover, div.tierthree_sub_on a:visited:hover  {color:#000000; text-decoration: underline; background-color: #CDE0FC;}

/*************************************************************************************
 * Social Media
 *************************************************************************************/

#media_image img {margin-right:6px;}

#media_list {font-size:.96em;}
#media_list ul {list-style-type:square; color:#000000; margin-top:-15px; margin-left:2px; margin-bottom:5px; padding-top: 0px;  padding-left:16px; padding-bottom:3px; font-size:.96em;}
#media_list li {padding-bottom:1px;} 

li.facebook {list-style: none; background: url('http://www.seattle.gov/dpd/images/2010/facebook.gif') no-repeat center left; text-indent: 38px; margin-left: -20px; margin-bottom: -5px; padding-top:5px;}
li.twitter {list-style: none; background: url('http://www.seattle.gov/dpd/images/2010/twitter.gif') no-repeat center left; text-indent: 38px; margin-left: -20px; margin-bottom: -5px; padding-top: 8px; padding-bottom: 8px;}
li.blogs {list-style: none; background: url('http://www.seattle.gov/dpd/images/2010/blogs.jpg') no-repeat center left; text-indent: 38px; margin-left: -20px; margin-bottom: -5px; padding-top: 8px; padding-bottom: 8px; padding-top: 8px; padding-bottom: 8px;}
li.rss {list-style: none; background: url('http://www.seattle.gov/dpd/images/2010/rss.gif') no-repeat center left; text-indent: 38px; margin-left: -20px; margin-bottom: -5px; padding-top: 8px; padding-bottom: 8px;}
li.flickr {list-style: none; background: url('http://www.seattle.gov/dpd/images/2010/flickr.gif') no-repeat center left; text-indent: 38px; margin-left: -20px; margin-bottom: -5px; padding-top: 8px; padding-bottom: 8px; margin-top:5px;}
li.email {list-style: none; background: url('http://www.seattle.gov/dpd/images/2010/email.png') no-repeat center left; text-indent: 38px; margin-left: -20px; margin-bottom: -5px; padding-top: 8px; padding-bottom: 8px; margin-top:5px;}


/******************COMMENT FORMS ****************************************************/
/************************************************************************************/
#comment {margin-top:20px;}
#comment hr {color:#ccc; background-color: #ccc; height: 2px; border:#ccc;}
.commentheading {font-weight:bold; margin-bottom:5px; font-size:14px;}
.commenttextbox {
font:13px arial,verdana,sans-serif;
background: white;
padding:1px 0 1px 1px;
color: #000;
border: solid 1px #999999; 	
}



/******************WEB CONTENT FORMS**************************************************/
/************************************************************************************/
.buttonsm {
border-bottom: 1px solid #8c8c8c;
border-top: 1px solid #c2c2c2;
border-left: 1px solid #a1a1a1;
border-right: 1px solid #a1a1a1;
background-image: url('http://www.seattle.gov/dpd/images/2007/buttonform.gif');
font:normal 11px Tahoma;
white-space:nowrap;
height: 22px;
}

.textboxSm {
font:12px arial,verdana,sans-serif;
background: white;
padding:1px 0 1px 1px;
color: #000;
border: solid 1px #ADC3DE;
width: 157px;
}




/******************NAV BAR***********************************************************/
/************************************************************************************/
div#navbar {
height: 26px;
border: solid #B0C5E8 1px;
background: #ffffff url('http://www.seattle.gov/DPD/images/2007/blue_bgOnServ.gif') repeat-x bottom;
clear:both;
text-align:center;
}

div#navbar ul {
margin: 0px;
padding: 0px;
font-size: 10pt;
font-weight:bold;
line-height: 26px;
white-space: nowrap;
}


div#navbar li {
list-style-type: none;
display: inline;
border-left:1px solid #ffffff;
border-right:1px solid #B6CAE9;
padding-top:5px;
}

 
/*OFF*/
div#navbar li a {
text-decoration: none;
color: #004276;
padding: 5px 25px 5px 25px;
}

div#navbar li a:link {
color: #004276;
}

div#navbar li a:visited {
color: #004276;
}

div#navbar li a:hover {
font-weight: bold;
color: #ffffff;
background: #BED8FD url('http://www.seattle.gov/DPD/images/2007/blue_bgOnServHover.gif') repeat-x bottom;
}

/*ON*/
div li#navbarOn a {
color: #ffffff;
background: #9FBEE8 url('http://www.seattle.gov/DPD/images/2007/blue_bgOnServOn.gif') repeat-x bottom;
}

div li#navbarOn a:link {
color: #ffffff;
}

div li#navbarOn a:visited {
color: #ffffff;
}




/*****************Inherited From Old Site**********************/
/**************************************************************/
#crumb A:link, #crumb A:visited {color:#999999; text-decoration: none;}
#crumb A:hover, #crumb A:visited:hover {color:#999999; text-decoration: underline;}
#crumb {color: #999999; padding-left:10px;}


/* Main page heading */
.pageheading {
	font-size: 14pt;
	font-weight: bold;
    color: #000000;
	display:block;
}

.subheading1 {
	font-size: 12pt;
	font-weight: bold;
    color: #31639C;
	display:block;
}

/* Subheading */
.subheading2 {
    	font-size: 10pt;
		font-weight: bold;
        color: #000000;
		display:block;
}


/***********************WEB FORMS/DATA******************************/


.contentboxheader
{

	font-weight:bold; color: #31639C; font-size:9pt;
	background: #D9E4F1 url('http://www.seattle.gov/DPD/RadControls/Grid/Skins/DPD/Img/GridHeaderBg.gif') repeat-x bottom;
	border: 1px solid #BCCDE4; border-bottom-style:hidden;
	padding: 5px 5px 5px 5px;
}

.contentboxbody
{

	background-color: #E2EAF4;
	padding: 10px 10px 10px 10px;
	border:1px solid #BCCDE4;
}

.datatableheading {font-family:Arial, Helvetica, sans-serif; font-size:11pt; color: #000000; font-weight:bold; margin-bottom: 0px; padding-bottom:0px;}
.datatable {border: 1px solid #BCCDE4;}

.dataheader
{

	font-weight:bold; color: #31639C; font-size:9pt;
	background: #D9E4F1 url('http://www.seattle.gov/DPD/RadControls/Grid/Skins/DPD/Img/GridHeaderBg.gif') repeat-x bottom;
	border-bottom: 1px solid #BCCDE4; 
	padding: 5px 5px 5px 5px;
}


.datalabel
{
	background-color: #E2EAF4;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #BCCDE4;

}

.dataitem
{
	background-color: #F0F3F6;
	text-align: left;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #BCCDE4;
}
.datafooter {border: 1px solid #BCCDE4; border-top-style:hidden; padding:3px 3px 3px 3px;}



.formheader
{

	font-weight:bold; color: #31639C; font-size:9pt;
	background: #D9E4F1 url('http://www.seattle.gov/DPD/RadControls/Grid/Skins/DPD/Img/GridHeaderBg.gif') repeat-x bottom;
	background-color: #D9E4F1;
	border: 1px solid #BCCDE4; border-bottom-style:hidden;
	padding: 5px 5px 5px 5px;
}


.formbody
{

	background-color: #E2EAF4;
	padding: 10px 10px 10px 10px;
	border:1px solid #BCCDE4;
}

.formlabel
{
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	padding: 5px 5px 5px 5px;

}

.formitem
{
	text-align: left;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
}


.formselect {}

.formfield
{
	border: 1px solid #BCCDE4;
	font-size:9pt;
	height: 20px;
    padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.formfieldMultiLine
{
	border: 1px solid #BCCDE4;
	font-size:9pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.formbutton
{
	border-bottom: 1px solid #8c8c8c;
	border-top: 1px solid #c2c2c2;
	border-left: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
	background-image: url('http://www.seattle.gov/DPD/RadControls/Editor/Skins/DPD/CssImg/toolOnbg.gif');
	font:normal 11px Tahoma;
	white-space:nowrap;
	height: 22px;
}

.tabcontentcontainer
{
	border: 0px solid #E0E0E0;
	padding-top: 5px;	
}

/*************************************************************************************
 * MISC Application Elements
 *************************************************************************************/

/* Used to display a -your account is locked out- message above the new PAN login control */
.LoginLockout 
{
  display: block;
  color: red;
  font-weight: bold;
  border: 1px solid red;
  padding: 5px;
  margin: 5px;
}

/* For use on .net validator controls */
.Validator 
{ 
  display: inline; 
  padding-left:5px; 
}

/* For error messages that display to the user - needs color adjustment */
.ErrorBlock
{
  display:block;
  text-align:center;
  padding: 3px 0px 3px 3px;
  font-weight:bold;
  color: Red;
  background-color: #ffffcc;    
}

/*************************************************************************************
 * Show and Hide during printing
 *************************************************************************************/
@media print
{
	.PrintOnly
	{
		display: inline;
	}
	.NoPrint
	{
		display: none;
	}
}
@media screen, tv, projection, handheld, tty
{
	.PrintOnly
	{
		display: none;
	}
	.NoPrint
	{
		display: inline;
	}
}

/******************************************FOOTER BEGIN******************************************/
.deptfooter A:link, .deptfooter A:visited {color: #666666; text-decoration: underline; font-weight: bold;}
.deptfooter A:hover, .deptfooter A:visited:hover {color: #666666; text-decoration: none; font-weight: bold;}
.deptfooter {color: #666666; background-color:#D1D1D1;}
.versionInfo { 
	display:block;
	text-align:center;
	font-size:0.8em;
}
#footerContainer {border:0px !important; width:775px !important;}
/******************************************FOOTER END******************************************/