/* Global Styles (body, paragraphs, lists, etc) */
body
{
	/*background: #ede8e0 repeat-x scroll left top);*/
	background-image:url(../images/bg.gif); 
	background-repeat:repeat-x;
	background-color: #F2EDE4;
	color:#382616;
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px/1.231; /* base font size - YUI */
	line-height:1.1em;
	margin:0;
	padding:0;
	
	
}
	table {font-size:inherit;
	font:100%;}
	/**
	 * Bump up IE to get to 13px equivalent
	 */
	pre,code,kbd,samp,tt 
	{
		font-family:monospace;*font-size:108%;line-height:100%;
	}

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}


/* LINKS */
a:link
{
	color:#10773C; 
}
/* visited text links */
a:visited
{
	color:#49245E;
}

/* headings size based on the font set for the body */
h1 {
	/*18px via YUI Fonts CSS foundation
	font-size:138.5%; */
	font-size:20px; 
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}

/*  remove border from image links */
a img
{
	border:none;
}
/*
#### LINKS WITH ICONS ####
	The following styles include icons as a background image to visually identify
	the types of links. Note that the HTML code needs to add a pair of span tags
	identifying in text what type of the link is to make it accessible to 
	screen readers and in case the user has CSS disabled.
*/

/* For the links that have icons, hide the span tag text that specifies the liks from visual browsers */
a.icon span
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}
/* Defines the common properties for all links that have icons - add new ones to the list below */
a.icon
{
	padding: 0 20px 2px 0;
	margin-right:1px;
	zoom:1;
	/*display:inline-block;  This was added to prevent the wrapping by triggering "haslayout" for IE browsers on this inline element in standards mode*/
}

/* Links to email */
a.email:link, a.email:visited
{
	background: transparent url(/westat_india/images/icons/email_link.gif) no-repeat 100% 0;
}
/* Links to External web sites*/
a.external:link, a.external:visited
{
	background: transparent url(/westat_india/images/icons/external_link.gif) no-repeat 100% 0;

}

/* Links to PDF files */
a.pdf:link, a.pdf:visited
{
	background: transparent url(/westat_india/images/icons/pdf.gif) no-repeat 100% 0;
}
/* END LINKS */

/* Class, Attribute, and Pseudo Selectors*/

.align-left
{
	text-align:left;
}
.align-center
{
	text-align:center;
}
.align-right
{
	text-align:right;
}
.align-justify
{
	text-align:justify;
}
.bold
{
	font-weight:bold;
}
.center-page
{
	margin:1em auto;
	width:300px;
}
.clear-both
{ 
	clear:both;
	
}
.clear-right
{
	clear:right;
}
.clear-left
{
	clear:left;
}
.empty
{
	 height:0;
	 width:0;
	 display:inline;
}

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

.indent
{
	padding-left:30px;
}

ul.no-bullets
{
 list-style-type:none;
}
#page_wrapper
{
	margin:auto;
 	padding: 0 0 0 20px;
	font-size:12px;
	width:1024px;
}
/**************************************************** HEADER CSS **********************************************/

/* css to make the skip navigation link visible to screen 
   reader users and sighted keyboard users */
   
#skip a, #skip a:hover, #skip a:visited  
{ 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
} 
  
#skip a:active , #skip a:focus
{ 
  left:5px;
  top:1px;
  width:auto; 
  height:auto;
  color:#382616;
  font-size:80%;
  z-index:2; 
}	
#page_top
{
 width:900px;

}
 
/* Top Navigation */
#topnav 
{
	 text-align:left;
	 float: right;
	 margin:auto 10px auto 10px;
	 padding-left:10px;
	 padding-top: 30px;
	 list-style-type: none;
 }
 
#topnav li
{
	display: inline;
	float: left;
	text-align: left;
}


#topnav li a, #topnav li a:visited
{
	color: #000000;
	text-decoration: none;
}

#topnav li a:hover
{
	text-decoration:underline;
}

#info-links
{
	display:inline;
	float: right;
	padding:30px 5px 0 20px;
	margin-right:10px;
}
/* Logo Container */
#logo 
{
	float:left;
	padding-top:10px;
	padding-left: 40px;
	height:50px;
	color: #333333;
 }
 
/**************************************************** END: HEADER CSS **********************************************/

/**************************************************** NAVIGATION CSS **********************************************/

