/* your.kingcounty.gov/kcdot/newstyle.css */
/* general style sheet */
/* last update: 011.18.09 by anna.clemenger [at] kingcounty.gov */

/* #000066 = navy blue */
/* #396BAC = dark blue */
/* #498AD8 = lt blue   */
/* #90BADE = gray blue */
/* #333333 = dark grey */
/* #CCCCCC = med. grey */
/* #990000 = dark red  */
/* #FFFF66 = dk yellow */
/* #FFFFCC = lt yellow */

body
	{ background-color: white; 
	margin-top: 2px; 
	color: black; 
	font-family: Arial, Helvetica, sans-serif; }
		
h1	{ font-size: 125%; }

h2	{ font-size: 110%; }

h3	{ font-size: 100%; }
		
img	{ border: none; }

img.border
	{ border: 1px solid black; }
		
tr	{ vertical-align: top; }
		
ul#breadcrumbs, ul.toplink	
	{ list-style-type: none; 
	font-size: 70%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	padding: 0; 
	margin: 0; }
		
ul#breadcrumbs li, ul.toplink li
	{ display: inline; 
	padding: 0 .25em 0 0; 
	margin: 0; }
			
ul	{ list-style-type: square; }

ul#topics
	{ padding-top: 0; 
	margin-top: 0; 
	list-style-image: url("http://www.kingcounty.gov/style/kcBaseImages/bullet2.png"); 
	margin-left: -22px; 
	font-size: .8em; }
	
ul#topics li
	{ line-height: 1.3em; }
	
ul#topics li a:link
	{ color: #003399; 
	text-decoration: none; }
	
ul#topics li a:visited
	{ text-decoration: none; }
	
