body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{margin:0;padding:0;}
body  {font-family: sans-serif; font-size:.9rem; color:#555555;line-height: .9rem; 
	 background-color:#e0e0e0}

table { font-family: Arial, Arial MT, Nice,Bitstream Vera Sans, sans-serif; font-size:.9rem; border-collapse:collapse;}
table TD.name {font-family: Arial, Arial MT, Nice,Bitstream Vera Sans,sans-serif; font-weight:bold; color:white;}

	/* special block */
	a:link { color: #404040 }
	a:visited { color: #303030 }
	a:active { color: #202020 }
	a:hover { color: #fff; background:#000 }

thead{font-family:Verdana, Arial, sans-serif; font-size:10px; text-align:center;background-color:indianred;color:white;font-weight:bold}
tfoot{background-color:white;border-color:white; font-size:11px; }


select { font-size:0.9rem; border 1px solid #a0a0a0; border-radius: .5em;
background: #e0e0e0; 
background: -webkit-linear-gradient(#f8f8f8, #e0e0e0);
background: -moz-linear-gradient(#f8f8f8, #e0e0e0);
background: linear-gradient(#f8f8f8, #e0e0e0);
}
div.usgs-tab-bar-clear{clear:left}
div.usgs-tab-bar,div.usgs-tab-bar0,div.usgs-tab,div.usgs-tab1 {
	background:#f0f0f0;
	background: -webkit-linear-gradient(#f8f8f8, #e8e8e8);
	background: -moz-linear-gradient(#f8f8f8, #e8e8e8);
	background: linear-gradient(#f8f8f8, #e8e8e8);
	width:auto;}
div.usgs-tab-bar{font-family: sans-serif;height: 1.8rem;
	width:auto;}
div.usgs-tab-bar0 { width:auto;height:2.5rem; 
	margin-top:1rem;
	border-top: 1px solid #a8a8a8;border-bottom: 1px solid #909090}
div.usgs-tab-bar2 {height: 2.7rem;}
div.usgs-tab { display:block;float:left;padding: .4rem .2rem .5rem .2rem;  }
div.usgs-tab0{ display:block;float:left;padding: .4rem .2rem .4rem .2rem; text-align:center }
div.usgs-tab a, div.usgs-tab0 a, div.usgs-tab1 a  { color: #686868; text-decoration: none; }
div.usgs-tab:hover, div.usgs-tab0:hover, div.usgs-tab1:hover {
 background: #a0a0a0;}
div.usgs-tab a:hover, div.usgs-tab0 a:hover, div.usgs-tab1 a:hover {
  background: #a0a0a0; color: white}
div.usgs-tab-selected{font-weight:bold;background:#f8f8f8; border: 1px solid #909090; 
	  border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom:1px solid #ffffff}
div.usgs-tab-selected1{font-weight:bold;background:#f8f8f8; border-left: 1px solid white;}

/* Nifty Corners *
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px} */

ul, ol 
	{ margin-top: 0px; text-indent: 0px; padding: 0px 0px 0px 15px; }
li   { margin-top: 0px; padding-top: 0.5em}

input {font-family: verdana, arial, sans-serif; font-size:10px; }
.search { color: #00c; font-weight: bold; font-size:10px;text-align: center; margin-bottom: 0px;}
.nav { font-family: verdana, arial, sans-serif; color: #0000c0; font-size: 78%; text-decoration: none; font-weight: bold;}

.fixed-header { width:1080px;position:fixed;top:0px; 
			border-right: 1px solid #aaaaff; background-color:#ffffff; z-index:2 }

#container { width: 1080px; margin-left:auto;margin-right:auto;clear:both;
			border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; background-color:#ffffff }

#home_colhead {padding:10px 0px 5px 0px;border-bottom:1px solid gray}
#col1	{float:left;width:100px}
#broad_col2 {display:inline;float: left; width: 730px; margin: 0px 0px 10px 0px;}
#broad_col3 {display:inline;float: right; width:335px; }


#home #inlMenu-home li, 
#numbers #inlMenu-numbers li, 
#pie-chart #inlMenu-pie-chart li, 
#states #inlMenu-states li, 
#breakdown #inlMenu-breakdown li, 
#history #inlMenu-history li, 
#deficit #inlMenu-deficit li, 
#debt #inlMenu-debt li, 
#budget-analyst #inlMenu-budget-analyst li, 
#tour #inlMenu-tour li, 
#data_sources #inlMenu-data_sources li, 
#custom-charts #inlMenu-custom-charts li, 
#download #inlMenu-download li, 
#ink #inlMenu-ink li, 
#about #inlMenu-about li 
{	color:white; background-color: gray}

/* Navbar container */
.navbar {
  overflow: hidden;
  color: #444;
  padding: 0.0rem;
  background-color: #e0e0e0;  
background: -webkit-linear-gradient(#e0e0e0, #d0d0d0);
background: -moz-linear-gradient(#e0e0e0, #d0d0d0);
background: linear-gradient(#e0e0e0, #d0d0d0);
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 1.3rem;
  color: #444;
  text-align: center;
  padding: 0.8rem;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  font-weight:normal;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 1.3rem; 
 border-style: solid;
 border-width: 0px 0px 0px 1px;
 border-color: #fff #fff #fff #444;
  outline: none;
  color: #444;
  padding: 0.5rem 0.5rem;
  background-color: inherit;
 background-image: url(include/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #909090;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content3 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 35%;
  left: 450px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
}

/* Mega Menu header, if needed */
.dropdown-content .header {
  background: #909090;
  padding: 7px;
  color: white;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown3:hover .dropdown-content3 {
  display: block;
  background: #c0c0c0;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 31%;
  padding: 5px;
}

/* Style links inside the columns */
.column a {
  float: none;
  color: black;
  padding: 0.35rem;
  font-size:1rem;
  line-height: .7rem; 
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a background color on hover */
.column a:hover {
  background-color: #ddd;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* Cards */
.cardwide, .card233x100 {
  width: 100%; 
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 5px; /* 5px rounded corners */
  border-top:10px #909090 solid; 
  margin: 10px 0px 10px 0px;

}
.card233x100 {
  width: 31.5%; float:left;
  margin: 10px 0px 0px 10px; 

}

/* Add rounded corners to the top left and the top right corner of the image */
.container {
  padding:5px 0px 5px 5px;
  background-color:#f8f8f8;
}

.blogrollmain { font-family: Arial, Nice,Bitstream Vera Sans,sans-serif;
	margin: 0px 0px 0px 0px;padding:2px 0px 0px 10px; line-height:102%;

}
.blogrollmain a {
	font-size:95%;color: gray;
	font-family: Arial, Nice,Bitstream Vera Sans,sans-serif;
	text-decoration: none;
	font-weight:bold;
}
.blogrollmain a:hover {
	color: #0074b3;
	text-decoration: underline;
}
.blogrollhead {
	margin: 4px 0px 2px 0px;padding:2px 0px 2px 2px; line-height:10px;
	font-size:9px; color: #555; background: #d0d0d0;
	font-family: Arial, Nice,Bitstream Vera Sans,sans-serif;
	font-weight:bold;
}
.sephead, .bar {
	margin: 10px 0px 4px 0px;padding:3px 0px 5px 2px; line-height:100%;
	font-size:120%x; color: #606060; background: #d0d0d0;border-top:2px solid #a0a0a0;
	font-family: Arial,ArialMT, Nice,Bitstream Vera Sans,sans-serif;
	font-weight:bold;
}
.sephead { font-size:200%; line-height: 125%; color:#505050}
.brief, .brieflist { font-size:118%;line-height:124%
}
.briefbig { font-size: 1.25rem;line-height:135%;
}
.briefintro { font-size:1.1rem;line-height:124%; font-style:italic;margin-top: 7px;margin-bottom:7px
}
div.lfig { float:left; padding:5px 10px 5px 5px; font-size:.9rem; font-style:italic}
div.rfig { float:right;padding:5px 5px 5px 10px; font-size:.9rem; font-style:italic}
div.lkey { float:left;padding:5px 5px 5px 10px; width:35%; border:1px solid gray;
	margin:5px }
div.rkey { float:right;padding:5px 5px 5px 10px; width:35%; border:1px solid gray;
	margin:5px }
div.faq { font-size:0.9rem;position:absolute;display:none;background-color:#f8f8f8;
	width:300px;border: 1px solid gray;padding: 5px; font-weight:normal;text-align:left}

	/* lh button links */
	a.nav1 { font-family: Arial, Nice,Bitstream Vera Sans,sans-serif; font-size: 10px; text-decoration: none; font-weight: bold }
	/* takethetest link */
	a.nav2 { text-decoration: none; font-weight: bold }
	a.nav2:hover { text-decoration: underline }
	/* end of article links */
	a.nav3 { font-family: Arial, Nice,Bitstream Vera Sans,sans-serif; color: #5c5cb0; font-style: normal; text-decoration: none; font-weight: bold }
	a.nav3:link { color: #5c5cb0; text-decoration: none; }
	a.nav3:active { color: #800000; }
	a.nav3:visited { color: #5c5cb0; text-decoration: none; }
	a.nav3:hover { color: #800000; text-decoration: underline; }
	/* tags headline */
	a.nav4 { font-family: Arial, Nice,Bitstream Vera Sans,sans-serif; font-size: 120%; font-style: italic; text-decoration: none; font-weight: bold }
	a.nav4:link { color: #0000a0; text-decoration: none; }
	a.nav4:active { color: #800000; }
	a.nav4:visited { color: #0000a0; text-decoration: none; }
	a.nav4:hover { color: #800000; text-decoration: underline; }
	/* special block */
	a.nav5 { font-family: Rockwell, URW Bookman L,serif; font-size: 22px; line-height:22px;
			text-decoration: none; font-weight: bold }
	a.nav5:hover { color: #ff0000; text-decoration: underline; }
	a.nav6 { font-family: Rockwell, URW Bookman L,Baskerville,serif; font-size: 18px; line-height:18px;
			text-decoration: none; font-weight: bold }
	a.nav6:hover { color: #ff0000; text-decoration: underline; }
	/* fold link */
	a.navf { font-family: Arial, Nice,Bitstream Vera Sans,sans-serif; font-size: 90%; font-style: normal; text-decoration: none; font-weight: bold }
	a.navf:link { color: #00b; background: #ddd; text-decoration: none; 
	border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #888; border-bottom:1px solid #888;}
	a.navf:active,
	a.navf:hover { color: #00a; background: #ccc; border-left:1px solid #888;
	border-top:1px solid #888; border-right:1px solid #fff; border-bottom:1px solid #fff; }
	a.navh { font-family: Arial, Nice,Bitstream Vera Sans,sans-serif; font-size: 30%; font-style: normal; text-decoration: none; color: white; margin: 0px 0px 0px 0px; padding: 0 0 0 0; border: 0 ;}
	a.navh:visited { font-family: Arial, Nice,Bitstream Vera Sans,sans-serif; font-size: 30%; font-style: normal; text-decoration: none; color: white; }
	
	h1,h2,h3,h4,h5,h6 { font-family: Arial,ArialMT, Nice,Bitstream Vera Sans,sans-serif; }
	h1 {font-size: 1.45rem;padding: 5px 5px 3px 5px;
		line-height:140%;margin-bottom: 0px;margin-top:0px}
	h2 {font-size: 1.2rem; padding: 10px;
		line-height:140%;margin-bottom: 0px;margin-top:10px;}
	h3 {font-size: 120%;font-style: italic; padding: 0px;
		line-height:120%;margin-top: 0em; margin-bottom: 0em; }
	h4 { font-size: 115%; margin-top: 0em; margin-bottom: 0em;}
	h5 {margin-top: 1em; margin-bottom: 0em; font-size: 115%; }
	h6 {margin-top: 0em; margin-bottom: 0em; color: #888; font-style: italic;}
	p { margin-top: 0.5em; margin-bottom: 0em;}
	.dc1 { margin-top: 0.5em; margin-bottom: 0em;}
	.dc1:first-letter {float:left; color:#d00000; background-color: #cccccc; font-weight:bold;font-size:125%; line-height:77%;}	
	.dc2 {float:left; color:#d00000; font-size:290%; line-height:24pt; padding-top:1pt;}	
	.dc3 { margin-top: 0.5em; margin-bottom: 0em;}
	.dc3:first-letter {font-family:Times,sefir;float:left; color:#d00000; background-color: #dddddd; font-size:450%; line-height:77%; margin-top: 0px; margin-bottom: 0px;}	
/*	.bar {font-size: 100%; font-family: Verdana, sans-serif; font-weight: bold; background-color: #a0a0a0; color: white;margin-top: 1em;} */
	.ad_head { font-size:10px;margin-bottom:13px }
	.ad_text { font-family: Arial, Nice,Bitstream Vera Sans, sans-serif;font-size:14px;color:black;
			line-height:14px;margin-bottom:20px }
	.bar_red {font-size: 100%; font-family: Verdana, sans-serif; font-weight: bold; background-color: red; color: white;}
	.quotation-block { margin-left: 5%; margin-right: 5%; }
	.date {font-size: 90%; color: #a0a0a0; }
	.meter {font-size: 90%; font-family: Arial Narrow,Nice,Bitstream Vera Sans,Verdana, sans-serif; font-weight: bold;}
	 .code {font-family: courier new; margin-left: 5%; margin-right: 5%; font-size:80%; border-top: solid 1px; border-bottom: solid 1px; background-color: #f0f0f0;}
	.qb { margin-left: 5%; margin-right: 5%; border-top: solid 1px; border-bottom: solid 1px; background-color: #f0f0f0;}
	.logo { font-family: times, serif; font-size: 1.2rem; color: #333333; font-weight:bold; border-bottom: 1px solid #333333;}
	ul.qb { margin-left: 5%; margin-right: 5%; padding:0; border-top: solid 1px; border-bottom: solid 1px; background-color: #f0f0f0;}
	ul.qb li {margin-left:5%;}

	blockquote { }

	hr {height: 2px; color:#aaaaaa; }
		
	.error	{font-family:Verdana, Arial, sans-serif; font-size:80%;color:red}
	.style1 {font-family:Verdana, Arial, sans-serif; font-size:80%; TEXT-ALIGN:right;}
	.style2 {border-style:inset;border-width:thin;visibility:visible}

.myButton {
  margin-top:10px;
background-color: #d0d0d0;
  background: -webkit-linear-gradient(#e8e8e8, #d8d8d8);
  background: -moz-linear-gradient(#e8e8e8, #d8d8d8);
  background: linear-gradient(#e8e8e8, #d8d8d8);
  cursor: pointer;
  border: none;
  border-radius: 7px;
  margin-right: 5px;
}
.myButton:active {
}
.myActive {
  background-color:#f0f0f0;
  text-decoration: none;}

div.footerContainer {
  width:1080px;
	*width:1002px;
  margin:0px auto;
  background: #eeeeee;
}

div.footerContainer ul{
	list-style: none;
	margin: 0; padding:0; padding-top: 5px;
	float: left;
<!--  height:145px -->
}

div.footerContainer ul li {
  line-height: 1.25;
  list-style: none;
	padding:0px;
	margin:0px;
	padding-left:10px;
	width: 100%;
	color: #000;
}
div.footerContainer ul li a {
	text-decoration: none;
}
div.footerContainer ul li a:hover {
	text-decoration: underline;
}
	
div.bigtopic { background-color: #f8f8f8; margin-top: 10px; padding-bottom: 5px;
    border-top:10px #909090 solid; 
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 5px; /* 5px rounded corners */
  margin: 10px 0px 10px 0px;
}
div.bigtopic h1,div.bigtopic h2, div.topic h1, div.topic h2
{margin-top:0px;padding-top:10px;
background: #f8f8f8; 
background: -webkit-linear-gradient(#e8e8e8, #f8f8f8);
background: -moz-linear-gradient(#e8e8e8, #f8f8f8);
background: linear-gradient(#d8d8d8, #ebebeb); 
}

div.bigtopic p{padding: 3px 5px 3px 5px}
div.topic {   border-top:3px #a8a8a8 solid; 
 background-color: #fcfcfc; margin-top: 10px; padding-bottom: 5px;}
div.topic p{padding: 3px 5px 3px 5px}
div.topic h1{padding: 3px 5px 3px 5px; 
}
div.topic h2{padding: 3px 5px 3px 5px; 
}
div.topic h3,h4{font-style:normal}
div.smalltopic { background-color: #f8f8f8; margin-top: 5px; }
div.smalltopic h4{background: #d8d8d8; padding: 3px 5px 2px 5px; font-style:normal; font-size:100%}

@media only screen and (max-height:700px) {
body {font-size:0.8rem;}
my-follow  { border-radius:2px; font-size:2px;}
#home_colhead { margin-top:9.5rem; }
#broad_col2 {width:70%;}
#broad_col3 {width:28%;}
div.usgs-tab-bar{height: 1rem;}
div.usgs-tab-bar1 {font-size:1rem;height: 1rem;line-height:1rem}
.navbar a {font-size: 1.1vw; padding:0.65rem 0.5rem;}
.dropdown .dropbtn {  font-size: 1.1rem; padding: 0.5rem 0.5rem;} 
.column a {font-size: 1rem; padding:0.5rem 0.5rem;  line-height: .4rem; }
.del_tit { font-size:1rem;padding-top:0.3rem;}
.myButton {font-size:0.9rem;}
h1 {font-size: 1.2rem;}
h2 {font-size: 1.1rem; }
.briefbig, .briefbigindent { font-size: 1rem; }
.briefintro { font-size:1rem; }
table {font-size:1rem; }
}