#navlist
{
	border: 0;
	height: 31px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#navlist li
{
	display: inline;
	float: left;
	margin: 0;
	text-align: left;
	width: 180px;
}


/* Modify text for the navigation bar*/
#navlist li a
{
	background: #fff;
	border-right: none;
	color: #f5d7b4;
	display: block;
	font: 12px, Verdana;
	font-weight:bold;
	height: 23px;
	margin: 0;
	padding: 8px 0 0 8px;
	text-decoration: none;

}

#navlist li a:hover
{
	background: #f5d7b4;
	color: #930;
	
}

/* ItemOne*/

#navlist li#itemone a
{
	background: #14773c url(../images/left-tab.gif) left top no-repeat;	
	color: #fff;
}

#navlist li#itemone a:hover
{
	background: #603913 url(../images/left-tab-ro.gif) left top no-repeat;
}

/* ItemTwo*/

#navlist li#itemtwo a
{
	background: #4b225e;	
	color: #fff;
}

#navlist li#itemtwo a:hover
{
	background: #603913;
}

/* ItemThree*/

#navlist li#itemthree a
{
	background: #eaad21;	
	color: #fff;
}

#navlist li#itemthree a:hover
{
	background: #603913;
}

/* ItemFour*/

#navlist li#itemfour a
{
	background: #a02a2c;	
	color: #fff;
}

#navlist li#itemfour a:hover
{
	background: #603913;
}

/* ItemFive*/

#navlist li#itemfive a
{
	background: #ec8e23 url(../images/right-tab.gif) right top no-repeat;	
	color: #fff;
}

#navlist li#itemfive a:hover
{
	background: #603913 url(../images/right-tab-ro.gif) right top no-repeat;
}

/**************************************************** END: NAVIGATION CSS **********************************************/

/* HOME PAGE */
#home_banner
{
	background-image:url(../images/middle_bg.png); 
	background-repeat:repeat-x;
	background-color: #7ead5c;
	height:230px;
	margin:0 auto 20px 0;
 	padding:0;
	position:relative;
	width:900px;
	
	
}

#home_banner img
{
	float:left;
	padding-left:0;
	margin-left:0;
}

#home_banner div
{
	position:absolute;
	width: 900px;
	height: 230px;
	
}
#home_banner div.br
{
	background: transparent url(../images/Main_RoundCorner_BR.gif) no-repeat bottom right; 
	right:0;
	bottom:0;
	
}
.home_banner_text
{
	color:#FFFFFF;
	float:right;
	font-size:16px;
	margin-right:auto;
	margin-left:auto;
	width:300px;
	line-height:1.5em;
	padding-right:6em;
	margin-top:4em;
	margin-bottom:3em;
}

#home_col_1, #home_col_2, #home_col_3
{
	/* common style for the 3 headers in the home page */
	 float:left;

}

#home_col_1 h2, #home_col_2 h2, #home_col_3 h2
{
	font-size:16px;
	margin-bottom:.3em;
	padding-left:30px;

}
#home_col_1
{
 width:320px;
 margin-right:20px
 
}

#home_col_1 h2
{
	
	background: transparent url(../images/grn_arrow.gif) no-repeat top left;
	color:#14773c;
}

#home_col_1 .sub-header
{
	color:#14773c;
	
}
#home_col_2
{
	margin-left:20px;
	width:260px;
	
}

#home_col_2 h2
{
	
	background: transparent url(../images/prpl_arrow.gif) no-repeat top left;
	color:#4b225e;
}

#home_col_2 .sub-header
{
	color:#4b225e;
	
}

#home_col_3
{
	margin-left:30px;
	width: 230px;
}

#home_col_3 h2
{
	background: transparent url(../images/red_arrow.jpg) no-repeat top left;
}
#home_col_3 h2, #home_col_3 .sub-header
{
	color:#a02a2c;
}


dl.news-list dt
{
	font-style:italic;
}
dl.news-list dd
{
	margin-left:0;
	margin-bottom:.8em;
}
.sub-header
{
	font-size:13px;
	font-style:italic;
	margin-top:0;
}

#home_col_2 p, #home_col_1 p
{
	margin-bottom:.8em;
}
/*  ************ END HOME PAGE ************ */

/* ******* SIDE NAVIGATION *********************** */
#side_nav
{
	 float:left;
	 width:180px;
}

#side_nav
{
	margin-top:20px;
}

#side_nav h2
{
	font-size:13px;
	margin-top:1em;
	
}

#side_nav ul
{
	 list-style-type: none;
	 margin-left:0;
	 padding-left:0;
}

#side_nav ul li
{
	 margin-bottom:.7em;
	 margin-left:0;
	 padding-left:0;
}

/* ***** internal banner for sections ******* */
#banner
{
	  background-color:#7d6388;
	  height:199px;
	  margin-top:30px;
	  margin-left:180px;
	  margin-right:auto;
	  margin-bottom:0;
	  padding:0;
	  width:540px;
}


.banner_text
{
	
	float:right;
	line-height:1.5em;
	padding-right:5em;
	margin-top:5em;
	margin-bottom:3em;
	width:220px;

}

.banner_capabilities
{
	color:#FFFFFF;
	background: #7D6388 url(../images/WI_Mid_Purp.jpg) no-repeat top left;
}

.banner_careers
{
	color:#000000;
	background: #EB9D52 url(../images/WI_Mid_Oj.jpg) no-repeat top left;
}

.banner_research
{
	color:#FFFFFF;
	background: #AF584B url(../images/WI_Mid_Red.jpg) no-repeat top left;
}

.banner_staff
{
	color:#000000;
	background: #EABA56 url(../images/WI_Mid_Yllow.jpg) no-repeat top left;
}

/* **************************** area below the banner ************  */
#page_content 
{
	width:540px;
	margin: 2em auto 1em 180px;
}

#page_content ul 
{
	
	padding-left:0;
	margin-left:15px;
}
#page_content ul li
{
	padding-left:0;
	margin-left:0;
	margin-bottom:.5em;
	
}

/**************************************************** Section Pages CSS **********************************************/

/* ALL SECTIONS */

.sub-heading
{
	color:#382616;
	font-size:16px;
	line-height:1.5em;
	margin-right:1.5em;
	padding-bottom:1em;
	
}

/* STAFF SECTION */
.staff_info
{
	margin-bottom:3em;
	margin-top:2em;
	width:530px;
}
.staff_info h2
{
	color:#382616;
	margin-left:120px;
}

.staff_info img, .staff_bio img
{
	border:none;
	clear:right;
	float:left;
	width:100px;
	
}

.staff_info p.staff_intro
{
	float:left;
	margin-left:20px;
	width:380px;
}

.staff_bio
{
 margin-left:120px;
}
.staff_bio h2
{
	color:#382616;
	margin-left:10px;
	
}
.staff_bio p
{
	 float:left;
	 margin-left:10px;
	 margin-bottom:1em;
	 padding-left:0;
	 width:380px;
}

.staff_info span.staff_link
{
	display:block;
	float:right;
	margin-top:.8em;
	margin-right:2px;

	
}
/* END STAFF Section */
/* legal section - privacy policy and terms and conditions */
.legal h1
{
	color:#14773c;
	font-size:18px;/**/
}

/* Internal Section pages  */

#capabilities  h1, #capabilities h2, #capabilities h3
{
	color:#4b235e;
}

#capabilities .sub-heading
{
 border-bottom: 1px solid #4b235e;
 
}

#careers  h1, #careers h2, #careers h3
{
	color:#ec8e23;
}

#careers .sub-heading
{
 border-bottom: 1px solid #ec8e23;
 
}
#research  h1, #research h2, #research h3
{
	color:#a02a2c;
}

#research .sub-heading
{
 border-bottom: 1px solid #a02a2c;
 
}

#staff  h1, #contact h1
{
	color:#eaad21;
}

#staff .sub-heading, #contact .sub-heading
{
 border-bottom: 1px solid #eaad21;
 
}

/* News Pages */

.news h1
{
	border-bottom: 1px solid #a02a2c;
	color:#a02a2c;
	padding-bottom:.5em;
}

.news-date
{
	color:#a02a2c;
	font-weight:bold;
}
/* ******* FOOTER ********* */

#footer
{
	color:#382616;
	font-size:11px;
	margin-top:3em;
	width:900px;
}
#footer img
{
 	display:block;
	margin-bottom:.8em;
}

#footer #copyright
{
 	width:360px;
}

#footer .text_links
{
	text-align:left;
	list-style-type: none;
	margin-top:0;
 }

 
.text_links li
{
	display: inline;
	/*float: left;*/
	text-align: left;
}