/* Pew Hispanic Center */
/* Navigation CSS at bottom */

body
	{
	background-color:#9a98a2;
	margin:0;
	}
	

a
	{
	color:#ad6e45;
	text-decoration:none;
	}
	
a:hover
	{
	color:#999999;
	}
	
#layout
	{
	width:980px;
	margin:0 auto;
	background-image:url(/images/layoutbackground.gif);
	background-repeat:repeat-y;
	}


#container
	{
	width:960px;
	margin:0 auto;
	}
	
#banner
	{
	width:960px;
	position:relative;
	height:99px;
	background-color:#f0eee5;
	background-image:url(/images/bannerbackground.gif);
	background-repeat:repeat-x;
	}


#logo
	{
	width:500px;
	height:99px;
	float:left;
	}

#tagline
	{
	position:relative;
	width:460px;
	float:left;
	}
	
#logo img, #tagline img
	{
	border:0;
	}

#rsslink
	{
	position:absolute;
	top:15px;
	right:10px;
	}

#rsslink img
	{
	border:0;
	}
	

/* Navigation */

#navigation
	{
	height:36px;
	background-color:#6f422d;
	background-image:url(/images/navigationbackground.gif);
	background-repeat:repeat-x;
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	color:#ffffff;
	padding:0 0 0 15px;
	}

#navigationbuttons
	{
	float:left;
	width: 510px;
	line-height:36px;
	}



#search
	{
	float:left;
	width:220px;
	margin-top:4px;
	}

#emailupdates
	{
	float:left;
	width:215px;
	margin-top:4px;
	}

form.searchform, form.emailupdatesform
	{
	margin:0;
	}

input.textinput
	{
	width:138px;
	height:20px;
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	color:#666666;
	padding:5px 0 0 7px;
	border:1px solid #ccc;
	}
	
input.formbutton
	{
	margin:0;
	border:0;
	vertical-align:top;
	height:27px;
	width:55px;
	}
	
	
	
#navigation ul.nav
	{
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	list-style-type:none;
	padding:0;
	margin:0;
	}

#navigation ul.nav li
	{
	display:inline;
	padding-left:0px;
	padding-right:25px;
	}

#navigation ul.nav li a
	{
	color:#ffffff;
	text-decoration:none;
	}

#navigation ul.nav li a:hover
	{
	color:#999999;
	}
	


#subbanner
	{
	background-color:#a5591e;
	}
	
	
#subnav
	{
	}

#subnav ul
	{
	font-family:arial,helvetica,sans-serif;
	font-size:13px;
	line-height:20px;
	list-style-type:none;
	padding:0;
	margin:0;
	}

#subnav ul li
	{
	padding-left:0px;
	}

#subnav ul li a
	{
	text-decoration:none;
	}

#subnav ul li a:hover
	{
	color:#999999;
	}
	
	
	

/* Footer */

#footer
	{
	padding: 10px 0 0 15px;
	height:175px;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:16px;
	color:#333333;
	background-color:#d2d0c5;
	}

#footer ul.footernav
	{
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	line-height:17px;
	list-style-type:none;
	padding:0;
	margin:0 0 15px 0;
	}

#footer ul.footernav li
	{
	display:inline;
	padding-left:0px;
	padding-right:25px;
	}

#footer ul.footernav li a
	{
	color:#333333;
	text-decoration:none;
	}

#footer ul.footernav li a:hover
	{
	color:#666666;
	}

	


	
#columns-front
	{
	clear:both;
	background-color:#ffffff;
	background-image:url(/images/columns-front-background.gif);
	background-repeat:repeat-y;
	}
	
#columns-front-left
	{
	width:640px;
	float:left;
	}

#columns-front-right
	{
	width:320px;
	float:right;
	}
	
.paddedmodule
	{
	padding:10px 10px 10px 10px;
	}
	
.clear
	{
	clear:both;
	}
	

/* Front Modules */

#pewresearch, #latinosbygeography, #latinosbydemography, #featuredresearch, #recentpublications, #latinopublicopinion
	{
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:16px;
	}

#featuredresearch
	{
	margin-bottom:50px;
	}
	
	
#pewresearch a
	{
	color:#6f422d;
	text-decoration:none;
	}

#latinosbygeography a, #latinosbydemography a
	{
	color:#5b5373;
	text-decoration:none;
	}
	
#latinopublicopinion a
	{
	color:#ad6e45;
	text-decoration:none;
	}

#pewresearch a:hover, #latinosbygeography a:hover, #latinosbydemography a:hover, #latinopublicopinion a:hover
	{
	color:#666666;
	}


.featureditem
	{
	padding:15px 10px 0px 10px;
	}
	
#featuredresearch .featuredgraphic
	{
	float:left;
	width:300px;
	margin:10px 20px 0 0;
	}
	
/* New left or right float based on database parameter 4/09 */

