/* --- Reformat the official USGS header to include a different image and color --- */

#usgscolorband { 
	background: #000000 url(../images/cc1.jpg) 178px 0px no-repeat; background-position: 100% 0; right: 1em;
} 
#usgstitle { 
    background-color: #628aa3;  
    color: #ffffff; 
} 
#usgsfooter {
	margin-top: 15px;
	font-size: 85%;
}

#usgsfooterbar {
	background-color: #fff;
	padding: 4px;
	margin: 0;
	border-top: 3px solid #006633;
}

#usgsfooterbar a:link, #usgsfooterbar a:visited {
	margin-right: 40px;
	color: #aaa;
	text-decoration: none;
}
#usgsfooterbar a:hover {
	margin-right: 40px;
	color: #000;
	text-decoration: underline;
}
#usgsfooterbar a:active {
	margin-right: 40px;
	color: #aaa;
	text-decoration: none;
}
#usgsfootertext {
	padding: 4px;
	margin: 0;
	color: #aaa;
}
#usgsfootertext a {
	color: #777;
}
#usgsfootertext img {
	border: none;
	float: right;
	margin-right: 5px;
}
h1 { font-size: 130%; padding-left:20px; }
h2 { font-size: 120%; padding-left:20px;}
h3 { font-size: 110%; padding-left:20px;}
P {padding-left:20px;
   margin-right:20px;
   margin-left:30px;}


/* --- Formatting for the top menu bar --- */

#top_nav {
	background-color: #628aa3;
	margin: 0;
	padding: 3px;
	text-align: center;
	}
#top_nav ul{ 
	margin: 0;
	padding: 0;
	} 
#top_nav ul li {
	list-style: none; 
	display: inline;
	font-family: "Lucida Grande",sans-serif;
	font-size: 85%;
	}
#top_nav a{ 
	margin: 0 1px 0 0;
	padding: 5px;
	padding-top: 1px;
	border: 1px solid white;
	border-bottom: none;
	color: white; 
	text-decoration: none;
	}

/* --- Highlight the page you are on --- */
#home #top_nav a.home_id {
	background-color: white;
	color: black;
}
#research2 #top_nav a.research_id {
	background-color: white;
	color: black;
}
#tech #top_nav a.tech_id {
	background-color: white;
	color: black;
}
#pubs #top_nav a.pubs_id {
	background-color: white;
	color: black;
}
#data #top_nav a.data_id {
	background-color: white;
	color: black;
}
#people #top_nav a.people_id {
	background-color: white;
	color: black;
}
#basis #top_nav a.basis_id {
	background-color: white;
	color: black;
}
#location #top_nav a.location_id {
	background-color: white;
	color: black;
}
#feedback #top_nav a.feedback_id {
	background-color: white;
	color: black;
}
#top_nav a:hover{ 
	color: yellow; 
	text-decoration: underline;
	}
	

/* --- Formatting for the right menu bar --- */

#right_nav {
	font-size: 90%;
	margin: 0;
	padding: 3px;
	text-align: center;
	float: right;
	width: 150px;
	padding-left: 10px;
	}

#right_nav h3 { 
	color: #000099; 
	text-align: center;
	font-size: 95%;
	background-color: #deeffa;
	border-top: solid 1px #628aa3;
	border-left: solid 1px #628aa3;
	border-right: solid 1px #628aa3;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 10px;
}

