@import 'format.css';
@import 'lehd.css';
@import 'typable.css';
@import 'fullcalendar.css';

/************************************************************
 * EXTERNAL STYLESHEETS */
/* CSS Document Created for: www.census.gov web sites */
/* Original styles author: carollynn hammersmith, WSC/SSD*/
/* creation: 1 Oct. 2008*/
/* Updated: 31 March 2009 */

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

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

/* Site Name & Masthead images */

#masthead
{
	background: #003300 url(../img/slice2.gif) repeat-x left center;
		color: #FFF; 
}

/* Displays the 3 image masthead */
div#masthead h1 
{	background: url(../img/icon_g2.jpg) no-repeat right top;} 


/* top Nav - regular and dropdown - NOTE - THESE COLORS ARE THE STANDARD ECON COLORS AND CAN BE CHANGED TO SUIT YOUR SITES NEEDS */
#dropdown {
	margin: 0 auto;
	background-color: #fff; /*changed from #5a6775. Change from #eee in template (March) to #eee */
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 4px solid #003300; /*Default color of the bottom border was #bea043. change to #8b4513*/
	padding: 5px 0 1px 1em;
}

/* top level Nav category that is selected is "grayed" out and unclickable, indicating what category the visitor is in. */
#dropdown li.selected {
background-color: #003300;  	 /*This is the color of the bottom border. Changed from #bea043 to #8b4513 (brown)*//* FFBE00 (golden yellow) */
padding: 2px 10px;  
color: #fff;  /*color of text in the top nav when the selection is unclickable. Changed 333 to FFFFFF (white)*/
border: 1px solid #fff; 	
border-bottom: 2px solid #003300;	/* changed from default to 8b4513 (brown)*//* to FFBE00 (golden brown)*/
text-decoration: none;} 

ul.rMenu li a
{color: #fff;	/* color of text in top nav */ 
	border-top: 1px solid #669900;  /*several shades lighter than the background */
	border-right: 1px solid #669900; /*several shades lighter than the background */
	border-bottom: 1px solid #669900; /*same color as menu background */
	border-left: 1px solid #669900; /*several shades lighter than the background */
	/* change border-top, border-right, border-left from #7B8999 to #cdaf95. leave bottom the same as default*/

}
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;		/* changed from #fff to #000000. White to black */
	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: #003300;  /* active hover color - is different than the selected link, grayed out color */
								/* change from 9d443c (redder brown) to 8b4513 (darker brown) */
}
ul.rMenu li 
{
	background-color: #669900;	/* default background color of menu items #bbe0e3 (light blue)*/
}
ul.rMenu li:hover,
ul.rMenu li:focus,
ul.rMenu li.sfhover
{
	background-color: #003300;	/* background color for parent menu items. */
	/* changed from #9d443c (brown) to #FFBE00 (golden yellow) on 10/14/2009*/
	/* change from 9d443c (redder brown) to 8b4513 (darker brown) */
}
ul.rMenu li a:hover,
ul.rMenu li a:focus
{
	background-color: #003300; /* background color or top nav tab on hover */ /* change from 9d443c (redder brown) to 8b4513 (darker brown) */
	color: #fff;  /*color of font on hover *//*changed black to #fff (white) */
	border-bottom: 1px solid #003300; /*this needs to be the same as the hover background color */ /* change from 9d443c (redder brown) to 8b4513 (darker brown) */
	/* changed from #9d443c (brown) to #FFBE00 (golden yellow) then back to brwon*/
}

/* 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(/images/dot_hover_black.gif) no-repeat 0.5em center;
	font-size: 90%;
	line-height: 1.4;
}

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

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

.navcontainer ul li a:visited
{
	color: #909;
}

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


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

.hi-lite form, .hi-lite p    {
        margin-top: 0;
        padding: 5px;
}

/* Middle column Content ------------------------------------------------------*/

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

/* Decorative Boxes */

.hi-lite {
	border: 1px solid #003300;  /* changed from #903 (pink high-light to 00cc99 green. Change again to brown 8b4513 */
	padding: 5px;
	margin: 5px;
	line-height: 130%;
}
/* the hi-lite ul was in the original css design from ssd. 
/*
.hi-lite ul {
	line-height:2em;
}
*/


/* 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: #336600;		/* changed from #903 (pink high-light to 00cc99 green. Change again to brown 8b4513 */
		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 */

