/* --------------------------------- */
/* - City of Renton layout.css */
/* - Phinney/Bischoff Design House: http://www.pbdh.com */
/* --------------------------------- */

body {
	text-align: center;
	margin: 0;
	padding: 0;
}
div {
	margin: 0;
	padding: 0;
	text-align: left;
}
div.center {
	width: 757px;
	margin: 0 auto;
	text-align: left;
	font-size: 1px; /* IE needs this */
}
/* --------------------------------- */
/* Topnav */
/* --------------------------------- */

#citytagline {
	color: #fef2e3;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 2px 0 0 0;
}
#topnav {
	width: 100%;
	background-color: #f8981c;
}
#topnav ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0 1px 0 0;
	background: transparent url(/images/topnav-divider.gif) repeat-y right top;
}
#topnav li {
	color: #fff;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 1px;
	font-size: 12px;
	line-height: 1em;
	background: transparent url(/images/topnav-divider.gif) repeat-y left top;
}
#topnav a {
	display: block;
	background-color: red;
	float: left;
	margin: 0;
	padding: 5px 11px 7px 11px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
}
#topnav a:link, #topnav a:visited { background-color: transparent; }
#topnav a:link.here, #topnav a:visited.here, #topnav a:hover { background-color: #ffaf25; }
/* --------------------------------- */
/* Header */
/* --------------------------------- */
#header { height: 91px; }
#logo {
	float: left;
	height: 55px;
	width: /*197px;*/165px;
	margin: 15px 0 0 0;
	/**/display: none;
}
#logo a img {
	display: block;
	border: none;
	
}
/*#logoround {
	float: left;
	height: 55px;
	width: 197px;90px;
	margin: 15px 0 0 0;
}*/

#logoround {
	float: left;
	height: 55px;
	width: /*197px;*/487px;
	margin: 15px 0 0 0;
}
#logoround a img {
	display: block;
	border: none;
}
#search {
	float: right;
	height: 55px;
	width: 250px;
	padding: 0;
	margin: 19px 0 0 0;
	background: #f6f9fc url(/images/search.gif) no-repeat left top;
}
#search #searchform {
	width: 210px;
	margin: 17px 0 0 40px;
}
#search #searchform p {
	margin: 0;
	padding: 0;
}
#search #searchform .searchbox {
	border: 1px solid #898989;
	font-size: 11px;
	padding: 3px;
	color: #898989;
	width: 150px;
}
/* --------------------------------- */
/* Midnav: Sub */
/* --------------------------------- */

#midnav {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #84a4a7;
	border-bottom: 1px solid #84a4a7;
	line-height: 0px;
}
#midnav div.center {
	background: #84a4a7 url(/images/midnav-dividers.gif) repeat-y left top;
	position: relative;
	z-index: 100; /* ie needs this to avoid painting under sidebar */
}
#mainmenu {
	position: relative;
	left: 0;
	top: 0;
	list-style: none;
	width: 757px;
	margin: 0 auto;
	padding: 0;
}
#mainmenu li {
	font-size: 14px;
	line-height: 16px;
	float: left;
	width: 125px;
	margin: 0;
	padding: 0 0 0 1px;
	background: transparent url(/images/midnav-bg.gif) no-repeat center top;
}
#mainmenu li a {
	font-weight: bold;
	text-align: center;
	width: 125px;
	padding: 8px 0;
	margin: 0;
	display: block;
	float: left;
	text-decoration: none;
	font-size: 14px;
	line-height: 16px;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
}
#mainmenu li a:link, #mainmenu li a:visited {
	color: #fff;
	background-color: #658387;
}
#mainmenu li a:link.here, #mainmenu li a:visited.here, #mainmenu li a:hover {
	color: #fffbe4;
	background-color: transparent;
}
#mainmenu ul.menu {
	position: absolute;
	top: 100%;
	width: 185px;
	visibility: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainmenu .menu li {
	width: 185px;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #fffbe4;
	background: #84A4A7;
	border: none;
}
#mainmenu .menu li a {
	display: block;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid #A5BEC1;
	margin: 0px;
	padding: 3px 5px;
	text-align: left;
	text-decoration: none;
	width: 174px; /* firefox/win needs 1px less width for some reason */
}
#mainmenu .menu li a:link {
	color: #fffbe4;
	background-color: transparent;
}
#mainmenu .menu li a:visited {
	color: #fffbe4;
	background-color: transparent;
}
#mainmenu .menu li a:hover {
	color: #fff;
	background-color: #658387;
}
#mainmenu .menu li a:active {
	color: #fff;
	background-color: #658387;
}
#mainmenu ul#menu-living { left: 1px; }
#mainmenu ul#menu-working { left: 127px; }
#mainmenu ul#menu-visiting { left: 253px; }
#mainmenu ul#menu-business { left: 379px; }
#mainmenu ul#menu-government { left: 505px; }
#mainmenu ul#menu-emergencies { left: 631px; }
/* --------------------------------- */
/* Midnav: Home */
/* --------------------------------- */

