/* Start CMS Header styles 6/11/2014 */
/* Remove filter in span */
/* HVN - 3/26/2014 - Header style sheet saved as individual style sheet */
/* RCG - 4/10/2014 - Changed beta.census.gov references to www.census.gov */

@charset "utf-8";

.header_top_links #searchFrom .searchbox label
{
 display: inline;
}
#cms_wrapper {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(153, 153, 153);
    margin: 0px;
    font-size: 80%;
    min-width: 960px;
    background-image: url("http://www.census.gov/main/img/new_census_head_foot/main-bg.png");
    height:112px; 
}
.wrapper_header {
    font: 100%/1.5 Arial,Verdana,sans-serif;
    color: rgb(51, 51, 51);
    padding: 0px;
    border: 0px none;
    outline: medium none;
    background-repeat: repeat-x;
    background-color: rgb(255, 255, 255);
    text-align: left;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
}

.wrapper_header #logo {
    margin-left: 0px;
    margin-top: 20px;
    width: 167px;
    position: relative;
    left: 0px;
    top: -70px;
    z-index: 5000;
}
.wrapper_header #nav .navsubContentHolder .rightsubnodiv{float:right;width:145px;marigin-right:0;}
.wrapper_header #nav .navsubContentHolder .rightsubnodiv ul{float:right;}
.wrapper_header #nav .navsubContentHolder .rightsubnodiv img{margin-left:3px;} /*End add for show picture in Menu 3/5/2014*/

/*Hai begin add 2/3/2014*/
.wrapper_header .searchbtn label {
	left:0px; 
	position: inherit;
}
.wrapper_header .searchbox label {
	left:0px; 
	position: inherit;
}

.wrapper_header:before,
.wrapper_header:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  *zoom: 1; /* Rule for IE 7 or below */
}

.wrapper_header:after {
  clear: both;
}

.wrapper_header a,
.wrapper_header div,
.wrapper_header fieldset,
.wrapper_header form,
.wrapper_header h1,
.wrapper_header img,
.wrapper_header input,
.wrapper_header label,
.wrapper_header li,
.wrapper_header p,
.wrapper_header span,
.wrapper_header ul {
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

.wrapper_header a {
  color: #1c6c96;
  text-decoration: none;
}

.wrapper_header a:hover {
  color: #0e4b91;
  text-decoration: underline; 
}

.wrapper_header a:visited {
  color: #010216;
  text-decoration: none;
    
}

.wrapper_header a:focus{
  color: #0e4b91;
  text-decoration: underline;
  background-color:yellow;
}

.wrapper_header b {
  font-weight: bold;
}

.wrapper_header h1 {
  font-family: Arial, serif;
  font-weight: bold;
  padding-top: 20px;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  color: #2481a6;
}

.wrapper_header hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  padding-bottom: 2px;
  padding-top: 2px;
  clear: both;
  height: 0;
}