#featuredresearch .featuredgraphicleft
	{
	float:left;
	width:300px;
	margin:10px 20px 0 0;
	}

#featuredresearch .featuredgraphicright
	{
	float:right;
	width:300px;
	margin:10px 0 0 20px;
	}



#featuredresearch .featuredgraphic img
	{
	border:0px;
	}

#featuredresearch .featuredgraphicleft img
	{
	border:0px;
	}

#featuredresearch .featuredgraphicright img
	{
	border:0px;
	}

/* New no image for frontrequested on 5/27/09 */
#featuredresearch .featuredtextnoimage
	{
	float:left;
	width:600px;
	margin:10px 0 0 0;
	}

#featuredresearch .featuredtext
	{
	float:left;
	width:300px;
	margin:10px 0 0 0;
	}

#featuredresearch .featuredheadline
	{
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	}

#featuredresearch .featuredsubheadline
	{
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	}
	
#recentpublications .recentheadline
	{
	font-size:18px;
	line-height:20px;
	}
	
/* Topics List */

#topicindex ul
	{
	width:300px;
	margin:0;
	padding:0;
	list-style-type:none;
	}

#topicindex ul li
	{
	float:left;
	width:139px;
	margin:0;
	padding:0 0 0 11px;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:20px;
	background-image:url(/images/topicdot.gif);
	background-position: 0px 50%;
	background-repeat:no-repeat;	
	}

#topicindex ul li a
	{
	color:#a78118;
	text-decoration:none;
	}

#topicindex ul li a:hover
	{
	color:#666666;
	text-decoration:none;
	}



/* Latino Public Opinion */

#latinopublicopinion h2
	{
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	margin:0 0 5px 0;
	color:#333;
	}
	
#latinopublicopinion ul
	{
	/* width:300px; */
	margin:0;
	padding:0;
	list-style-type:none;
	}

#latinopublicopinion ul li
	{
	margin:0;
	padding:0 0 0 11px;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:20px;
	background-image:url(/images/topicdot.gif);
	background-position: 0px 50%;
	background-repeat:no-repeat;	
	}

#latinopublicopinion ul li a
	{
	color:#ad6e45;
	text-decoration:none;
	}

#latinopublicopinion ul li a:hover
	{
	color:#666666;
	text-decoration:none;
	}







/* Interior Columns */

#columns-interior
	{
	clear:both;
	background-color:#ffffff;
	background-image:url(/images/columns-interior-background.gif);
	background-repeat:repeat-y;
	}
	
#columns-interior-left
	{
	width:670px;
	padding:10px 20px 30px 20px;
	float:left;
	}

#columns-interior-right
	{
	width:220px;
	padding:25px 15px 30px 15px;
	float:right;
	}


#columns-interior-left p
	{
	font-family:arial,helvetica,sans-serif;
	font-size:13px;
	line-height:17px;
	}

#columns-interior-right p
	{
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:16px;
	}
	
#columns-interior-left h1
	{
	font-family:arial,helvetica,sans-serif;
	font-size:24px;
	}
	
#columns-interior-left h2
	{
	font-family:arial,helvetica,sans-serif;
	font-size:18px;
	font-weight:normal;
	}

#columns-interior-right h2
	{
	font-family:arial,helvetica,sans-serif;
	font-size:16px;
	font-weight:normal;
	}
	
#columns-interior-left h3
	{
	font-family:arial,helvetica,sans-serif;
	font-size:16px;
	}

#columns-interior-left ul
	{
	list-style-type:square;
	font-family:arial,helvetica,sans-serif;
	font-size:13px;
	line-height:17px;
	}

.headlinelink
	{
	font-size:16px;
	line-height:18px;
	}
	

/* Report Styles */

div.floatingbox
	{
	float:right;
	margin:5px 5px 20px 20px;
	}

div.reportgraphic
	{
	clear:both;
	margin-top:30px;
	}
	
div.reportmaterials
	{
	/* float:right; */
	width:250px;
	padding:0 20px 10px 20px;
	background-color:#f0eee5;
	border:1px solid #aaaaaa;
	clear:both;
	}
	

/* Dataset Styles */

table.formtable
	{
	font-family:arial,helvetiva,sans-serif;
	font-size:13px;
	line-height:17px;
	}
	

/* State Factsheet Styles */

h4.ataglance
	{
	text-align:center;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	color:#57311f;
	font-size:36px;
	line-height:30px;
	margin-top:0px;
	font-weight:normal;
	}

table.datatable
	{
	font-family:arial,helvetica,sans-serif;
	width:660px;
	border-collapse:collapse;
	font-size:12px;
	border-bottom:1px solid #cccccc;
	}

table.datatable tr.tablehead th
	{
	background-color:#5b5373;
	padding:7px;
	color:#ffffff;
	}
	
