@import url("./whitespace-reset.css");

body {
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #006784; }

a {
	color: #006682;
	text-decoration: none; }
a:hover { text-decoration: underline; }
.clearer { clear: both; }

#sitewrapper {
	position: relative;
	width: 960px;
	margin: 0 auto 40px auto; }

#header {
	position: relative;
	height: 366px;
	overflow: hidden;
	background: transparent url("../images/bg_header.jpg") 0 0 no-repeat; }
#homepage #header {
	height: 272px;
	background: #ffffff url("../images/bg_header-homepage.gif") 0 0 repeat-x; }
	#header h1 { padding: 28px 0 0 79px; }
		#header h1 a {
			display: block;
			width: 818px;
			height: 24px;
			text-indent: -8685px;
			outline: none; }
	#homepage #header h1 {
		padding: 0;
		position: absolute;
		right: 54px;
		top: 50px;
		z-index: 3;
		width: 415px;
		height: 46px;
		text-indent: -8685px;
		background: transparent url("../images/hdr_homepage-2.png") 0 0 no-repeat; }
	#homepage #header #flood-video {
		position: absolute;
		right: 0;
		top: 14px;
		z-index: 1;
		height: 232px;
		overflow: hidden; }
	#homepage #header #translucent-bg {
		position: absolute;
		left: 480px;
		top: 30px;
		z-index: 2;
		width: 455px;
		height: 200px;
		background: #333333;
		opacity: .7;
		filter: alpha(opacity = 70); }
	#homepage #header p {
		position: absolute;
		right: 58px;
		top: 106px;
		z-index: 3;
		width: 410px;
		font-size: 11px;
		font-weight: bold;
		color: #ffffff;
		line-height: 120%; }
	#homepage #header a.btn_about {
		position: absolute;
		display: block;
		right: 40px;
		top: 160px;
		z-index: 3;
		width: 204px;
		height: 50px;
		text-indent: -8685px;
		outline: none;
		background: transparent url("../images/btn_about-system.png") 0 0 no-repeat; }
	#homepage #header #slideshow {
		position: absolute;
		overflow: hidden;
		left: 0;
		top: 14px;
		z-index: 1;
		width: 459px;
		height: 232px; }
		#homepage #header #slideshow img {
			display: block;
			width: 459px;
			height: 364px; }
	#homepage #header .overlay {
		position: absolute;
		left: 0;
		bottom: 10px;
		z-index: 50;
		width: 960px;
		height: 54px;
		background: transparent url("../images/bg_home-header.png") 0 0 no-repeat; }

#content { background: #ffffff url("../images/bg_sidebar.gif") 0 0 repeat-y; }
#homepage #content {
	float: left;
	width: 951px;
	padding: 0 0 0 9px;
	background: #ffffff url("../images/bg_homepage-cols_repeat.gif") 9px 0 repeat-y; }
#homepage-cols {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	background: transparent url("../images/bg_homepage-cols_bottom.gif") 0 100% no-repeat; }
	#homepage-cols .column {
		float: left;
		width: 158px;
		padding: 0 12px 0 10px;
		background: transparent url("../images/bg_homepage-col_top.gif") 100% 0 no-repeat; }
	html > body #homepage-cols .column { padding: 0 22px 0 10px; }
	#homepage-cols img {
		display: block;
		margin: 0 0 15px -9px; }
	#homepage-cols h2 {
		padding: 0 0 10px 0;
		font-size: 14px;
		color: #000000; }
	#homepage-cols li {
		padding: 0 0 7px 10px;
		text-indent: -10px; }
		#homepage-cols li ul { padding: 5px 0 0 8px; }
	#homepage-cols a.btn_rss {
		float: right;
		width: 29px;
		height: 29px;
		text-indent: -8685px;
		outline: none;
		background: transparent url("../images/icon_rss.gif") 0 0 no-repeat; }

#footer {
	clear: both;
	padding: 15px 0 0 0; }
	#footer ul {
		float: right;
		padding: 3px 0 0 0; }
	#footer li {
		display: inline;
		padding: 0 0 0 15px;
		font-size: 14px; }
		#footer li a { color: #ffffff; }
	a.btn_newsletter {
		display: block;
		width: 160px;
		height: 20px;
		text-indent: -8685px;
		outline: none;
		background: transparent url("../images/btn_get-newsletter.gif") 0 0 no-repeat; }
	#footer a.btn_newsletter { float: right; }
	#footer a.srbc {
		float: left;
		font-size: 16px;
		color: #ffffff;
		text-decoration: none; }

