/*-----------------------------------------------------------------------------
[General Layout Template] Screen Stylesheet - 

* IMPORTANT - DO NOT CHANGE ANY STYLES or VALUES ON THIS PAGE!!!
SITE SPECIFIC STYLES ARE CONTAINED IN THE SiteDefined.css *

version:   1.5
date:      05/16/07
author:    carollynn hammersmith, SSD
email:     [ch AT ssd dot census dot gov]
website:   [www.census.gov]
-----------------------------------------------------------------------------*/

/* Remove default browser padding and margin */
*
    {
    margin: 0;
    padding: 0;
   /* border: 0;*/
} 


/* Classes for Floating & clearing */

.clear   {clear:both;}


/* General Styles */

body
    {
    color: #000;    
   	font-size: 100.1%;
	background-color: #eee;
	font-family: arial, helvetica, sans-serif;
	padding: 0;			
	margin:  1em;}


#page-container
{
	background-color: #fff;		/* background for the middle column */
	border: solid 1px #000;		/* border around the entire layout */
	min-width: 700px;		/* limit how narrow the layout will shrink before it stops. */
	margin: 0 ;			/* horizontal margins here instead of on the body because we're setting min-width on this element. */
	font-size: 80%;			
	}
	
/* CB Header 
-------------------------------------------------------------------*/
#TopNav {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	background: #036;
	text-align: right;
	height: 42px;
	font-size: 70%;
	font-weight: bold;
	border-bottom: 4px solid #09c;
	padding: 0;
	margin: 0;
}

p.nav {padding:  0 ; margin: 0; position: relative; top: /*-*/15px; right: 10px;}

