@import "/main/css/format.css";
/************************************************************
 * EXTERNAL STYLESHEETS */
/* CSS Document Created for: www.census.gov websites */
/* Original styles author: carollynn hammersmith, WSC/SSD*/
/* creation: 1 Oct. 2008*/
/* Updated: 02 March 2011 */

/* CSS FORMAT: CSS is laid out as html appears in the page, top to bottom, left to right */

/*Page Layout Styles --------------------------------------------------------------*/

/* Displays the 3 image masthead */
#masthead #image {
/*  background-image: url(/templates_new/img/icon.jpg); */
}

/* Additional Site Styles as needed -----------------------------------------------*/

ul.rMenu li a
{color: #fff;	/* color of text in top nav */
	border-top: 1px solid #7B8999;  /*several shades lighter than the background */
	border-right: 1px solid #7B8999; /*several shades lighter than the background */
	border-bottom: 1px solid #5a6775; /*same color as menu background */
	border-left: 1px solid #7B8999; /*several shades lighter than the background */

}
ul.rMenu-ver {
  border-top: solid 1px #5a6775;
}

ul.rMenu li a {
	padding: 2px 10px 3px;	/* Do not change this! */
}

ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:focus,
ul.rMenu li a:visited,
ul.rMenu li a:active {
  color: #fff;
	text-decoration: none;
}

ul.rMenu li.sfhover a:active,
ul.rMenu li:hover a:active,
ul.rMenu li:focus a:active {
	color: #fff;
	background-color: #9d443c;  /* active hover color - is different than the selected link, grayed out color */
}

ul.rMenu li {
	background-color: #5a6775;	/* default background color of menu items */
}

ul.rMenu li:hover,
ul.rMenu li:focus,
ul.rMenu li.sfhover {
	background-color: #9d443c;	/* background color for parent menu items. */
}

ul.rMenu li a:hover,
ul.rMenu li a:focus {
	background-color: #9d443c; /* background color or top nav tab on hover */
	color: #fff;  /*color of font on hover */
	border-bottom: 1px solid #9d443c; /*this needs to be the same as the hover background color */
}

/* Left -Column Styles-----------------------------------  */

.navcontainer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 175px;
  border: 1px solid #ccc;
  border-width: 0 1px 1px 1px;
}

.navcontainer li {
	padding: 3px 5px 2px 1.5em;
	border-top: 1px solid #ccc;
	background: url(../img/dot_hover.gif) no-repeat 0.5em center;
	font-size: 90%;
	line-height: 1.4;
}

.navcontainer ul li a {
	text-decoration: none;
	color: #00F;
}

/*This style grays out the selected link in the left nav */
.navcontainer ul li.selected {
	padding: 3px 0 2px 1.5em;
	text-decoration: none;
	color: #333;
	font-size: 90%;
	background-color: #DBDBDB;
}

.navcontainer ul li a:visited {
	color: #909;
	text-decoration: underline;
}

.navcontainer ul li:hover, .navcontainer ul li a:hover,
.navcontainer ul li:focus, .navcontainer ul li a:focus {
	color: #900;
	text-decoration: underline;
}


/* Left-column and right-column styles --------------------------------------------*/
#left-column .hi-lite, #right-column .hi-lite {
	border:1px solid #ccc;
	padding:1em;
	margin: 10px 5px;
	line-height:130%;
	font-size:85%;
}

.hi-lite form, .hi-lite p {
  margin-top:0;
}
/* Middle column Content ------------------------------------------------------*/

#middle-column li {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

/* Decorative Boxes */
.hi-lite {
	border:1px solid #903;
	padding:5px;
	margin:5px;
	line-height:130%;
}

/* Decorative Boxes */
h3.hi-litehead {
  display:inline;
  position:relative;
  top:-14px;
  background-color:#fff;
  padding: 0 4px;
  margin: 5px;
  font-weight:bold;
  text-align: center;
  color: #903;
  font-size: 150%;
}

/* right column styles --------------------------------------------------------*/
#left-column .inside h3, #right-column .inside h3 {
  /************IMPORTANT***********/
  /*DON'T change ANY of this style's values, Affects how IE 6 displays content.*/
  padding: 0 ;
  margin: .5em 0 ;
}

/* Custom CSS styles */
/* This is where site owners can add new css for their sites */
/* to add space between bullets */
.bullet {
	padding: 0 0 3px 0;
	margin: 0 0 3px 0;
}

/* Styles for Flash Countdown clock */

table.countdownClock {
	border: 1px solid #ccc;
	width: 280px;
	margin: 1em ;
	border-collapse: collapse;
}

.clockh3 {
  font: bold 150% Arial, Helvetica, sans-serif;
	color: #903;
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
}

/* local */

.rss {
  float: right;
}
.rss a {
  text-decoration: none;
}

.selgeolabel {
  color: #444;
}

td.data {
  width: 23%; 
  text-align: left; 
  font-family: Arial, Helvetica, sans-serif;  	
  border: 1px solid #999;
  margin: 0;
  padding-left: 25px; 
  font-size: 85%;
  vertical-align: top;
}

td.data ul {
  list-style: none; list-style-position: outside;
}

td.reports {
  width: 32%; 
  text-align: left; 
  font-family: Arial, Helvetica, sans-serif; 	
  border: 1px solid #999;
  border-width: 1px 1px 1px 0 ; 
  margin: 0;
  padding-left: 10px;
  vertical-align: top;
}
	
td.reports ul {
  list-style: none;
}

.reports {
	padding-left: 5px;
	margin-left: 15px;
}
	
td.freq {
	font-family: Arial, Helvetica, sans-serif;
	width: 25%;
	text-align: left;
	border: 1px solid #999;
	border-width: 1px 0 ; 
	padding-left: 10px;
	vertical-align: top;
}
	
td.freq ul {
  list-style: none;
  list-style-position: outside;
}

td.summary {
	padding: 2px 5px;
	margin-right: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	border-width: 1px 0 0 1px;
	width: 80%;
}

td.summary h4 {
  font-size: 120%;
  color:  #a23b1b; 
  text-indent: 9px; 
  margin: 0 0 1em;
} 
td.summary h4 a {
  text-decoration: none;
  color:  #a23b1b; 
} 

td.summary h4 a:link {
  color:  #a23b1b; 
} 

td.summary h4 a:visited {
  color:  #a23b1b; 
} 

td.summary h4 a:hover {
  text-decoration: underline;
}


.chart,
.chart a:link {
  font-size: 70%;
  font-weight: normal;
  text-decoration: none;
}

td.prev {
  text-decoration: none;
  background: #CEDEFF center center;
  text-align: center;
  vertical-align: top;
  padding: 20px 5px 0 5px;
  width: 10%;
  border: 1px solid #999;
}

td.curr {
	text-decoration: none;
	background: #FFCC99 center center;
	text-align: center;
	vertical-align: top;
	padding: 20px 5px 0 5px;
	width: 10%;
	border: 1px solid #999;
	border-width: 1px 0 1px 1px;
}

td.space {
  border: 0;
}

dt,
dd {
  float: left;
}

dt {
  margin: 0;
  font-weight: bold;
  clear: left;
}
dd {
  margin: 0 0 0 1em;
  clear: right;
}

td,
th {
  text-align: left;
}

img.icon {
  width: 13px;
  height: 13px;
  border: 0;
  vertical-align: middle;
}