/* Inner pages
------------*/
#header ul#nav {
	position: absolute;
	left: 10px;
	top: 60px;
	z-index: 110; }
	#header ul#nav li {
		float: left;
		position: relative;
		width: 148px;
		height: 52px;
		padding: 0 8px 0 0;
		font-size: 13px;
		background: transparent url("../images/bg_nav-item.png") 0 0 no-repeat; }
	#header ul#nav a {
		display: block;
		width: 138px;
		height: 46px;
		padding: 6px 5px 0 5px; }
	#header ul#nav li.active {
		background-position: 0 100%;
		font-weight: bold; }
	#header ul#nav ul {
		display: none;
		position: absolute;
		left: 0;
		top: 45px;
		z-index: 150;
		width: 132px;
		padding: 5px 8px;
		background: #ffd654; }
		#header ul#nav ul li {
			float: none;
			width: auto;
			height: auto;
			padding: 0 0 7px 0;
			font-size: 11px;
			font-weight: normal;
			background: transparent; }
		#header ul#nav li.active ul { background: #ffeab0; }
		#header ul#nav ul a {
			display: inline;
			width: auto;
			height: auto;
			padding: 0; }
		#header ul#nav ul ul {
			position: static;
			width: 116px;
			padding-bottom: 0; }
	#header #header-curve {
		position: absolute;
		left: 0;
		top: 117px;
		z-index: 98;
		width: 100%;
		height: 33px;
		background: transparent url("../images/bg_header-curve.png") 0 0 no-repeat; }
	#header #subnav {
		position: absolute;
		left: 0;
		top: 150px;
		z-index: 4;
		width: 171px;
		font-size: 11px; }
		#header #subnav h2 {
			padding: 0 25px 15px 25px;
			font-size: 14px; }
		#header #subnav ul { font-size: 11px; }
		#header #subnav li {
			padding: 0 25px 7px 37px;
			text-indent: -12px; }
			#header #subnav li a { color: #458390; }
			#header #subnav li.active a {
				padding: 2px 25px;
				font-weight: bold; }
			#header #subnav ul ul { padding: 5px 5px 0 5px; }
				#header #subnav ul ul li {
					padding: 0 0 7px 0;
					text-indent: 0; }
	#header img#header-image {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 1; }
	#header #page-head {
		position: absolute;
		left: 186px;
		top: 145px;
		z-index: 2;
		width: 352px;
		color: #ffffff; }
		#header #page-head .icon {
			padding: 10px 0 0 0;
			height: 246px;
			background: transparent 50% 50% no-repeat; }
		#header #hdr_image_caption { 
			position: absolute;
			background: #FFEAB0;
			color: #333333;
			right: 0;
			bottom: 0;
			width: 387px;
			padding: 5px;
			font-size: 11px;
			font-weight: bold;
			text-align: center;
			z-index: 3; }
		/*#header #page-head .about { background-image: url("../images/icon_about.png"); }
		#header #page-head .current-conditions { background-image: url("../images/icon_current-conditions.png"); }
		#header #page-head .flood-safety { background-image: url("../images/icon_flood-safety.png"); }
		#header #page-head .general-info { background-image: url("../images/icon_general-info.png"); }
		#header #page-head .info-news { background-image: url("../images/icon_info-news.png"); }
		#header #page-head .mapping { background-image: url("../images/icon_mapping.png"); }*/
		#header #page-head h1 {
			display: block;
			padding: 0 0 15px 0;
			font-size: 35px;
			font-weight: normal; }
		#header #page-head p {
			font-size: 14px;
			line-height: 150%; }
		#header #page-head a {
			color: #ffffff;
			text-decoration: underline; }

#main {
	clear: both;
	float: right;
	width: 733px;
	padding: 30px 35px 25px 20px; }
	#main h2 {
		padding: 0 0 10px 0;
		/*font: normal 20px Georgia, serif;*/
		font: bold 17px Arial, sans-serif;
		text-transform:uppercase; }
		#main h2 a { font: normal 11px Arial, Helvetica, sans-serif;}
	#main p {
		padding: 0 0 20px 0;
		line-height: 130%; }
	#main h3 {
		padding: 0 0 10px 0;
		font-size: 17px; }
	#main ul,
	#main ol { padding: 0 0 20px 18px; }
		#main ul li {
			padding: 0 0 5px 0;
			list-style: disc; }
		#main ol li {
			padding: 0 0 5px 0;
			list-style: decimal; }
	#main table {
		width: 100%;
		margin: 0 0 20px 0;
		border-collapse: collapse; }
		#main table th,
		#main table td {
			padding: 3px 5px;
			border: 1px solid #333333; }
#sidebar {
	float: left;
	width: 152px;
	padding: 27px 10px 0 10px; }
	#sidebar h4 {
		padding: 0 5px 15px 5px;
		color: #006784; }
		#sidebar h4 small {
			display: block;
			font-size: 10px; }
	#sidebar ul { padding: 0 10px 15px 10px; }