p.nav a,  p.nav a:link, p.nav a:visited {color: #fff; background-color: #036; text-decoration: none; padding: 0 8px; border-right: 1px solid #e6eff6;}

p.nav a:hover {color: #036; text-decoration: underline; padding: 2px 8px 0 8px; background-color:#e6eff6; border-right: 1px solid #036;}

/* Removes right border from last item in cb header */
#first a, #first a:link, #first a:visited {border-right: 1px solid #036;}

 .skip, skip a, .skip a:link, .skip a:visited, .skip a:hover {
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute; /* for the benefit of IE5 Mac */
  font-size: 0;
}


/* CB Footer 
-----------------------------------------------------------------------------------*/

#cb_footer, #footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background: #036 url(/main/www/img/home/wordmark2.gif) no-repeat left center;
	text-align: right;
	height: 32px;
	font-size: 70%;
	font-weight: bold;
	border-top: 6px solid #09c;
}

p.foot {
	padding: 0;
	margin: 0;
	position: relative;
	top: 7px;
	right: 10px;
	text-align: right;
}

p.foot a,  p.foot a:link, p.foot a:visited {color: #fff; background-color: #036; text-decoration: none; padding: 0 8px; border-right: 1px solid #e6eff6;}
p.foot a:hover {color: #036; border-right: 1px solid #036;text-decoration: underline; padding: 2px 8px; background-color:#e6eff6;}

/* Removes right border from last item in cb footer */
#second a, #second a:link, #second a:visited {border-right: 1px solid #036;}

/* General Font Sizes */

h1 {font-size: 200%; margin: 0; padding: 0;}
h2 {font-size: 180%; }
h3 {font-size: 140%;}
h4 {font-size: 100%;}
h5 {font-size: 70%;}
h6 {font-size: 50%;}
    

/* Other Common Styles */

ul, ol, dl, p, h2, h3, h4, h5, h6
{
	/* pixels are used here, rather than ems, because I want a consistent 
	 * margin on the different headings. if I use ems, 1em for an h1 element 
	 * is much larger than 1em on an h6 element. I don't want this.
	 */
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
ul ul, ul ol, ol ul, ol ol
{
	/* kill margins on sub-lists
	 */
	margin-top: 0;
	margin-bottom: 0;
}

a, a:link, a:visited, a:active {text-decoration: none;}
a:hover{text-decoration: underline;}

label{cursor: pointer;}

/* Forms
-----------------------------------------------------------------------------*/

input.text
    {
    padding: 3px;
    border: 1px solid #999;    
}

/* Tables */

/* Tables -------------------------------------------------------------------*/

table {font-family: arial, helvetica, sans-serif;}
td, th {vertical-align: top;}


/* Page Sections */

/* Masthead
-----------------------------------------------------------------------------*/

div#masthead {
	height:80px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	text-indent: 20px;
	line-height: 80px;
	letter-spacing: .03em;
	font-weight: bold;
	padding-top: .000001em;	 /* hack to force the entire masthead to receive the background color */
	border-bottom: solid 1px #999;} /* 3 of 4 sides of this block will already have borders due to the #page-container  */

.tiny {font-size: 50%; line-height: 3;} /* For the second line of masthead title, if it exists .  Use <span> for inline smaller text, use <div class> for second line of text*/

/* Navigation
-----------------------------------------------------------------------------*/

.hnav
{
	border-bottom: solid 4px #fff;
	text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.hnav, .hnav ul li a
{
	padding-top: 3px;
	padding-bottom: 4px;
	font-weight: bold;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;	
	border-left: solid 1px #ccc;
	white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{text-decoration: none;}

.hnav ul li span.divider {display: none; font-size:0;}
* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this, but will render CSS as not valid. */
	/* \*/
		width: auto;
		display: inline;
		position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. IE/Mac will ignore this rule. */
}
* html .HNAV
{	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its inline children w/vertical padding. */
}


/* Left Nav Styling */

#utility {
width:15.85em; 
border-top: 1px solid #999;
border-width: 5px 1px 5px 1px;
padding-bottom: /*40*/10px;}

/* SECONDARY NAVIGATION - vertical navigation */

	.leftNav, .leftNav ul {position:static;}
	.leftNav, .leftNav li {list-style: none; margin:0; padding:0; background:#fff;}
	.leftNav {padding-top:0;border-top: 1px solid #ccc; margin-top: 1px;}
	.leftNav a {line-height:1.8; padding: 5px 0 5px 23px; height: 15px;font: bold 86% arial; display:block;}
	.leftNav a, .leftNav a:link, .leftNav a:visited, .leftNav a:hover, .leftNav a:active {text-decoration:none;cursor:pointer;} 
	.leftNav a:hover {height: 15px; } 
	.leftNav li {border-top: 1px solid #fff; border-bottom: 1px solid #ccc;}
	

/* Other left and right col styles */
	
#left-column h3, #right-column h3 {text-align: center; font-size: 126%;}
	
/* Right Column Styles */
li.whtBox {
	background: #fff;
	margin: 0 0 0 15px;
	padding: 0;}

/* Layout
-----------------------------------------------------------------------------*/
.hide {	display: none !important;}
.clear-columns {clear: both;}

#outer-column-container
{
	border-left: solid 16em #fff;	/* left column's width/background color */
	border-right: solid 16em #fff;	/* right column's width/background color */
}
#inner-column-container
{
	width: 100%;	/* force this element to take the full width between the left and right columns.  */
	border: solid 1px #000;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of 100% width declaration */
}
#source-order-container
{
	float: left;		/* float left so the right column has a place to go. */
	width: 100%;		/* force this to go as wide as possible */
	margin-right: -1px;	/* make room for the right-column's overlap */
}
#left-column
{
	float: left;		/* float left, where it'll live */
	margin-left: -16em;	/* move it further left.  same value here as on #outer-column-container, but negative */
	width: 16em;		/* set a definite width, should = left border width on #outer-column-container */
	margin-right: 1px;	/* overlap the middle column to help with clearing. see general notes above. */
}
#middle-column
{
	float: right;		/* middle column goes right of the left column since they share parent element */
	width: 100%;		/* make the middle column as wide as possible for a fluid layout. */
	margin-left: -1px;	/* make room for the left-column's overflap */
}

#middle-column p {margin: 1em;}

#middle-column h2, #middle-column h3, #middle-column h4, #middle-column h5, #middle-column h6 {letter-spacing: -1px;
	margin: 1.2em 0 .3em; 
	color:#000; 
	border-bottom: 1px solid #eee; 
	padding-bottom: .1em;	
	}

#middle-column ol, middle-column ul {margin: 1em; padding: 1em 1.5em;}

#right-column
{
	float: right;		/* float on the right side of the layout */
	margin-right: -16em;	/* move it right. the value = value of right border width on #outer-column-container, but negative */
	width: 16em;		/* set a definite width, should = the right border width on #outer-column-container */
	margin-left: 1px;	/* overlap the middle column */
}

.inside {margin: 10px;}	/* margin, instead of padding, used to induce margin collapse if needed by child elements */

#page-container, #inner-column-container, #masthead {border-color: #99a;}	/* all the borders within the layout */

/*#masthead{ background-color: #385e80;}*/	/* masthead background */
#left-column h3, #right-column h3 {	margin-bottom: 0;}	/* column menu titles should hug the menus */


/* HACKS
-----------------------------------------------------------------------------*/

.clear-columns
{
	/* hide from IE/Mac \*/
	padding-bottom: 1px;
	margin-bottom: -1px;	}
	
	* html #page-container
{
	/* \*/ height: 0.1%;	/* IE/Win 5 needs this to prevent rendering issues if a minimum width is applied to  this element  */
	position: relative;	/* IE/Mac 5.0 seems to need this. without it any child element with position: relative isn't rendered. */
}
* html #middle-column, * html #left-column, * html #right-column,
* html #source-order-container
{
	/* hide from IE/Mac \*/
	overflow: visible;/* a bug through IE/Win 6 causes the widths of text boxes to be calculated narrower than
				   they render, causing overflow of their parent elements. Explicitly handle this overflow. */
	/* hide from IE/Mac \*/
	position: relative;	/* this resolves rendering bugs in IE/Win. without it the columns don't render on screen or text jog. */
}
* html #middle-column
{
	margin-right: -4px;	/* fix 3-pixel text jog in IE/Win 5.0. */
	margin-right/* */: 0;	/* reset value on 5.5 and later using comment hack to hide this rule from 5.0 */
}
* html #middle-column .inside
{
	margin-right: 14px;		/* compensate for negative margin in previous rule */
	margin-right:/* */ 10px;	/* reset margins for 5.5 and later */
}
* html #masthead
{
	/* hide from IE/Mac \*/
	height: 0.1%;		
	height/**/: auto;	
}

* html .inside
{
	margin: 10px 0.75em;	
	margin/* */: 10px;	/* reset for IE 5.5 and later */
}
* html #inner-column-container 
{
	display: block;
}
* html #source-order-container
{
	margin-right: -100%;	
	/* \*/ margin-right: -1px; /* reset the above hack for IE/Win */
}