/**************************************************/
/* See lehd.css, imported at the top of this page */
/**************************************************/

/* 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;
}

/* add descTable on 10/14/2009*/
.descTable {
        padding: .5em;
        width: 100%;
        border-collapse: collapse;
        margin: 1em auto;
}

.clockh3 {
	font: bold 150% Arial, Helvetica, sans-serif;
	color: #903;
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
}
	
#main_wrapper {
width:100%;
float:left;
overflow:hidden;
}

#main_left_column {
width:28%;
height:450px;
float:left;
border-right:1px solid #CCC;
padding-right:15px;
padding-left:5px;
overflow:hidden;
}

#main_middle_column {
width:28%;
float:left;
height:450px;
border-right:1px solid #CCC;
padding-right:15px;
padding-left:10px;
overflow:hidden;
}

#main_right_column {
width:28%;
float:left;
height:450px;
padding-left:10px;
overflow:hidden;
padding-right:10px;
}

#indexheaderleft {
width:28%;
padding-right:10px;
padding-left:5px;
font-size:16px;
font-weight:bold;
color:#336600;
float:left;
	font-size: 150%;

}

#indexheadermiddle {
width:28%;
padding-right:20px;
padding-left:20px;
font-size:16px;
font-weight:bold;
color:#336600;
float:left;
	font-size: 150%;

}

#indexheaderright {
width:28%;
padding-left:12px;
padding-right:10px;
font-size:16px;
font-weight:bold;
color:#336600;
float:left;
	font-size: 150%;

}

.threecolleft {
width:30%;
padding-right:15px;
float:left;
overflow:visible;
}

.threecolmiddle {
width:30%;
padding-right:15px;
padding-left:5px;
float:left;
overflow:visible;
}

.threecolright {
width:30%;
padding-left:5px;
padding-right:5px;
float:left;
overflow:visible;
}

.twocolleft {
width:50%;
padding-right:15px;
float:left;
overflow:visible;
}

.twocolright {
width:45%;
padding-left:5px;
padding-right:5px;
float:left;
overflow:visible;
}


.pubcolleft {
width:40%;
padding-right:10px;
float:left;
overflow:visible;
}

.pubcolright {
width:50%;
padding-left:5px;
padding-right:5px;
float:left;
overflow:visible;
}

.pubcol2left {
width:30%;
padding-right:10px;
float:left;
min-height: 200px;
overflow:visible;
}

.pubcol2right {
width:60%;
padding-left:5px;
padding-right:5px;
float:left;

overflow:visible;
}

.pubcol3left {
width:45%;
padding-right:10px;
float:left;
overflow:visible;
}

.pubcol3right {
width:45%;
padding-left:5px;
padding-right:5px;
float:left;
overflow:visible;
}

/* add the following on 6/19/2012 for icons for PRINT, SHARE, and CONNNECT WITH US */
/* TOOLBAR */
#page-container #outer-column-container #toolbar {
  margin: 0.3em 0 1.5em;
}
#page-container #outer-column-container #toolbar iframe {
  width: 450px;
  border-width: 0;
}
#page-container #outer-column-container #toolbar img {
  vertical-align: middle;
  border-width: 0;
}
#social-connect {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(./img/translucent_gray.png) repeat;
  width: 250px;
  padding: 5px;
}
#social-connect div {
  background: #fff;
  text-align: center;
}
#social-connect #social-connect-header {
  color: #4c4c4c !important;
  font-size: 12px;
  background: #f2f2f2;
  padding: 4px;
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
}
#social-connect #social-connect-header a,
#social-connect #social-connect-header a:hover,
#social-connect #social-connect-header a:active,
#social-connect #social-connect-header a:focus {
  color: #4c4c4c !important;
  font-size: 12px;
  font-weight: bold;
  float: right;
}
#social-connect #social-connect-header a:hover {
  text-decoration: underline;
}

/* Addthis Toolbar Styles */
.addthis_separator {
  color: #666;
}
.addthis_toolbox a {
  text-decoration: none;
}
.addthis_toolbox a:hover{
  color: #273c70 !important;
}
.addthis_toolbox hr {
  height: 1px;
  border-width: 0;
  background-color: #999;
  margin: 0;
  padding: 0;
}
.addthis_float {
  float: right;
}
.addthis_toolbox .clear-both {
  height: 1px;
  line-height: 1px;
  border-bottom: 1px solid #999;
  margin-bottom: 0.2em;
}