/*--==General==--*/
/*div.content p,ul,ol {font-size: 0.95em;}*/
div.ItemSummary {margin: 3px 0 10px 20px;}
div.col1 {float: left; width: 285px;}
div.col2 {float: right; width: 285px;}
#ArchiveLink {text-align: center; margin: 20px 0 0 0;}
div.cutline {
  padding: 0 0 15px 0; text-align: left; margin: auto;
	}
.jump_menu {font-size: 11px;}
.red_arrow_content {
	list-style-image: url(../../2008_templates/images/icons/redArrow.gif) !important;
	}	
.red_arrow_content li {margin-top: 5px;}
	
.tooltip {color: #008800; border-bottom: 1px dashed #009900; cursor: help; position: relative;}
.tooltip_text {
	display: none; background-color: #FFFF80; width: 500px;
	padding: 3px 3px 5px 3px; font-size: 0.95em; border: 1px solid #888888;
	position: absolute; line-height: 1.15em;
	}
.tooltip_text ul {margin-bottom: 5px;}
.tooltip_text li {margin-top: 5px; line-height: 1.15em;}
.tooltip_text img.close {float: right; cursor: pointer; margin: -3px -3px 5px 5px;}	
.tooltip_text p {margin-bottom: 5px;}

#popup {margin: 15px;}
#popup p {font-size: 1.05em;}
#popup ul {font-size: 1.05em;}
#popup li {margin-top: 5px;}

.captionBox {
	float: right; width: 350px; margin: 0 0 5px 5px;  padding: 10px;
	border: 1px solid #888; background-color: #0e98d6;
}
.captionBox h4 {margin: 0 !important;}
.captionBox p {margin: 10px 0 0 0;}

#mainColumn h1 {border-bottom: 1px dotted #003399; padding-bottom: 2px;}
	
.btn_blog {float: right; margin: 0 0 0px 5px; padding: 0px;}
	
#nrList {
	list-style-type: none !important;
	margin-left: 0;
	}
ul#nrList li {margin-left: 0;}
ul#nrList li ul {margin-left: 30px;}
ul#nrList li {margin-left: 0;}
ul#nrList li h4 {margin-top: 0;}
ul#nrList li .nrDate {
	font-size: 0.9em; font-weight: bold; 
	color: #666;
	margin-top: 15px; border-top: 1px solid #ccc;
	}
	
#titleBannerWide {width: 900px;}
#content div#banner_Flash {border: 1px solid black;}
	
	
#rightColBox {
	float: right; display: block; 
	width: 250px; height: 100px; margin-left: 10px;	
	border-top: 1px solid #888;
	border-left: 1px solid #888; 
}
	
#footerBlog {float: left;}