#right_nav ul { 
	background-color: #deeffa;
	margin: 0; 
	padding: 8px 10px 14px 10px; 
	list-style: none; 
	border-bottom: solid 1px #628aa3;
	border-left: solid 1px #628aa3;
	border-right: solid 1px #628aa3;
	margin-right: 5px;
	margin-left: 5px;
}
#right_nav li {
	margin-bottom: 12px;
}
#right_nav  a { color: #000000; text-decoration: underline; }
#right_nav a:hover { text-decoration: underline; color: #3399ff; }
#right_nav p {
	background-color: #deeffa;
	border-left: solid 1px #628aa3;
	border-right: solid 1px #628aa3;
	margin: 0; 
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-left: 5px;
	text-align: left;
	font-size: 85%;
}
#right_nav ol { 
	background-color: #deeffa;
	margin: 0; 
	padding: 8px 10px 14px 10px; 
	list-style: none; 
	border-left: solid 1px #628aa3;
	border-right: solid 1px #628aa3;
	margin-right: 5px;
	margin-left: 5px;
}
#right_nav form { 
	background-color: #deeffa;
	margin: 0; 
	padding: 8px 10px 14px 10px; 
	list-style: none; 
	border-left: solid 1px #628aa3;
	border-right: solid 1px #628aa3;
	border-bottom: solid 1px #628aa3;
	margin-right: 5px;
	margin-left: 5px;
}



/* --- Hide navigation skip links --- */
.off-left {
	position: absolute;
	left: -9999px;
	}
	
/* --- Format the page blocks --- */

.block1 {
	margin: 5px;
	float: left;
}
.block1 td {
	font-size: 75%;
	vertical-align:bottom;
	padding: 5px;
}
.block1 table {
	border: 1px solid #628aa3;
}
.block1 h2 {
	background-color: #deeffa;
	margin-bottom: 0;
	font-size: 110%;
	font-style: italic;
	font-weight: bold;
	text-indent: 15px;
	border-left: solid 1px  #628aa3;
	border-top: solid 1px  #628aa3;
	border-right: solid 1px  #628aa3;
}
.block1 img {
	float: left;
	padding: 5px;
	border: 0;
}	

.block1 ul {
	border: 1px solid #628aa3;
	margin: 0;
	padding: 0;
	list-style: none;
}
.block1 li {
	padding: 5px;
	font-size: x-small;
}

.block2 {
	margin: 5px;
	border: 1px solid #628aa3;
	text-indent: 15px;
}

.block2 h2 {
	background-color: #deeffa;
	margin: 0;
	font-size: 110%;
	font-style: italic;
	font-weight: bold;
	text-indent: 15px;
	border-bottom: solid 1px  #628aa3;
	padding-bottom: 1px;
}
.block2 td {
	font-size: 80%;
	vertical-align:top;
	padding: 2px;
	text-align: center;
}
.block2 img {
	padding: 5px;
	border: 0;
}	


#intro {
	font-size: 100%;

} 

#intro img {
	float: right;
	padding: 15px;
}
#intro p {
	padding: 15px;
	
}

/* --- formatting for the lists with images --- */

.list1 {
	font-size: 85%;
	list-style: none;
}
.list1 img {
	padding-right: 10px;;
	vertical-align: top;
	float:left;
	width: 50px;
}

.list1 ul {
	margin: 10px;
	padding: 0;
}
.list1 li {
	padding: 5px;
	display: block;
	height: 60px;
}

/* --- Table formatting for lists with pictures --- */

.list2 {
	font-size: 95%;
}
.list2 img {
	padding-right: 10px;;
	vertical-align: top;
	float:left;
	height: 150px;
	border:0;
}

.list2 table {
	margin: 10px;
	padding: 15px;
}

.list2 td {
	padding-top: 20px;
}

.disclaimer {
	font-style: italic;
	font-size:80%; 
	width: 70%;
	margin-left: 15px;
	border-top: 1px solid black;
}

.header {
	font-weight: normal;
	color: #003;
	vertical-align: top;
}

#news_table {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 10px;
	width: 900px;
	border-collapse: collapse;
	text-align: left;

	
}
#news_table tr .header {
	font-size: small;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	}


#news_table tr .header img {
	padding-top: 5px;
}
#outreach_content {
	width: 960;
	margin-left: 50px;
	margin-top: 20px;
	margin-right: 50px;
	float: left;
	
}
#news_table table img {
	vertical-align: top;
	display: block;
}