@charset "utf-8";
/* CSS Document  for the westat.com como style for all pages */ 

/* Global Styles – (body, paragraphs, lists, etc) */
body
{
	padding:0;
	margin:0;
	font-family: Arial, Helvetica,  sans-serif;
	font-size:13px/1.231; /* base font size - YUI */
	background-color:#FFFFFF;
	color: #000000;
}


/* code below makes the abbr tag works in all browsers */
html\:abbr, abbr 
{
	border-bottom: 1px dotted #013D79;
	cursor: help;
}
code
{
	font-family:"Courier New", Courier, monospace;
	
}
h1, h2, h3, h4, h5, h6, strong
{
	color: #003C79;
}
/* headings size based on the font set for the body */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}

/* to create space between list items for easier readbility*/
li
{
	margin-bottom:.5em;
}


/* LINKS */ 

a:link
{
	color:#00698C; /* text links dark teal*/
}
/* visited text links - steel gray*/
a:visited
{
	/*color:#4a5258;  */
	color:#404040;
}
	/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}

/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}

/* PAGE STRUCTURE */

/* Header */
/* ####### HEADER area ######## */
#top 
{
  margin: 0;
  padding: 0;
  
}

	/* code for the header area */
	#header
	{
		margin:0;
		padding:0;
		width:100%;
		position:relative;
		top:0;
		left:0;
		background-color:#00508D;
		
	}
	#banner
	{
		position:relative;
		top:0;
		left:0;
		width:100%;
		height:5em;
		padding:0;
		margin:0;
		background-color:#00508D; 
		background-image:url(/westat_images/background.jpg);
		background-position:bottom left;
		background-repeat:no-repeat;
				
	}
	
		#banner_img
		{
			position:absolute;
	 		bottom:0;
	 		left:0;
			margin:0;
			padding:0;
						 		
		}
		
		#banner #banner_img img
		{ 
			vertical-align:bottom;
		}
		#img_header
		{
			
			border:none;
			
		}
		/* code for the search area */
		#searcharea
		{
		
			float:right;
			margin-right:.5em;
			padding-top:.5em;
			font-size:.8em;
			width:26%;
			
									
		}
		#searcharea span.text_links
		{
			display:block;
		}
		/* classes for the search form in the banner */
		div.row 
		{
			  display:inline;
			  padding: 0;
			  vertical-align:bottom;
			  
		}
		div.row span.label 
		{
		   display:block;
		 
		}
		div.row span.formw 
		{
			 float: left;
			  text-align: left;
			  padding:0;
			  vertical-align:baseline;
			  color:#FFFFFF;
			  margin-top:5px;
		} 

		a.text_links:link
		{
			color:#FFFFFF;
			text-decoration: none;
		}
		a.search_links:link, a.search_links:visited
		{
			color:#FFFFFF;
			text-decoration: none;
		}
		a.text_links:hover, a.search_links:hover 
		{
			text-decoration:underline;
		}
		#search_form .text_links
		{
			color:#FFFFFF;
		}
		#btnG
		{
			margin-top:7px;
			margin-left:5px;
			
			
		}
/* code for the TOP NAV area */
#topnav
{

	margin:0;
	padding:0;
	width:100%;
	border:0;
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

	ul#navigation {
		padding: 0;
		margin: 0;
		color: #ffffff;
		font-weight:normal;
		font-size:.75em; 
		float:left;
		width:100%;
		/*background:url(/westat_images/top_nav_background.gif);*/
		background-color: #E8DFCD;
		margin-left:auto;
		margin-right:auto;
		/* color */
		color: #002C65;
		background-color: #E8DFCD;
		
	}
	
	ul#navigation li 
	{ 
		
		display: inline;
		float:left;
		/* create divider between the site navigation sections */
		border-right:#003C79 1px solid;
		
	}
	
	ul#navigation li a {
	 
	  color: #002C65;
	  display:block;
	  padding-right:10px;
	  padding-left:10px;
	  padding-top:5px;
	  padding-bottom:5px;
	  text-decoration: none;
	  
	 
	}
	
	/* HOVER state - for site navigation sections */
	ul#navigation li a:hover 
	{
		background-color:#DFEEF5;
		
	}

	/* ACTIVE state for section that is selected */
	ul#navigation li a#active
	{
		background-color:#003C79; 
		color:#FFFFFF;
	}

	.drop_menu
	{
		width:119px;
		padding-right:60px;
		
	}
/* END code for the TOP NAV area */

/* FOOTER AREA*/
#footer
{
  /* border-top: 1px solid #003C79;*/
    text-align: center;
	padding-top:.5em;
	padding-bottom:.5em;
	margin:20px 0;
	background-color:#DFEEF5;
   /*border-top: 1px solid #003C79;*/
}
	.footer_links
	{
		
		text-decoration: none;
		font-size:.9em; 
		
	}
	a.footer_links:link  
	{
		color:#003C79;
		text-decoration: none;
		
	}
	
	.footer_links a:hover
	{
		text-decoration:underline;
	}
	
	/* TEXT LINKS */
	ul#text_navigation
	{
		margin:0;
		text-align:center;
	}
	ul#text_navigation li
	{
		display:inline;
		/*color:#003C79;*/
	}
	ul#text_navigation li a
	{
		color:#003C79;
		text-decoration: none;
		font-size:.8em;
		padding-left:2px;
		padding-right:2px;
	}
	
	ul#text_navigation li a:hover {
		text-decoration:underline;
	}
	
	#eoe
	{
		margin-bottom:.5em;
		border-bottom: 1px solid #003C79;
		padding-bottom:.5em;
		width:80%;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	#eoe p
	{
		color:#003C79;
		font-size:.8em;
		margin-bottom:0;
		margin-top:0;
		
	}
	#privaly_policy
	{
		text-align:center;
	}
	
	#w3c
	{
		text-align:center;
	}

	/* END code for the FOOTER area */



/* Class, Attribute, and Pseudo Selectors*/
.align_justify
{

	text-align:justify;

}

.align_center
{

	text-align:center;

}

.bold
{

 	font-weight:bold;
 
 }
.clear 
{
	  clear: both;
	  margin:0;
	  padding:0;
}
.clear-both
{ 
	clear:both;
}
.clear-right
{
	clear:right;
}
.clear-left
{
	clear:left;
}

.float-left
{
  float:left;
}
.float-right
{
	float:right;
}

.hidden
{
	position:absolute; 
	left:0; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
}

.light-shade
{
	background-color:#DFEEF5;
}

.text-indent
{
text-indent:2em;
}

.warning
{
	font-weight:bold;
}
/* ID */

/* do not display header used for print pages*/
#img_header_print
{

	display:none;
}