.wrapper_header img {
  background-color: transparent;
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

.wrapper_header input:focus {
    background-color:yellow;
}

.wrapper_header p {
  font: small Arial,Verdana,sans-serif;
  overflow: hidden;
  text-align: left;
}

.wrapper_header .clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.wrapper_header .offscreen {
  position: absolute;
  left: -999px;
  z-index: 50000;
  overflow: hidden;
}

.wrapper_header .grid_header,
.wrapper_header .grid_mainNav {
  display: inline;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
}

.wrapper_header .grid_header {
  width: 960px;
  height: 72px;
  background-image: url(http://www.census.gov/main/img/new_census_head_foot/headerbg.jpg);
  background-repeat: no-repeat;
}

.wrapper_header .header_top_links {
  width: 500px;
  float: right;
  text-align: right;
  color:#6d6d6d;
  margin-top: 10px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
}

.wrapper_header .header_top_links a {
  color: #333333;
  font-weight: normal;
  font: x-small Arial,Verdana,sans-serif; 
}

.wrapper_header .header_top_links a:hover,
.wrapper_header .header_top_links a:focus {
  font: x-small Arial,Verdana,sans-serif; 
  text-decoration: underline;
}

.wrapper_header .header_top_socialLinks {
  margin-top: 15px;
  margin-bottom: 10px;
  padding-left: 0;
}

.wrapper_header .searchbox input {
  background-image: url(http://www.census.gov/main/img/new_census_head_foot/search-bg.png);
  background-repeat: no-repeat;
  width: 290px;
  line-height: 26px;
  height: 25px;
  float: left;
  color: #6d6d6d;
  margin-top: 10px;
  margin-left: 170px;
  padding-left: 20px;
  font-size: 12px;
}

.wrapper_header .searchbtn input {
  background-image: url(http://www.census.gov/main/img/new_census_head_foot/search-btn.png);
  background-repeat: no-repeat;
  width: 18px; /* 20px */
  line-height: 999px;
  height: 25px;
  float: right;
  color: #a8a8ab;
  margin-top: 10px;
  border: 0;
  cursor:pointer;
  overflow: hidden;
  font-size: 0; /* FF2 doesn't like the above ddd*/
}

.wrapper_header #logoText a,
.wrapper_header #logoText h1 a,
.wrapper_header #logoText h1 a:focus {
  top: 12px;
  margin-top: 0;
  margin-left: 0;
  position: relative;
  /*left: 78px; hai comment on Mar 5 2014*/
  left: 3px;
  z-index: 1000;
  color: #041C5D;
  font-family: Arial,serif;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0;
  background-color:transparent;
}

.wrapper_header #logoText a:focus,
.wrapper_header #logoText h1 a:hover,
.wrapper_header #logoText h1 a:focus {
  font-weight: bold;
  color: #1C6C96;
  background-color:transparent;
}


.wrapper_header #logo a {
  background-color:transparent;
}

.wrapper_header .grid_mainNav {
  width: 960px;
  height: 40px;
  background-image: url(http://www.census.gov/main/img/new_census_head_foot/blue-bar-top.png);
  background-repeat: repeat-x;
  position: relative;
}

.wrapper_header .demo-container {
  padding: 0; 
  margin-left: 0;  
  width: 960px;  
  background-image: url(http://www.census.gov/main/img/new_census_head_foot/demo-container-bg.png);
  background-repeat: no-repeat;
}



/*--STYLE ELEMENTS OF THE DROPDOWN MENUS--*/

.wrapper_header .blue > ul li {
	font-weight: bold;
	width: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

.wrapper_header .blue > li li {
    font-size: 18px;
    font-weight: bold;
}

.wrapper_header .blue > li li li {
    font-size: 12px;
    font-weight: bold;
}

.wrapper_header .blue > ul {
	list-style: square ;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
	list-style-position: inside ;
}

.wrapper_header .blue > li {
/*
  For IE6 + IE7:
  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
  margin-left: 0;
}

.wrapper_header .blue {
  font: normal 13px Arial, sans-serif; 
  line-height: 16px;
}

.wrapper_header #njs {
  color: #000;
  font-weight: normal;
  left: 250px;
  position: absolute;
  top: -65px;
  font: x-small Arial,Verdana,sans-serif;
  width: 300px;
}

.wrapper_header .blue ul.mega-menu {
  width: 100%;
  height: 43px; 
  left: 143px; /*hai update*/
  position: relative;
  margin: 0; 
  padding: 0; 
  border: none;
  z-index: 3000;
}

.wrapper_header .blue .mega-menu ul {
  position: relative; 
  padding: 0; 
  margin: 0;
  list-style: none;
}

.wrapper_header .blue .mega-menu ul li {
  list-style: none;
}

/*.wrapper_header .blue ul.mega-menu li {
  float:left;
  margin: 0; 
  padding: 0; 
  font: small Helvetica,Arial,sans-serif;
  font-weight: bold;
  border: none;
}*/

.wrapper_header .blue ul.mega-menu li a {
  color:#000;
}

.wrapper_header .blue .mega-menu .main {
  color: white;
  text-shadow: 1px 1px black;
  text-decoration: none;
}

.wrapper_header .blue ul.mega-menu li a.main {
  float:left;
  display: block; 
  color: #fff; 
  /*padding: 8px 8px 3px 4px; Hai update*/
  padding: 4px 16px;
  background:  url(http://www.census.gov/main/img/new_census_head_foot/bg_blue.png) repeat-x 100% 0; 
  text-decoration: none;
  text-shadow: 1px 1px 1px #000 !important;
}

.wrapper_header .blue ul.mega-menu li a.main:hover,
.wrapper_header .blue ul.mega-menu li a.main:focus {
  float: left; 
  display: block; 
  color: #fff; 
  /*padding: 8px 8px 3px 4px; Hai change*/
  padding: 4px 16px;
  background-color: #158AB2;
  text-shadow: 1px 1px 1px #000 !important; 
  text-decoration: none;
}

.wrapper_header .blue ul.mega-menu li a.main span {
  clear: both;
  float: left;
  /*filter: progid:DXImageTransform.Microsoft.DropShadow(offX=0.5,offY=0.5,color=#0c6291);*/
}

.wrapper_header .blue ul.mega-menu li .subHeader { 
  margin: 0; 
  padding: 0; 
  font: xx-small Helvetica,Arial,sans-serif;
  font-weight: bold; 
  font-color: #fff;
}

.wrapper_header .blue ul.mega-menu .middleSubContent li b {
  margin-bottom: 1em;
}

/*--GLOBAL STYLES FOR USE WHEN JAVASCRIPT IS BOTH ENABLED AND DISABLED--*/

.wrapper_header .blue #nav{ /*the top level, unordered list of navigation links*/
  position: relative;
  width: 825px ;/*740px  Hai update*/; 
  height: 43px;
}

.wrapper_header .blue nav {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

.wrapper_header .blue .active{ /* this is the class for the tab/page we are currently viewing */
  font: small Arial,Verdana,sans-serif; 
  font-weight: bold;
  color: #050e3a; 
} 

.wrapper_header .blue #nav ul li a:hover,
.wrapper_header .blue #nav ul li a:focus,
.wrapper_header .blue #nav ul li a:active {
  background-position: 100% -45px;
  color: #F27604;
  height: 29px;
  text-shadow: none;
  width: 100%;
}

.wrapper_header .blue #nav > li {
  background-color: transparent;
  display: inline;
  margin: 2px 2px 2px 0px;
}

.wrapper_header .blue #nav > li > ul{
  left: 0;
  padding: 0;
  position: absolute;
  width: 550px;
 /* width: 960px;*/
}

.wrapper_header .blue #nav > li > ul > li a{
  color: black;
  height: 100%;
  width: 125px;
}

.wrapper_header .blue #nav img{ /* price tags and product img */
  display: block;
}

