@import "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;
}