@import url('reset.css');
@import url('menu.css');

/* Wrapper */
.wrapper, wrap { display: inline-block; }
.wrapper:after, .wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper, * html .wrap { height: 1%; }
.wrapper, .wrap { display: block; }

/* Generic styles */
body {
	background: url('../img/background.gif') repeat-y center top;
	color: #51534e;	
	font-family: verdana, arial, sans-serif;	
	font-size: .8em;
}
/*body .home {
	font-size: .9em;
}*/
h1 {
	color: #0079c2;
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 0 15px 0;
}
h2 {
	color: #a7422a;
	font-weight: bold;
	font-size: 1.3em;
	margin: 0 0 15px 0;
}
/*h3 {
	color: #51534e;
	font-weight: bold;
}*/
h3 {
	
	font-size: 1.1em;
	color: #708F10;
	font-weight: bold;
	}
	
p {
	margin-bottom: 20px;
}
	p.bflush {
		margin-bottom: 0;
	}
img {}
	img.right {
		float: right;
		margin: 5px 5px 10px 10px;
	}
	img.left {
		float: left;
		margin: 5px 10px 10px 5px;
	}
ul, ol {
	margin-left: 30px;
}
.middle.col ul li {
	list-style-type: disc;
	margin-bottom: 5px;
}
.middle.col ol li {
	list-style-type: decimal;
	margin-bottom: 5px;
}
.middle.col ul, .middle.col ol {
	margin-bottom: 15px;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.small {
	font-size: .9em;
}
/* Structure */
#site {
	margin: 0 auto 0 auto;
	padding: 0 5px 0 5px;
	width: 983px;
}
	#site/*.home*/ {
		padding-left: 4px;
	}
	#header {
		margin-bottom: 10px;
	}
		.home #header {
			margin-bottom: 0;
		}
		#header .menu.utility {
			background-color: #000;
			padding: 3px 15px 3px 15px;
			margin-left: 0;
			text-align: right;
		}
			#header .menu.utility li {
				color: #fff;
				display: inline;
				margin-left: 10px;
			}
				#header .menu.utility li a {
					color: #fff;
					font-weight: bold;
					text-decoration: none;
				}
			#header .menu.utility form {
				display: inline;
			}
		#header .menu.utility.home {
			float: left;
			margin-top: 3px;			
		}
		#banner {}
			#banner h1 {
				margin-bottom: 0;
			}
			#banner a {
				background: url('../img/header-banner.jpg') no-repeat;	
				display: block;			
				height: 104px;
				text-indent: -9999px;							
				width: 983px;	
				outline: none;
			}											
			#banner.b1 a {
				background: url('../img/banners/jra_banner_L2_1.jpg');									
			}		
			#banner.b2 a {
				background: url('../img/banners/jra_banner_L2_2.jpg');									
			}
			#banner.b3 a {
				background: url('../img/banners/jra_banner_L2_3.jpg');									
			}
 			#banner.b4 a {
				background: url('../img/banners/jra_banner_L2_4.jpg');									
			}									
			#banner p {
				left: -9999px;
				position: absolute;
			}
			.home #banner a {
				height: 129px;
			}
				.home #banner.b1 a {
					background: url('../img/banners/jra_banner_home_1.jpg');					
				}
				.home #banner.b2 a {
					background: url('../img/banners/jra_banner_home_2.jpg');					
				}
				.home #banner.b3 a {
					background: url('../img/banners/jra_banner_home_3.jpg');					
				}
				.home #banner.b4 a {
					background: url('../img/banners/jra_banner_home_4.jpg');					
				}			
	#content {
		background: url('../img/content-background.gif') repeat-y;		
		margin: 0 0 15px 0;
		padding: 0 0 0 20px;
	}
		.home #content {
			background: url('../img/content-background-home.gif') repeat-y;
			padding-left: 22px;
		}
		.col {
			float: left;
		}
			.left.col, #leftCol {
				padding: 5px;
				width: 177px;
			}
			.home .left.col, .home #leftCol {
				padding: 10px 23px 0 23px;
				width: 261px;
				float: left;
			}
			.home .left.col #riverkeepers {
				margin-bottom: 5px;
			}
			.home .left.col .item {
				background-color: #fff;				
				margin-bottom: 5px;
				padding: 5px;
			}
				.home .left.col .item.alt {
					background-color: #d9f1f1;
				}
				.left.col ul {
					margin-left: 0;
				}
				.left.col .lh_submenu {
					margin-bottom: 20px;
				}
					.left.col .lh_container {
						border: none;
						position: static;
					}				
					.left.col .lh_submenu p {
						background-color: #5293ba;
						border-bottom: solid 2px #fff;
						font-size: .9em;
						margin: 0;
					}
						.left.col .lh_submenu p a {
							color: #fff;
							display: block;						
							font-weight: bold;
							padding: 5px;
							text-decoration: none;
						}
			.middle.col, #middleCol {
				padding: 20px;
				width: 562px;
			}
			.home .middle.col, .home #middleCol {
				width: 614px;
				width: 605px;
				float: left;
			}
				.home .middle.col h1.protecting {
					background: url('../img/protectingAmericasFoundingRiver.gif') no-repeat;
					font-size: .1em;
					height: 24px;
					text-indent: -9999px;
					width: 605px;
					margin-left: -9px;
					padding-right: 9px;
				}
				.home .middle.col #playInIt {
					background-color: #cee7eb;
					padding: 5px;
					margin-bottom: 20px;
				}
				#slideshowWrapper {
					height: 288px;
				}
					#slideshowLinks {
						margin-bottom: 5px;
						text-align: right;
					}
						#slideshowLinks a {
							background-color: #bdd1d4;
							border: solid 1px #088599;
							color: #000;
							padding: 3px;
							text-decoration: none;
							margin-right: 5px;
						}
						#slideshowLinks a.activeSlide {
							background: #088599;
						}
						#slideshow h2 {
							color: #484847;
						}
							#slideshow h2 span {
								color: #a7422a;
							}
						#slideshow p {
							font-size: 1.2em;
						}
					.home .middle.col .right.col, .home #middleCol #rightCol {
						float: right;
					}
					.home .middle.col #newsAndNotes {}
						.home .middle.col #newsAndNotes h2 {
							color: #6091b9;
							margin-bottom: 0;
						}
						.home .middle.col #newsAndNotes img.main {
							width: 230px;
						}
				.subsubmenu {
					margin-bottom: 20px;
				}
					.subsubmenu ul {
						margin-left: 0;
					}
					.subsubmenu ul li {
						display: inline;
						color: #5293ba;						
					}
						.subsubmenu ul li a {
							color: #5293ba;
						}
			.right.col, #rightCol {
				padding: 5px;
				width: 164px;
			}
				.right.col .item {
					background-color: #cee6e5;					
					margin-bottom: 5px;
					padding: 5px;
				}	
					.right.col h3 {
						background-color: #5293ba;
						color: #fff;
						font-weight: normal;
						margin: -5px -5px 0 -5px;
						padding: 5px;
					}
					.right.col #enewsletter-email {
						width: 100px;
					}
					.right.col #volunteer {
						background-color: #e3f0bc;
					}					
						.right.col #volunteer h3 {
							background-color: #86b3cf;
						}
#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color: #FFFFFF;
  color: black;
  font-size: 0.95em;
}

#footer {
		border-top: solid 1px #caccc8;		
		margin: 0 0 20px 20px;
		padding-top: 10px;
	}
		#footer p {
			color: #969991;
			font-size: .9em;
			text-align: center;
		}