body#home #midnav {
	padding: 2px 0 15px 0;
	width: 100%;
	background: #84a4a7 url(/images/midnav-bg-home.gif) repeat-x left top;
}
body#home #midnav div.center { background: none; }
body#home #mainmenu li {
	font-weight: bold;
	margin: 1px 0 0 0;
	padding: 0;
	height: auto;
	background: none;
	display: block;
	font-size: 12px;
}
body#home #mainmenu li a {
	display: inline;
	text-align: left;
	height: auto;
	width: auto;
	padding: 0;
	text-decoration: none;
	background: none;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
}
body#home #mainmenu li a:link, body#home #mainmenu li a:visited { color: #fffbe4; }
body#home #mainmenu li a:hover { color: #fcf098; }
body#home #mainmenu li ul {
	float: left;
	list-style: none;
	margin: 4px 0 0 0;
	padding: 0;
	background: none;
}
body#home #mainmenu li ul li {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
body#home #mainmenu li ul li a {
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
}
body#home #mainmenu li ul li a:link, body#home #mainmenu li ul li a:visited { color: #fff; }
body#home #mainmenu li ul li a:hover { color: #445254; }
/* --------------------------------- */
/* Billboard */
/* --------------------------------- */

#billboard {
	text-align: center;
	width: 100%;
	background: #3e4b5d url(/images/billboard-bg.gif) repeat left top;
	min-height: 10px; /* for understanding browsers */
}

#billboard p { margin: 0!important; padding: 0!important; }
/* for Internet Explorer */
/*\*/
* html #billboard { height: 10px; }
* html #billboard div {
	height: 1px;
	line-height: 0px;
}
/**/

#billboard img {
	margin: 0;
	padding: 0;
	border: none;
}
#billboard p {
	width: 747px;
	/*	padding: 5px; zz-SRS change */
	padding: 0px;
	margin: 0 auto;
	text-align: left;
	background-color: #2d3643;
	color: #ccc;
	font-size: 11px;
	line-height: 13px;
}
/* --------------------------------- */
/* Columns - Subpages */
/* --------------------------------- */

#content {
	background: none;
	border-top: 1px solid #fff;
	border-bottom: 25px solid #fff;
}
body#with-sidebar #content { background: #fff url(/images/withsidebar-bg.gif) repeat-y left top; }
#sidenav {
	float: left;
	margin: 0;
	padding: 0 25px 25px 0;
	width: 185px;
	voice-family: "\"}\""; /* box model hack */
	voice-family: inherit;
	width: 160px;
}
#center-column {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 380px;
	voice-family: "\"}\""; /* box model hack */
	voice-family: inherit;
	width: 355px;
}
body#without-sidebar #center-column {
	width: 560px;
	padding: 0;
}
body#with-sidebar #right-column {
	float: right;
	margin: 0;
	padding: 0 5px 0 0;
	width: 170px;
	voice-family: "\"}\""; /* box model hack */
	voice-family: inherit;
	width: 165px;
}
body#without-sidebar #right-column { display: none; }
body#with-feature #right-column {
	float: right;
	position: relative; /* pops it forward */
	width: 195px;
	margin: -20px 0 0 0;
	padding: 0;
	z-index: 20;
}
body#with-feature #right-column #feature {
	padding: 10px;
	background: #edebe2;
}
/* --------------------------------- */
/* Columns - Home */
/* --------------------------------- */

body#home #left-column {
	width: 185px;/*175px*/
	float: left;
	margin: 0;
	padding: 15px 25px 25px 0;
}
body#home #center-column {
	width: 265px;/*275px*/
	float: left;
	margin: 0;
	padding: 15px 0 25px 0;
	border: none;
}
body#home #right-column {
	float: right;
	position: relative; /* pops it forward */
	width: 257px;
	margin: -20px 0 0 0;
	padding: 0;
}
body#home #right-column #feature {
	padding: 10px;
	background: #edebe2;
}
body#home #left-column #ddlLivinginRenton {
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	width: 160px!important;
	margin-left: 10px;
}
body#home #left-column #ddlNews {
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	width: 160px!important;
	margin-left: 10px;
}
option { width: 200px!important; }
/* --------------------------------- */
/* Sidenav */
/* --------------------------------- */