table.datatable td
	{
	text-align:center;
	padding:7px;
	background-color:#ffffff;
	}

table.datatable td.label
	{
	text-align:left;
	width:60%;
	}
	
table.datatable tr.evenrow td
	{
	background-color:#d3d1de;
	}
	
	
table.datatable2
	{
	font-family:arial,helvetica,sans-serif;
	width:660px;
	border-collapse:collapse;
	font-size:12px;
	border-bottom:1px solid #cccccc;
	}

table.datatable2 tr.tablehead th
	{
	background-color:#5b5373;
	padding:7px;
	color:#ffffff;
	}
	
table.datatable2 td
	{
	text-align:center;
	padding:7px;
	background-color:#ffffff;
	}

table.datatable2 td.label
	{
	text-align:left;
	width:50%;
	}
	
table.datatable2 tr.evenrow td
	{
	background-color:#d3d1de;
	}

table.datatable2 sup
	{
	color:#666666;
	}
	

table.stateprofiletable
	{
	font-family:arial,helvetica,sans-serif;
	width:660px;
	border-collapse:collapse;
	font-size:13px;
	line-height:17px;
	}

table.stateprofiletable td
	{
	vertical-align:top;
	width:25%;
	}
	
	
	
h2.statesubhead
	{
	margin-top:30px;
	}

p.caps
	{
	text-transform:uppercase;
	text-align:center;
	margin-bottom:5px;
	}
	
hr
	{
	border: 0;
	height: 1px;
	color:#999999;
	background-color:#999999;
	}
	
	
/* Front Geography Tabs */

#geoTab1, #geoTab2
	{
	height:395px;
	}
	
.geotabs
	{
	clear:both;
	width:260px;
	}

a.geotabon, a.geotaboff
	{
	display:block;
	float:left;
	width:130px;
	height:24px;
	line-height:22px;
	text-align:center;
	font-size:11px;
	}

a.geotabon
	{
	background-image:url(/images/geotabon.gif);
	background-repeat:no-repeat;
	}

a.geotaboff
	{
	background-image:url(/images/geotaboff.gif);
	background-repeat:no-repeat;
	}
	




	
/* MAIN NAVIGATION */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*
	background-color:#;
	background-image:url(/images/navigationbackground.gif);
	background-repeat:repeat-x;
*/
	
.menu {width:960px; height:36px; position:relative; z-index:100; font-family:arial, sans-serif; background-color:#6f422d;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:960px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:160px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:160px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:14px;text-decoration:none; color:#fff; width:150px; height:36px; border:0; border-width:0; background-image:url(/images/navbuttonback.gif); background-repeat:no-repeat; background-color: #6f422d; line-height:36px; font-weight:normal; padding-left:10px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:160px; w\idth:150px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#5c3422;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#999;}
.menu ul ul :hover > a.drop {background:#999;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ccc;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#ccc;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:36px;left:0; width:160px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:36px;t\op:36px;}

/* position the third level flyout menu */
.menu ul ul ul{left:160px; top:-1px; width:160px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-160px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#5c3422; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:140px; font-size:12px; font-weight:normal; text-align:left;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:160px;w\idth:140px;}

/* style the top level hover */
.menu ul a:hover {color:#d5a185; background:#5c3422; background-image:url(/images/navbuttonback.gif); background-repeat:no-repeat;}
.menu ul ul a:hover{color:#333; background:#ccc;}
.menu ul :hover > a {color:#d5a185; background-image:url(/images/navbuttonback.gif); background-repeat:no-repeat;}
.menu ul ul :hover > a {color:#333; background:#ccc;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/**********Article Tools Box ***********/

#articletools
	{
	clear:both;
	text-align:right;
	}
	
#articletools img
	{
	border:0;
	margin-left:10px;
	}
	
#sharepanel
	{
	text-align:right;
	padding-top:10px;
	border-bottom:1px dotted #ccc;
	}

#sharepanel img
	{
	border:0;
	margin-left:10px;
	}
	
#emailpanel
	{
	text-align:right;
	padding-top:10px;
	border-bottom:1px dotted #ccc;
	font-family: arial,helvetica,sans-serif;
	font-size:11px;
	}

#emailpanel input.tofrom
	{
	width:150px;
	font-family:arial,helvetica,san-serif;
	font-size:12px;
	font-color:#666;
	background-color:#eee;
	border:1px dotted #999;
	padding:3px 3px 3px 7px;
	}

#emailpanel input.send
	{
	font-family:arial,helvetica,san-serif;
	font-size:11px;
	font-color:#666;
	border-top:1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background-color:#999;
	color:#eee;
	width:60px;
	}
	
.millennial-callout {
width:241px;
float:right;
margin:5px 5px 20px 20px;
clear:both;
}
.millennial-callout img {
border:0 none;
}
.millennial-callout p {
border:1px solid #000;
padding:15px 25px;
font-size:12px;
}