/*          Begin styles from "mission area" style sheet     */
/* CSS for the top level navigation bar for major areas of the site for old site.*/
#topnav {
		 background-color: #CCCCCC;
		 padding-top: 1px;
		 margin-bottom: 8px;
}
#topnav a:link, #topnav a:visited {
		 font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		 color: #000000;
		 text-decoration:none;
		 display:inline;
		 background-color:#ffbd00;
		 border-right-width: 1px;
		 border-bottom-width: 1px;
		 border-left-width: 1px;
		 border-right-style: solid;
		 border-bottom-style: solid;
		 border-left-style: solid;
		 border-right-color: #000000;
		 border-bottom-color: #000000;
		 border-left-color: #000000;
		 padding: 3px 4px;
}
#topnav a:hover {	background-color:#FFE79B;}

#breadcrumb {font-size: .8em; margin-top: 0px; margin-bottom: 8px; text-align: left; float: left}
#breadcrumb a{ color:#0000ff; text-decoration:underline;}
#main_content { padding-left: 10px; }

#programs td { width: 50%; }

#programs .featured {
	padding: 5px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	vertical-align: top;
	list-style-position:inside;
}
.programs_border_right { border-right: 1px solid #DFDFDF; }

#programs .featured img {
	border: 1px solid #CCC;
	float: left;
	margin: 3px;
}
#main_content .programs_title {
	display: block;
	font-size: medium;
	color: #FFF;
	background: #666;
	padding: 5px;
	margin-bottom: 0px;
}
#main_content h1 { margin-top: 0px; }
#main_content { vertical-align: top; }


/*=====Navigation Menu=====*/
#left_nav {
	width: 180px;
	vertical-align: top;
	background-color:#EBEBEB; 
}
/*=====End Navigation Menu =======*/

.featured h3 {
	font-size: medium;
	font-weight: bold;
}
/*          End styles from "mission area" style sheet     */

/* style the right side column  */
.right{
	border-left:1px solid #dfdfdf; 
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	padding:8px 8px;
	width:240px;
	display:block;
	}

/*  Attempting to create a left half and right half of a component */
.leftside {	float: left; width: 45%; clear: both; }
.rightside { float: right; width: 45%; }

.feedTitle a{ 
text-decoration:none; 
font-size: 1.17em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

#usgscolorband { background: #000 url("http://water.usgs.gov/images/banners/water_banner.jpg") 178px 0px no-repeat;	}
#usgstitle { 
	background-color: #6d8cf2; 
	color: #ffffff; 
	background: #416AB1 url(water/img/banner-bar.png) repeat-x 0% 0%; 
	} 
p{	padding-left:5px;	}

.featured h3 a{ 
	color:#fff; text-decoration:none; font-size: .90em;
	}
	
.featured li { 	margin-left: -30px; padding-bottom: 4px;	}
.featured ul { 	margin-top: -10px;	}
.featured {background-color: #f5f5f9;}
.mainimage{ 
	border:1px solid #003366; 
	padding:3px; 
	margin:2px; 
	background-color:#f1f2f6; 		
	}

.query{	border:1px solid #666;	}
	
.clear {clear: both; }
	
.tighten-paragraphs {margin-bottom: -8px;}

h2-boxhead{	display: block;
    font-size: 1em;
    color: #FFF;
    background: #666;
    padding: 5px;
    margin-bottom: 0px;
}

/*----  Center a block element (image, too) image horizontally, on its own line  ----*/
.center-block {
display: block;   margin-left: auto;   margin-right: auto; 
}
/*----  Heading styles, generally for #mainbody  ----*/
h1 {
	color: #003388;
	font-size: 1.4em;
}
	
h2 {
	color: #004499;
	font-size: 1.1em;
	margin-top: 20px;
	margin-bottom: -5px;
}
	
h3 {
	color: #004499;
	font-size: 95%;
	margin-bottom: -5px;
}
	
h4 {
	color: #003388;
	margin-bottom: -5px;
	font-size: 85%;
}

.programs_title {
	font-size: .9em;
	color: #FFF;
	background: #666;
	padding: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.home-center-heads {
	font-size: .95em;
	color: #FFF;
	background: #416AB1;
	padding: 5px;
	margin-bottom: 0px;
	margin-top: -5px;
}

:focus { outline:0; }
a:active { outline:none; }



/* Box header styles for background images in header of center pane discipline boxes  */

#box-header-sw a {  background: #eee url("/water/images/box-sw.jpg") left no-repeat;  height:80px; width:100%; display:block; }
#box-header-gw a {  background: #eee url("/water/images/box-gw.jpg") left no-repeat;  height:80px; width:100%; display:block;}
#box-header-qw a {  background: #eee url("/water/images/box-qw.jpg") left no-repeat;  height:80px; width:100%; display:block;}
#box-header-wu a {  background: #eee url("/water/images/box-wu.jpg") left no-repeat;  height:80px; width:100%; display:block;}
#boxes ul li { list-style-image: url('/frameworkfiles/images/icons/dotcyan9.gif');	margin-left: -23px; padding-bottom: 2px;}

 
.lists li { list-style-image: url('/frameworkfiles/images/icons/dotcyan9.gif');	margin-left: -23px; padding-bottom: 4px; vertical-align: middle} 
.lists a { text-decoration:none; color: blue}
.lists a:hover { text-decoration:underline; color: purple;}
.news-list p {border-bottom: 1px solid #777777; padding-bottom: 7px; padding-top: -4px; margin-top: 4px;background-color: #fff; }
.news-list a { text-decoration:none; color: blue}
.news-list a:hover { text-decoration:underline; color: purple;}
/*--------------*/
/*  water.css: Additional styles for front-end Water page for new USGS, Oct 1 2010. Howard Perlman  */  

img { border: none; }

/*  Shadows for images  */
.shadow2 { 
-webkit-box-shadow: 2px 1px 2px #999;
-moz-box-shadow: 2px 1px 2px #999; 
box-shadow: 2px 1px 2px #999; }

.shadow4 { 
-webkit-box-shadow: 4px 4px 8px #444;
-moz-box-shadow: 4px 4px 8px #444; 
box-shadow: 4px 4px 8px #444; }

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

.picright {	float: right;	margin-left: 12px;}

.underline {text-decoration:underline}

/*----  Center an image horizontally, on its own line. DOesn't always work  ----*/
.centerit { display: block; width: 100%;
				margin: 0 auto;
				text-align: center; }
				
				/*----  Add a faint border around any element  ----*/
.addborders {
    border-top: 1px solid #c9d0d6;-moz-border-radius: 8px;-webkit-border-radius: 8px;
	border-right: 1px solid #a8adc2;
	border-bottom: 1px solid #a8adc2;
	border-left: 1px solid #c9d0d6;
   	padding: 4px; 
}

.addborders-notop {
    border-top: 1px solid #c9d0d6;-moz-border-radius: 8px;-webkit-border-radius: 8px;
	border-right: 1px solid #a8adc2;
	border-bottom: 1px solid #a8adc2;
	border-left: 1px solid #c9d0d6;
 margin-bottom: 20px;
	padding-top: -38px;
}

.fieldsets {margin-top: 10px; border-color: #999;}
.middle {vertical-align: middle;}
/*--------------     Colors: Mainly for text    -------*/
.white { color: #fff; }
.midblue {	color: #416ab1; }
.green { color: #227a22; }
.brown { color: #995511; }
.purple { color: #722072; }
.blue {	color: #0077aa; }
.red { color: #661133; }
.bold {font-weight: bold; }
.size80 {font-size: .8em;}