#sidenav h2 {
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	border-bottom: none;
	margin: 0;
}
#sidenav h2 a {
	display: block;
	float: left;
	width: 135px;
	padding: 5px 10px 6px 15px;
	color: #fff;
	text-decoration: none;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
}
#sidenav h2 a:link, #sidenav h2 a:visited { background-color: #ff9f25; }
#sidenav h2 a:hover { background-color: #ffaf25; }
#sidenav h2 a.here {
	background-color: #ffaf25;
	cursor: default;
}
#sidenav ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;
	background-color: #f4f8fc;
	list-style: none;
}
#sidenav ul li {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	border-bottom: 1px solid #d9d9d9;
	margin: 0;
	padding: 0;
	width: 160px;
	background: #f4f8fc url(/images/sidenav-arrow.gif) no-repeat 0px 7px;
}
#sidenav ul li a {
	display: block;
	float: left;
	text-decoration: none;
	margin: 0;
	padding: 5px 5px 6px 15px;
	width: 140px;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-weight: bold;
}
#sidenav ul li a:link, #sidenav ul li a:visited {
	color: #51637b;
	background-color: #f4f8fc;
}
#sidenav ul li a:hover {
	color: #ff9f25;
	background-color: transparent;
}
#sidenav ul li a:link.here, #sidenav ul li a:visited.here {
	color: #ff9f25;
	background-color: transparent;
	cursor: default;
}
#sidenav ul li ul {
	float: left;
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
	width: 160px;
	background-color: #fff;
	border-top: 1px solid #edf0f3;
}
#sidenav ul li ul li {
	display: block;
	float: left;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	border-bottom: none;
	margin: 0;
	padding: 0;
	width: 160px;
	background: #fff url(/images/sidenav-arrow.gif) no-repeat 10px 5px;
}
#sidenav ul li ul li a {
	display: block;
	float: left;
	text-decoration: none;
	border-bottom: none;
	margin: 0;
	width: 130px;
	padding: 3px 5px 3px 25px;
}
#sidenav ul li ul li a:link, #sidenav ul li ul li a:visited {
	color: #464646;
	background-color: #fff;
}
#sidenav ul li ul li a:hover {
	color: #ff9f25;
	background-color: transparent;
}
#sidenav ul li ul li a:link.here, #sidenav ul li ul li a:visited.here {
	color: #ff9f25;
	background-color: transparent;
	cursor: default;
}
.quicklinksbox {
	height: auto;
	background-color: #B3C7C9;
	border: 2px solid #D0DCDD;
	display: block;
	padding-bottom: 1px;
	margin-bottom: 10px;
}
.promobox {
	height: auto;
	background-color: #6C8B8E;
	border: 2px solid #A0B6B8;
	height: 599px!important;
	display: block;
	padding-bottom: 1px;
	margin-bottom: 10px;
	padding-left: 8px;
	padding-right: 0;
}
* html .promobox { height: 597px!important; }
.promobox img {
	width: 140px;
	height: 90px;
	border: 2px solid #B3C7C9;
	clear: both;
}
.promobox img.break {
	width: 151px;
	height: 1px;
	border: 0;
}
/* --------------------------------- */
/* Footer */
/* --------------------------------- */

#footer {
	width: 100%;
	background: #51637b url(/images/footer-bg.gif) repeat left top;
	margin: 0;
	padding: 9px 0;
	position: relative; 
}
#footer li, #footer p {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #fff;
}

.footerlogo { 
	width: 757px;
	height: 61px;
	top: -10px;
	position: relative; 
	display: block; margin: 0 auto; }
	
.footerlogoimg { 
		width: 161px; 
		height: 61px; 
		position: absolute; 
		left: 600px;
		display: block; 
		background: url(../images/logo.gif) no-repeat; }
#footer p {
	float: right;
	margin: 0;
	padding: 0;
}
#footer ul {
	float: left;
	margin: 0;
	padding:  0;
	list-style: none;
}
#footer ul li {
	float: left;
	margin: 0;
	padding: 0 0 0 1px;
	background: url(/images/footernav-divider.gif) repeat-y bottom left;
}
#footer ul li#copyright {
	margin: 0 11px 0 0;
	padding: 0;
	background: none;
}
#footer ul li#phone {
	float: right;
	margin: 0 11px 0 0;
	padding: 0;
	background: none;
}
#footer ul li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0 11px;
}
#footer ul li a:link, #footer ul li a:visited {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #c8daeb;
	text-decoration: underline;
}
br.clear {
	clear: both;
	line-height: 0px;
}
/* --------------------------------- */
/* Print-friendly link */
/* --------------------------------- */

a#ctl00_hlPrintFriendly {
	display: block;
	float: right;
}
#ek_userlanguage_label {
	display: none;
	visibility: hidden
}
#__notification {
	display: none;
	visibility:hidden;
	color :White
}
#ek_dvSubscriptions_label { margin : 0 0 0 0; }
#ek_dvPrivate Profile { display:none; }
/* --------------------------------- */
/* --------------------------------- */