.audio-cat {
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 0 10px 0;
	background: transparent url("../images/bg_audio-cat.gif") 0 100% repeat-x; }
	.audio-cat img {
		float: left;
		margin: 0 10px 0 0; }
	.audio-cat .details { overflow: hidden; }
	#main .audio-cat ul { padding: 0; }
	#main .audio-cat li {
		padding: 0 0 0 20px;
		margin: 0 0 5px 0;
		font-style: italic;
		list-style: none;
		background: transparent url("../images/icon_speaker.gif") 0 50% no-repeat; }
		.audio-cat li a {
			margin: 0 10px 0 0;
			font-style: normal; }
/* Modal
-----*/
#modal-layer {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .8; }
#modal {
	display: none;
	position: absolute;
	left: 287px;
	top: 140px;
	z-index: 100;
	width: 350px;
	padding: 10px;
	border: 8px solid #666666;
	background: #ffffff; }
	#modal h2 {
		padding: 5px 10px;
		margin: -10px -10px 15px -10px;
		font-size: 14px;
		color: #333333;
		background: #eeeeee; }
		#modal h2 a {
			float: right;
			font-size: 12px;
			color: #333333; }

form#subscribe fieldset { border: none; }
form#subscribe p {
	padding: 0 0 10px 0; }
form#subscribe label {
	padding: 0 20px 0 0;
	font-weight: bold; }
	form#subscribe input.email_submit { margin: 10px 0 0 60px; }
p#forecasting-maps { padding: 0 0 15px 0; }
	p#forecasting-maps a {
		display: block;
		width: 147px;
		height: 56px;
		text-indent: -8685px;
		outline: none;
		background: transparent url("../images/btn_current-forecast.gif") 0 0 no-repeat; }
img.float-left {
	float: left;
	margin: 0 15px 10px 0; }
#main p.no-padding { padding: 0; }
#main ul.unstyled { padding: 0 0 20px 0; }
	#main ul.unstyled li {
		padding: 0;
		list-style: none; }
#main h3.hdr_flood-types { font-size: 17px; }

#news_agency_container { 
	width: 200px;
	padding: 0 0 20px 10px;
	margin: 0 0 0 10px;
	border: 1px solid #EEE;
	border-top-width: 0;
	border-right-width: 0;
	float: right;}

#news_release_container { 
	/*width: 200px;
	padding: 0 0 20px 10px;
	margin: 0 0 0 10px;
	border: 1px solid #EEE;
	border-top-width: 0;
	border-right-width: 0;
	float: right;*/ }
	#news_release_container ul,
	#news_release_container ul li{ 
		list-style: none;
		margin: 0;
		padding: 0;}
	#news_release_container span.headline a,
	#news_release_container span.headline a:visited { 
		display: block;
		text-decoration: none;
		padding: 0 0 3px 0;}
	#main #news_release_container div.feedburnerFeedBlock ul li div { 
		margin: 0;
		padding: 0 0 10px 0;}
	#news_release_container div#creditfooter { display: none; }
	
p.tos { 
	margin-top: 0;
	padding-top: 0;
	font-size: .9em }
#main p.subhead { 
	padding: 0;
	margin: 0;}
	
#main ul.indent-list { 
	list-style: none;
	margin: 0 0 0 20px;
	padding: 5px 0 10px 0;}
	#main ul.indent-list li { 
		margin: 0;
		padding: 0 0 10px 0;
		list-style: none; }
		
#main h3 { text-transform: uppercase; }

#main a.youtube_link { 
	display: block;
	outline: none;
	border: none;
	text-decoration: none;
	width: 425px;
	height: 344px;
	padding: 0 0 20px 0;}

#main a.smaller_ytube_link { 
	display: block;
	outline: none;
	border: none;
	text-decoration: none;
	width: 300px;
	height: 243px;
	padding: 0 0 10px 0;}
	
#main table#photo_table { 
	width: 100%;
	border: 0; }
	#main table#photo_table th, 
	#main table#photo_table td { 
		text-align: center;
		border: 0;}

table#quicklinks { margin: 0 auto; }	
form#weather fieldset, table#quicklinks td { border: none; }
form#weather h3 { padding: 20px 0 0 0; }
form#weather fieldset p { padding: 0 0 5px 0; }

.float_right {
	float: right;
	margin: 0 0 10px 15px; }
	
span.red_text {color: #FF0000; }

div#before_during_after p { padding: 0 0 5px; }

ul#sitemap li.heading { 
	list-style: none;
	margin-bottom: -10px; }
	ul#sitemap li.no_ul { margin-bottom: 10px; }
	ul#sitemap li.last { margin-bottom: -30px; }
	ul#sitemap h4 { margin-bottom: 5px; }
	ul#flood_types {
		margin-top: 5px;
		margin-bottom: -25px; }