.hoverBorder1 {border: 1px solid #9cbede !important;}
.hoverBorder1:hover {border: 1px solid #69c;}




	
	
/*--==Home==--*/
#Home_Title {
	font-family: 'Times New Roman', Times, serif; font-size: 1.6em;
	margin-top: 0px; font-weight: 100; font-stretch: extra-expanded;
	}
#Home_WelcomeMsg {margin: 0px 10px 20px 10px;}
#Home_WelcomeMsg p {margin: 10px 0 0 0; text-indent: 0px;}
#Home_WelcomeMsg img {margin: 0 0 3px 5px;}
#Home_Quote {margin: 10px 0 20px 20px; font-style: italic;}
#HotItems {margin: 0 0 10px 10px;}
#HotItems .right_sub_cat table {width: 548px;}
#HotItems .right_sub_cat td {font-size: 0.9em;}
#HotItems .right_sub_cat td.HotItem {width: 160px;}
#Highlights {margin: 0 0 10px 10px;}
#Highlights td {vertical-align: top;}
#Highlights .right_sub_cat div.ThumbList {list-style-type: none; margin: 3px 0 5px 0;}
#Highlights .right_sub_cat table {font-size: 0.9em; vertical-align: top;}
#Highlights .right_sub_cat td img {margin: 5px 0 -2px 0;}
#WhatsNew {width: 720px; margin-top: 20px; border-top: 1px solid #888; border-left: 1px solid #888;}
#WhatsNew th {white-space: nowrap; color: #900; font-weight: bold; font-size: 1.05em;}
#WhatsNew img {float: left; margin-right: 5px;}
#WhatsNew td {border-top: 1px solid #ccc; padding-left: 5px;}
#WhatsNew p {}
#WhatsNew ul {margin: 0 0 10px 0; list-style-type: none;}
#WhatsNew ul li {margin: 0 0 3px 5px;}
#WhatsNew ul ul {list-style-type: disc; margin-left: 10px;}
#WhatsNew ul ul li {margin-left: 15px;}
#WhatsNew li {font-size: 1em;}
/*div.right_sub_cat li {list-style-image: url(/2008_templates/images/icons/blackChevron.gif);*/

/*--==FAQ==--*/
div.faq h4 {margin-bottom: 10px;}
div.faq p {margin-top: 0;}
div.faq .section_content {margin-top: 10px;}

/*--==Did You Know==--*/
ul#DidYouKnow li {margin-top: 8px;}

/*--==Fast Facts==--*/
div.FastFacts {font-size: 0.95em;}
div.FastFacts h4 {border-top: 1px solid #888888; margin: 15px 0 0 0px;}
div.FastFacts li h4 {margin-left: -5px;}
div.FastFacts td {width: 50%; padding-right: 20px; vertical-align: top;}
div.FastFacts ul {list-style-type: none; margin-left: 10px}

/*--==Editorials==--*/
div.Editorials {font-size: 0.95em;}
div.Editorials h4 {border-top: 1px solid #888888; margin: 15px 0 0 -15px;}
div.Editorials ul {list-style-type: none; margin-left: 20px;}
/*--==Letters==--*/
div.Letters {font-size: 0.95em;}
div.Letters h4 {border-top: 1px solid #888888; margin: 15px 0 0 -15px;}
div.Letters ul {list-style-type: none; margin-left: 20px;}
/*--==Speeches==--*/
div.Speeches {font-size: 0.95em;}
div.Speeches h4 {border-top: 1px solid #888888; margin: 15px 0 0 -15px;}
div.Speeches ul {list-style-type: none; margin-left: 20px;}

/*--==Newsletters==--*/
table.NewsletterHome td {padding: 10px; text-align: center;}
table.NewsletterHome td.col2 {border-left: 1px solid #888888;}
table.NewsletterHome h2 {margin: 0 0 10px 0; text-align: center;}
div.NewsletterList ul {list-style-type: none; margin-left: 20px;}
div.NewsletterList li {font-size: 0.9em;}
div.NewsletterList h4 {border-top: 1px solid #888888; margin: 15px 10px 0 -15px;}

/*--==Audio/Video Gallery==--*/
div.av_gallery {font-size: 0.95em;}
div.av_gallery ul {list-style-type: none; margin-left: 20px;}
div.av_gallery h2 {margin-bottom: 5px;}
div.av_gallery h4 {border-top: 1px solid #888888; margin-top: 15px;}
div.av_gallery .AudioList h2 {margin-bottom: 15px;}
div.av_gallery .VideoList h2 {margin-bottom: 15px;}
div.av_gallery .AudioList a {text-indent: -10px;}
div.av_gallery .AudioList ul {list-style-type: none;}
div.av_gallery .VideoList td {vertical-align: middle; padding: 5px 5px 5px 5px;}
div.av_gallery .VideoList td .summary {margin: 5px 0 0 10px;}

/*--==Photo Gallery==--*/
div.photos h2 {padding: 10px 0 0 0; margin-bottom: 10px;}
div.photos table.PhotoPage td {text-align: center;}
div.photos .InfoLink {margin: 10px 0 0 15px;}
div.photos #PhotoArchive table {margin-left: 15px;}
div.photos #PhotoArchive td {padding-right: 15px; width: 50%;}
div.photos #PhotoArchive h3 {margin-bottom: 0px;}
div.photos #PhotoArchive h4 {border-top: 1px solid #888888; margin: 15px 0 10px 0;}
div.photos table {font-size: 0.95em;}
div.photos table h2 {text-align: center; margin-bottom: 15px;}
div.photos table td {vertical-align: top;	padding-right: 5px;}
div.photos table.PhotoPageList {font-size: 1.0em;}
div.photos table.PhotoPageList td {
	font-size: 0.95em;
  width: 250px; vertical-align: top;
	padding: 0 35px 15px 0;
	}
div.photos table.PhotoPageList td.single {padding-left: 140px; padding-right: 185px;}
	
/*--==Podcasts==--*/
div.Podcasts td {padding: 5px; vertical-align: middle;}

.divider {border-top: 1px solid #888888; clear: both; height: 10px;}
.nav_bottom {
	width: 720px; height: 200px; 
	font-size: 0.9em; margin: 0;
	background-image: url(../images/bg_watersplash_720.jpg); 
	background-repeat: no-repeat; background-position: 0% 100%;
	}
.nav_bottom li {margin-bottom: 0 !important;}
.nav_bottom .topicLink {float: left; width: 320px; margin: 0; text-align: left;}
.nav_bottom .resources {float: right; width: 184px; margin: 0 50px 0 0;}
.navBottomWide {
	width: 900px; background-image: url(../images/bg_watersplash_900.jpg);
}
.RelatedResources {display: none;}


#glossary {margin-bottom: 15px;}
#glossary h4 {margin-bottom: 10px;}
#glossary p {margin: 0 0 0 15px;}

#quiz ol {font-weight: bold;}
#quiz ol ol {
	font-weight: normal;
	list-style-type: lower-alpha; margin-left: 20px;}
#quiz input {}
#quiz ol li {clear: both;}
#quiz ol li div {font-weight: normal;}
#quiz .answer {margin-top: 5px; clear: left;}
#quiz .listitem {float: left; width: 18px;}
	
#quiz .btn {position: relative; right: 40px; margin-right: -15px; float: left;}
#quiz .info {font-style: italic; margin-top: 5px; margin-bottom: 10px; display: none;}

/*--==Your Stories==--*/
#YourStories dl {margin-left: 0px;}
#YourStories dd {margin-bottom: 20px; border-top: 1px solid #ddd;}
#YourStories h4 {cursor: pointer; text-decoration: underline;}
#YourStories h4:hover {text-decoration: none; color: #69c;}
#YourStories h5 {margin-bottom: 5px;}
#YourStories p {margin-bottom: 10px;}
#YourStories .sig {font-style: italic; margin: 2px 0 5px 20px;}

/*--==Water Act Modernization==--*/
.znavWaterAct {background-color: #234075 !important;}

#tabsWaterAct {
	float: none; width: 720px; margin: 0 0 0 0; text-align: center;
/*	background-image: url(../../water-act/images/tabs.gif);*/
}
#tabsWaterAct dl {white-space: nowrap; border-bottom: 1px solid #888; height: 25px; margin: 0 0 15px 0;}
#tabsWaterAct dd {
	float: left;
	white-space: nowrap; margin: 0 2px 0 0; padding: 0px;
/*	background-color: #82aed9;*/
	line-height: 1em; height: 1px;
}
#tabsWaterAct dd#tabEnd {margin-right: 0; float: none;}
#tabsWaterAct p {}
#tabsWaterAct div a {
	text-decoration: none;
}
#textWaterAct {
	/*background-color: #ecf3fa;*/
	padding: 0px 10px 0 10px; 
	border-left: 0px solid #888; border-right: 0px solid #888;
}
#textWaterAct #WhatsNew {
	margin: 15px 0px 0 0px;
	border-left: none; border-right: none !important; width: 697px !important;
}

/*--Discussion Paper--*/
#frmDPFeedback h2 {border-top: 0px solid #888;}
#frmDPFeedback ol {list-style-type: decimal;}
#frmDPFeedback ol.uAlpha {list-style-type: upper-alpha; margin-left: 30px;}
#frmDPFeedback input.radFloatLeft {position: relative; right: 10px;}
#frmDPFeedback .andOr {font-weight: bold; margin: 0 0 15px 80px; text-align: center; width: 70px;}
#frmDPFeedback dl {margin-bottom: 10px;}
#frmDPFeedback dl dd {padding-left: 0;}
#frmDPFeedback textarea {margin: 0 0 15px 20px; width: 475px;}

.radioListHoriz {white-space: nowrap;}
.radioListHoriz dd {display: inline;}
#DiscussionPaperThumb {
	float: right; width: 200px; margin-left: 5px;
	border: 1px solid #c6d0e4;	
}
#DiscussionPaperThumb:hover {border: 1px solid #aebcd8;}
#rightColBox p {line-height: 1.25em;}
.imgLink {border: 1px solid #c6d0e4; cursor: pointer;}
.imgLink:hover {border: 1px solid #aebcd8;}


#feedback #rightColumn {width: 200px;}

#feedback #rightColumn {
	margin: 0 0 10px 10px !important;
	background-color: #9cbede; border: 1px outset #9cb8de;
}
#feedback #rightColumn dl {margin-bottom: 0;}
#feedback #rightColumn dl dt {
	padding: 5px 5px 5px 15px; font-weight: normal; font-size: 1.1em;
	color: #021553; background-color: #69c; border-bottom: 1px outset #9cb8de;
}
#feedback #rightColumn dl dd {
	margin: 0; padding: 5px 5px 5px 20px; text-indent: -11px;
	border-bottom: 1px solid #016090;	
	color: #021553; font-weight: normal;
	cursor: pointer;
}
#feedback #rightColumn dl dd:hover {color: #fff; background-color: #04396d;}
#feedback #rightColumn dl dd blockquote input.floatLeft {clear: both !important;}

#feedback #rightColumn dl.bgBox {
	background-image: url(/common_files/images/bg_DarkWater.jpg);
	background-position: top right;
	background-repeat: no-repeat;

}
#feedback #rightColumn dl.bgBox dt.head1 {
	color: #fff; font-weight: bold; background-color: #04396d;
	opacity: .9; filter: alpha(opacity=90);
}
#feedback #rightColumn dl.bgBox dd.head2 {
	font-weight: bold; background-color: #04396d; cursor: default;
	opacity: .3; filter: alpha(opacity=30);
}
#feedback #rightColumn dl.bgBox dd.head2 #title {
	color: #fff; background-color: #transparent;
	opacity: 1 !important; filter: alpha(opacity=90) !important;
}
#feedback #rightColumn dl.bgBox dd {color: #fff;}

#feedback #contactInfo {
	padding-right: 15px; border: 1px outset #ccc;
	background-color: #CBD3DA;
}

/*--==Video Gallery==--*/
#videoGallery h2 {text-align: center;}
#videoGallery h5 {margin: 0 0 0px 0;}
#videoGallery a {text-decoration: none;}
#videoGallery a:hover {text-decoration: underline;}
#videoList dd {float: left; width: 250px; height: 250px;}
#videoDisplay {text-align: center;}
#videoKeywords {visibility: hidden;}


/*--==Workshops==--*/
#workshopList dd h4 {border-top: 1px dotted #888;}


/*--==WAM Submissions==--*/
dl.linkList dt {float: right !important;}

dl.linkList h3, dl.linkList h4 {text-decoration: underline; cursor: pointer;}
dl.linkList h3:hover, dl.linkList h4:hover {text-decoration: none; color: #f00;}
dl.linkList dl dd dl dd {margin-bottom: 5px; border-top: 1px dotted #ccc;}
dl.linkList dd h3 {}