#center-column .listitem {
	margin-bottom: 10px;
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 10px;
	padding-top: 0px!important;
	margin-top: 0px!important;
	margin-left: 0px;
	float: left;
}
html*#center-column .listitem {
	padding-bottom: -40px!important;
	padding-top: -20px!important;
	margin-bottom: 10px!important;
}
#center-column .listitem h2,  #center-column .catlist h2 {
	font-size: 1.2em;
	margin-top: 0;
}
#center-column .listitem h3 {
	color: #333333!important;
	margin-top: 0;
}
#center-column .listitem img {
	margin-top: 0px;
	border: 1px solid #D9D9D9;
	padding: 3px;
	margin-right: 6px;
	margin-bottom: 4px;
	margin-left: 3px;
	height: 107px!important;
	width: 160px!important;/*width: 13em!important;
			height: 8.5em!important;*/}
html*#center-column .listitem img { margin-top: -3px!important; }
#center-column .listitem li {
	background-image: none;
	margin-left: 0;
	padding-left: 0;
}
#center-column .listtext {
	margin: 0;
	padding: 0;
	padding-bottom: 0;
}

.taxdescrip { margin-bottom: 22px;  margin-right: 18px;}

#center-column .catitem {
	width: 250px;
	margin-right: 16px;
	float: left;
	margin-bottom: 0px;
	line-height: 1;
}
	* html #center-column .catitem { margin-bottom: 0!important; }
	
#center-column .catitem img {
	margin-top: 0px;
	border: 1px solid #D9D9D9;
	padding: 3px;
	margin-right: 6px;
	margin-bottom: 4px;
	margin-left: 3px;
	height: 160px!important;
	width: 240px!important;
	float: none;/*width: 13em!important;
	height: 8.5em!important;*/}
#center-column .catitem .viewmore {
	background:url(../images/gallery-bullet1.jpg) no-repeat left 0.3em;
	padding-left:16px;
	width: 80px;
	margin-left: 0;
	float: right;
	text-align: left;
}
#center-column .catlist .divider { margin-top: 4px; margin-bottom: 4px; clear: both; height: 22px; background:url(../images/catdivider.jpg) repeat-x; width: 520px;}
#center-column .catlist { margin-left: 10px; }

	#center-column .catlist .listtext { margin-left: 4px;}
		
.pagination { text-align: right; margin-top:20px;}
.pagination img {
	margin-top: 2px!important;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}
html*.pagination img {
	margin-top: 0px!important;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}

/*td {padding: 0!important; margin: 0!important;}
*/
table#ctl00_cphCenterColumn_Adetail_dgrdGalleryList { padding: 0!important; margin: 0!important;}
/***** Video Gallery *****/

#videogallery { }

#videogallery ul {
	margin: 0!important;
	padding: 0!important;
	list-style-type: none;
	display: block;
}

#videogallery ul li {
	float: left;
	display: block;
	list-style-type: none;
	margin-right:8px!important;
	padding: 0!important;
	position: relative;
}

#videogallery img { 
	padding: 3px!important;
	border: 1px solid #D9D9D9;
	height: 113px;
	width: 160px;
	margin: 0; }
		
#videogallery { margin-left: 0;}

#videogallery .description { width: 166px; padding: 0 4px; display: block; line-height: 14px; }

#videogallery a { font-weight: bold;}
#videogallery span { color: #FFA129; font-weight: bold; }
#videogallery p { font-size: 11px; margin-top: 0!important;}

#videogallery img.thnail { margin-left: 0!important;}
#videogallery a .thnail,
#videogallery a:link .thnail,
#videogallery a:active .thnail,
#videogallery a:visited .thnail { border: 1px solid #D9D9D9; }

#videogallery a:hover .thnail {  background-color: #D9D9D9!important; }
#videogallery img a:hover  {  background-color: #D9D9D9!important; }
* html #videogallery ul li a:hover {  background-color: #D9D9D9!important; }
/*#videogallery img { 
	margin-top: 0px;
	border: 1px solid #D9D9D9!important;
	padding: 6px!important;
	
	height: 107px!important;
	width: 160px!important;
	}
	#videogallery ul { margin-left: 0; padding-left: 0; }
	#videogallery li { position: relative; list-style-type: none; width: 180px; float: left; }*/

#videogallery button {margin: 0!important; padding: 0!important; background-color: transparent!important;border: 0!important; width: 174px;cursor:pointer!important;} 

#videogallery button:hover {  background-color: #D9D9D9; cursor:pointer;}

.relatedvideo h3 { display: block; padding: 2px; background-color: #51637B; color: #ffffff!important; font-weight: bold; padding-left: 12px; margin-bottom: 20px; margin-top: 20px; text-transform: uppercase;}