@charset "utf-8";

h1 em{
	font-size: 72%;
}

/* will push photos with captions that are 200 wide to the right allowing text to wrap around it*/
.photosRight200 { 
	font-style: normal;
	font-size: 85%;
	float: right;
	width: 205px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.photosRight200 img {
	border: 1px solid #666666;
}

/* will push photos with captions that are 230 wide to the right allowing text to wrap around it*/
.photoRight230 {
	font-style: normal;
	font-size: 85%;
	float: right;
	width: 230px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/* will push photos with captions that are 260 wide to the right allowing text to wrap around it*/
.photoRight260 {
	font-style: normal;
	font-size: 90%;
	float: right;
	width: 260px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/* will push photos with captions that are 280 wide to the right allowing text to wrap around it*/
.photosRight280 {
	font-style: italic;
	font-size: 90%;
	text-align:left;
	float: right;
	width: 280px;
	margin: 5px 0 5px 10px;}

/* will push photos with captions that are 306 wide to the right allowing text to wrap around it*/
.photosRight306 {
	font-style: italic;
	font-size: 90%;
	text-align:left;
	float: right;
	width: 306px;
	margin: 5px 0 5px 10px;
}

/* will push photos with captions that are 324 wide to the right allowing text to wrap around it*/
.photosRight324 {
	font-style: italic;
	font-size: 90%;
	text-align:center;
	float: right;
	width: 324px;
	margin: 5px 0 5px 10px;
}

/* will push photos with captions that are 360 wide to the right allowing text to wrap around it*/
.photosRight360 {
	font-style: italic;
	font-size: 85%;
	text-align:center;
	float: right;
	width: 360px;
	margin: 5px 0 5px 10px;
}

/* these two class definitions will resize archive news lists so that the regular text is smaller than the hyperlinks, put all the news items in this single div tag*/
.newsList {
	font-size: 85%;
}

.newsList p {
	margin: 15px 0 15px 0;
}

.newsList a {
	font-size: 120%;
}
/*assorted attention boxes*/
.attenBox1 {
	background-color: #fff5cf;
	padding: 5px;
	border: 1px solid #000000;
}
.attenBox2 {
	font-weight: bold;
	color: #0000CC;
	margin-left: 2em;
}
.attenBox3 {
	clear: both;
	float: right;
	width: 35%;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: 1em;
	border: 1px solid #000000;
	background-color: FFFFCE;
	padding: 0.5em;
}
.attenBox4 {
	padding: 5px;
	clear: both;
	float: right;
	width: 35%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px dashed #333333;
}
.attenBox5 {
	font-weight: bold;
	color: #FF0000;
	margin-left: 2em;
}

.attenBox6 {
	background-color: #c4d4e3;
	padding: 8px;
	clear: both;
	width: 190px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #8998a5;
}

.attenBox6 h4 a:link, .attenBox6 h4 a:visited {
	color:#003366;
	margin: 0 0 0 0;
	font-size: 125%;
	font-family:Trebuchet MS, Verdana, Geneva;
	text-decoration:none;
}

.attenBox6 h4 a:hover {
	color:#0e487f;
	margin: 0 0 0 0;
	font-family:Trebuchet MS, Verdana, Geneva;
	text-decoration:underline;
}


.attenBox6 p, .attenBox6 li {
	color:#000000;
	margin: 5px 0 5px 0;
	font-size: 85%;
	font-family:Trebuchet MS, Verdana, Geneva;
	display:block;
}

.attenBox6 p em {
	font-size: 120%;
	font-style: italic;
	margin: 5px 0 5px 0;
	display:block;

}

/* mobile link box used in flooding pages */
.mobile {
	width:280px;
	border: 1px solid black;
	padding: 10px;
}

.mobile p {
	margin:0;
}

.mobile img {
	margin-right: 5px;
	float:left;
}

.mobile p a {
	display:block;
}

.mobile p a:hover {
	display:block;
	background: #ffefc7;
}

/* puts a line above text as well as some extra space at the top.  Good for footer information such as who is responsible for content of web page*/
.partnerCredits {
	font-size: 85%;
	padding: 0.5em;
	margin-top: 4em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	clear: both;
}

/*These three definitions are to be used for dataTable for large tables of data where the font needs to be smaller than content to fit on page.  
As an example see: https://www.kingcounty.gov/environment/animalsAndPlants/salmon-and-trout/salmon-watchers/reports/2000/AppendixA.aspx */
.dataTable {
	font-size: 80%;
}
.dataTable th {
	background-color: #CCCCCC;
	vertical-align: bottom;
}
.dataTable td {
	vertical-align: top;
}

/* used for putting yellow hightlighted new tag at the end of a line*/
.new {
	background-color: #00FF00;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-left: 8px;
	font-weight: bold;
	font-size: 80%;
}

/* standard design for GovDelivery subscription forms */

.email_textbox {
	border:1px solid #CCCCCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; color: #555555;
	font-size: 13px; 
	height: 22px; 
	padding: 1px; 
	width: 150px;
	vertical-align: middle;
	margin-bottom:4px;
	float:left;
}

.form_button {
	background-color: #405c38;
	color: #FFFFFF;
	border-bottom-color: rgba(0,0,0,0.25);
	border-left-color: rgba(0,0,0,0.1);
	border-top-color: rgba(0,0,0,0.1);
	border-right-color: rgba(0,0,0,0.1);
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer; display:
	inline-block; 
	font-size: 13px;
	line-height: 13px;
	padding: 4px 5px 4px 5px;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 4px;
	margin-top:0px;
	float:left;
}