.wrapper_header #nav .navsubContent {
  display:none;
}

.wrapper_header #nav .navsubContentHolder {
  width: 550px;
  height: auto;
  position:relative;
  z-index:4500;
}

.wrapper_header #nav .navsubContentHolder .leftsub {
  float: left;
  width: 145px;
  background-image: url(http://www.census.gov/main/img/new_census_head_foot/nav-column-divider-left.png);
  background-repeat: repeat-y;
}

.wrapper_header #nav .navsubContentHolder .middlesub {
  float: left;
  width: 260px;
}

.wrapper_header #nav .navsubContentHolder .rightsub {
  background-image: url(http://www.census.gov/main/img/new_census_head_foot/nav-column-divider-right.png);
  background-repeat: repeat-y;
  float: left;
  width: 145px;
}

.wrapper_header #nav .navsubContentHolder .nav_col1 { 
  width: auto; 
  height: auto; 
  padding-bottom: 0;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #fff; 
}

.wrapper_header #nav .navsubContentHolder .nav_col1 ul li a {
  font: small Arial,sans-serif;
 /* line-height: 23px;*/
 line-height: 12px;
  *line-height: 18px;  /* IE 7 fix for line-height */
}

.wrapper_header #nav .navsubContentHolder .nav_col2,
.wrapper_header #nav .navsubContentHolder .nav_col2 ul li { 
  display: block;
  width: 245px;
  margin-right: 10px;
  padding-left: 6px;
  position: relative;
}

.wrapper_header #nav .navsubContentHolder .nav_col2 ul li a {
  font: small Helvetica,Arial,sans-serif;
}

.wrapper_header #nav .navsubContentHolder .dynamicColumn,
.wrapper_header #nav .navsubContentHolder .dynamicColumn ul {
  position: inherit;
  padding-left: 0;
  padding-right: 0;
}

.wrapper_header #nav .navsubContentHolder .verticalDividerNav {
  background-image: url(http://www.census.gov/main/img/new_census_head_foot/nav-column-divider.png);
  background-repeat: repeat-y;
}

.wrapper_header #nav .navsubContentHolder #picTopics,
.wrapper_header #nav .navsubContentHolder #picGeo,
.wrapper_header #nav .navsubContentHolder #picLib,
.wrapper_header #nav .navsubContentHolder #picData,
.wrapper_header #nav .navsubContentHolder #picAbout,
.wrapper_header #nav .navsubContentHolder #picNR {
  vertical-align: top;
}

/*--WHEN JAVASCRIPT IS DISABLED--*/


.wrapper_header .blue .show{ /* class="show" is used for the second level navigation of a category */
    display: inline !important; /* all navigation elements are hidden by default, !important overrides that */
    width: 960px; /* width of the <body> */
} 
.wrapper_header .blue .show ul li{
    display: inline !important;
}
.wrapper_header .blue .show ul{
    background-color: #999;
}

.wrapper_header .blue .active ul{ /* style the second level menu and make it appear for the active page */
    padding: 10px;
    position: relative;
}


.wrapper_header #nav .navsubContentHolder .nav_col1 ul li a:hover
{
 background-color:transparent;
}
.wrapper_header #nav .navsubContentHolder .nav_col2 ul li a:hover
{
 background-color:transparent;
}
.wrapper_header #nav .navsubContentHolder .nav_col1 ul li hr
{
 background-color:transparent;
}
.wrapper_header #nav .navsubContentHolder .nav_col2 ul li hr
{
 background-color:transparent;
}

.wrapper_header #logo a:focus img,.wrapper_header #logo a:hover img
{
	border: none;
}

.wrapper_header .blue ul.mega-menu li {
    float: left;
    margin: 3px 2px 3px 0px;
    padding: 0px;
    font: bold small Arial,Verdana,sans-serif;
    border: medium none;
    z-index: 4500;
    word-wrap: break-word;   
}

.wrapper_header .navsubContentHolder .nav_col1 ul li
{
	padding-bottom:8px;
}