ul#topics li a:hover
	{ color: #0066CC; }	
	
ul.inline
	{ padding: 0; 
	margin: 0; }

ul.inline li
	{ display: inline; 
	padding: 0; 
	margin: 0; }
			
div#main
	{ margin-left: 19%; 
	padding-bottom: 0px; 
	margin-bottom: 0px; 
	max-width: 800px; }
		
/* styles related to left-hand navigation column */

div#navcolumn
	{ clear: both; 
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 16%; 
	background-color: #396BAC; /* dark blue */
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 70%;  
	border-bottom: 1px solid #396BAC; }
						
div#navcolumn a
	{ display: block; 
	padding: .2em; }
		
ul#navlist						/* level 1 list */
	{ list-style: none; 
	display: block; 
	background-color: #396BAC;	/* dark blue */
	color: #FFFFFF; 
	margin: 0; 
	padding: 0; 
	border-top: 1px solid #000066; 
	border-right: 1px solid #000066; 
	border-left: 1px solid #000066; }
		
ul#navlist li						/* level 1 list item */
	{ margin: 0;  
	border-bottom: 1px solid #90BADE; }	/* gray blue */
	
.level1
	{ font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.2em; }
	
ul#navlist li#last
	{ border-bottom: none; }
		
ul#navlist li.only
	{ border-bottom: 1px solid #90BADE; }	/* gray blue */

ul#navlist li#local1
	{  }
				
ul#navlist li a	
	{ text-decoration: none; 
	padding-top: 3px; 
	padding-right: 1px; 
	padding-bottom: 4px; 
	padding-left: 5px;  
	color: #FFFFFF; }
	
ul#navlist li a.level1	
	{ padding-top: 2px; 
	padding-right: 1px; 
	padding-bottom: 2px; 
	padding-left: 5px; }

/* Start IE hack. Hide from IE5-mac; only IE-win sees the following, to fix float bugs (peekaboo and 3px jog) \*/

* html div#navcolumn
	{ margin-right: 3%; 
	padding-right: 0; }

* html #navlist li a
	{ height: 1%; }
		
* html div#main
	{ padding-left: 0; 
	margin-left: 0; 
	height: 1%; }
		
/* End IE hack/hide from IE5-mac */
		
				
/* #396BAC = dark blue */
/* #498AD8 = lt blue   */
/* #90BADE = gray blue */

#navcolumn>ul#navlist li a
	{ width: auto; }

ul#navlist ul						/* level 2 list */
	{ list-style: none;
	display: block;
	background-color: #498AD8; /* light blue */
	margin: 0; 
	padding: 0; }
		
ul#navlist ul li					/* level 2 list item */
	{ font-weight: normal; 
	color: #FFFFFF; 
	border-top: 1px solid #90BADE; /* gray blue */
	border-bottom: none; }
		
ul#navlist ul li span.nolink, ul#navlist li span.nolink
	{ display: block; 
	padding-top: 3px; 
	padding-right: 1px; 
	padding-bottom: 3px; 
	padding-left: 3px; }
		
ul#navlist ul li#local2
	{ }
				
ul#navlist ul li a
	{ color: #FFFFFF; 
	font-weight: normal; }
		
ul#navlist ul ul					/* level 3 list */
	{ list-style: none; 
	background-color: #498AD8;	/* light blue */
	margin: 0; 
	padding: 0; }
		
ul#navlist ul ul li					/* level 3 list item */
	{ border-top: 1px solid #90BADE; /* gray blue */
	border-bottom: none; }
		
ul#navlist ul ul li a
	{ padding-top: 1px; 
	padding-right: 1px; 
	padding-bottom: 3px; 
	padding-left: 7px; 
	text-indent: -7px; 
	margin-left: 1em;  }
		
/* end left navigation column styles */
				 	
div#rightcolumn
	{ float: right; 
	width: 200px; 
	margin-left: 20px; 
	margin-bottom: 20px; }
		
.alert
	{ font-size: 80%; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; }
		
.alert a
	{ text-decoration: none; }
	
.banner
	{ background-color: #000066; 	 /* navy blue */
	color: white; 
	font-weight: bold; 
	padding: 5px; }
	
.banner a
	{ color: white; }

.bold
	{ font-weight: bold; }

div.bulletin
	{ float: none; 
	margin: 0;
	padding: .75em; 
	border: none; 
	background-color: #660000; 
	font-size: 80%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; }

div.bulletin h2 a, div.bulletin h2 a:visited
	{ color: #FFFFCC; 
	text-decoration: none; }
	
div.bulletin a, div.bulletin a:visited
	{ color: #FFFFFF; }
	
div.bulletin h2
	{ margin: 0px; 
	padding: 0px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	color: #FFFFCC; }
	
div.bulletin ul, div.bulletin p
	{ margin-top: 0px; 
	padding-top: 0px; }
	
div.bulletin ul
	{ margin-left: 1em; 
	padding-left: 0px; }
	
.caption
	{ font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 70%; }
		
p.caption
	{ padding-top: 0; 
	padding-right: .5em; 
	padding-bottom: .5em; 
	padding-left: .5em; 
	margin: 0; }

.center
	{ text-align: center; }

.contents, .rightbox
	{ font-size: 80%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; }
	
p.redbold
	{ color: #CC0000; 
	font-weight: bold; }

.rightbox ul
	{ padding-left: 0em; 
	margin-left: 0em; }
	
.rightbox ul li
	{ padding-left: 0em; 
	margin-left: 1em; }

.credit
	{ font-size: 90%; }

.department
	{ text-align: right; 
	padding-top: 5px; 
	padding-right: 10px; 
	padding-bottom: 20px; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; }
			
.department a
		{ color: #FFFFFF; 
		text-decoration: none; }
			
.dotbanner
	{ width: 100%; 
	background-image: url(http://your.kingcounty.gov/kcdot/dot_topbar_blue.gif); 
	background-repeat: repeat-x; 
	padding: 0px; 
	margin: 0px; }
	
/*  IE-win needs the following rule to keep the link white */

.dotbanner a:visited
	{ color: #FFFFFF; }
			
.gray
	{ color: #666666; }

.help, acronym,	abbr
	{ border-bottom: dashed #999999 1px; 
	cursor: help; }
				
 .linktext
	{ font-size: 80%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; }

.lfloat
	{ float: left; 
	margin: 0 15px 15px 0; }
		
.name
	{ font-weight: bold; }		

.photobox
	{ background-color: #FFFFCC;  /* lightest yellow */
	border: 1px solid #000000; }
	
div.nocaption, img.nocaption
	{ padding: 0px; 
	margin: 0px; }
		
.photobox img
	{ border-top: none; 
	border-right: none; 
	border-bottom: 1px solid #333333; 
	border-left: none; }
	
.nocaption img
	{ border: none; 
	margin: 0 0 -4px 0; 
	padding: none; }
	
.pubtitle
	{ font-style: italic; }

.release
	{ font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 80%; }

p.release
	{ padding: .75em; 
	background-color: #FFFFCC; 
	border: 1px dashed #333333; }

.right
	{ text-align: right; }

div.rightbox
	{ float: right; 
	margin: 1em 0 1em 1em;
	padding: .75em; 
	background-color: #FFFFCC; 
	border: 1px dashed #333333; }
	
.rfloat
	{ float: right; 
	margin: 0 0 15px 15px; }

.shadow
	{ border-right: 2px solid #CCCCCC; 
	border-bottom: 1px solid #999999; }
		
.subhead
	{ font-size: 110%; 
	font-weight: bold; }

p.skipnav
	{ position: absolute; 
	margin-left: -900px; }
		
ul.space li, ol.space li
	{ margin-bottom: 1em; }

ul.tight li, ol.tight li
	{ margin-bottom: 0em; 
	padding-bottom: 0em; }
		
.pagenav, .small
	{ font-size: 70%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; }
	
div.contentsbox
	{ float: right; 
	margin: 1em 0 1em 1em;
	background-color: #FFFFCC; 
	padding: 1em 1em 1em 0; 
	border: 1px dashed #333333; }
	
.contentsbox h2
	{ color: #000000; 
	margin-top: 0; 
	padding-top: 0; 
	margin-left: 1em; 
	margin-bottom: 0; 
	padding-bottom: 0; }
	


