@charset "utf-8";
/*
Title: Arizona Indicators Styles
Copyright: (c) 2008
Author: Phil Puleo
Company: Institute for Social Science Research
Description: specific styles for the public Arizona Indicators site

Updated By		Updated Date		Description
Phil Puleo		2/19/08				initial styles added
Phil Puleo		2/19/08				added Eric Meyer's Reset Reloaded 
									styles from:
									http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Phil Puleo		2/23/08				added tab styles
Phil Puleo		2/25/08				added left navigation menu styles

*/

/*----------------------------------------------------------------------------------- 
CSS Browser Default Resets
Courtesy of Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	font-family:inherit;
	color: #8b5d3b;
}

/*----------------------------------------------------------------------------------- 
  Basic Styles
------------------------------------------------------------------------------------*/

h2 {
	font-size: 1.35em;
	color: #7C2B83;
	margin: 10px 0px;
}
h3 {
	font-size: 1.2em;
	color: #7C2B83;
	padding-bottom: 10px;
	margin-bottom:10px;
}
/* indicator sections page titles */
div#page-text h3 a, div#column h3 a {
	color: #7C2B83;
}
h4 {
	font-size: .9em;
	color: #7C2B83;
	font-weight:bold;
	text-align: left;
	margin: 10px 0px 5px 0px;
}
/* subtitles for all indicators sections */
h5{
	font-size: .85em;
	margin: 10px 0px;
	color: #7C2B83;
	clear: both;
}
em {
	font-weight: bold;
}
a,
a:link {
	text-decoration: none;
	color: #38939B;
}
a:visited {
	text-decoration: none;
	color: #888;
}
a:hover {
	color: #7C2B83;
}
p {
	color: #555;
	line-height: 1.33;
	padding: 0px 10px 10px 0px;
	font-size: .95em;
}
ul, ol{
	color: #666;
	font-size:inherit;
}
cite {
	font-style: italic;
}
.space{
	margin-top:10px;
}
sub {
	vertical-align: sub;
	font-size: 70%;
	}
	
.hide {
	display: none;
	}

/*----------------------------------------------------------------------------------- 
  Structural Elements
------------------------------------------------------------------------------------*/

body {
	background-color: #77787B;
	min-width: 960px;
	font-family: Arial Narrow, Arial, Tahoma, Helvetica, sans-serif;
}
#wrapper {
  	width: 960px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	background-color: #ffffff;
	border: 1px solid #666;
}

/*----------------------------------------------------------------------------------- 
  Header Styles
------------------------------------------------------------------------------------*/

#banner {
	height: 144px;
}
/* text-based link on home page */
a.skip {
	position: absolute; 
	left: -1000em; 
	width: 20em;
}

/*----------------------------------------------------------------------------------- 
  Header Styles: Site Title
------------------------------------------------------------------------------------*/

h1#sitetitle {
	float: left;
	margin: 20px 0px 20px 30px;
	font-size: 2.3em;
	width: 466px;
}
h1#sitetitle a {
	display: block;
	}
	
h1#sitetitle a span {
	display: none;
}

/*----------------------------------------------------------------------------------- 
  Header Styles: Search
------------------------------------------------------------------------------------*/

div#search {
	clear: right;
	float: right;
	width: auto;
	height: 30px;
	margin: 52px 0 0 0;
}

#search-box {
	float:right;
	margin: 0 5px 6px 0;
	border:1px solid #c1c1c1;
	padding:2px 5px;
	font-size:12px;
	color:#bbb;
	height: 16px;
	}
	
#search-link {
	float:right;
	margin: 0 30px 0 0;
	border: 1px solid #fff;
	background: none;
	font-size: .75em;
	color: #888;
	height: 13px;
	padding: 4px 4px 3px;
	}

/*----------------------------------------------------------------------------------- 
  Header Styles: Site Links Menu
------------------------------------------------------------------------------------*/

ul#sitelinks {
	clear: right;
	float: right;
	margin: 5px 30px 10px 0px;
}
ul#sitelinks li {
	display: inline;
	margin: 0px;
	background-color: #fff;
	float: left;
	text-align: right;
}
ul#sitelinks li a {
	font-size: .8em;
	padding: 0 6px 0 5px;
	text-transform: uppercase;
	background: #fff url("../images/graphics/links-separator.gif") no-repeat right;
	display: block;
	clear: none;
}
ul#sitelinks li.last a {
	border-right: none;
	background-image: none;
	padding-right: 0;
}
	
ul#sitelinks li a:visited {
	color: #38939B;
	}
	
ul#sitelinks li a:hover,
ul#sitelinks li a:active {
	color: #7C2B83;
	}
	
ul#sitelinks li a.selected {
	color: #000;
	}
	
/*----------------------------------------------------------------------------------- 
  Header Styles: Header Image
------------------------------------------------------------------------------------*/

div#header-image {
	background-image: url('../images/banners/bannerweb.jpg');
	background-repeat: no-repeat;
	height: 68px;
	width: 960px;
}

/*----------------------------------------------------------------------------------- 
  Header Styles: Navigation Links
------------------------------------------------------------------------------------*/

div#navtabs {
	height: 25px;
	width: 920px;
	background: #E7A614;
	padding: 0 20px;
	clear: both;
}
	
ul#navtabslist {
	margin-left: 10px;
	}
	
ul#navtabslist li {
	float: left;
	padding: 0px 12px 0px;
	margin: 6px 0px 0px 0px;
	background: transparent url("../images/graphics/nav-separator.gif") no-repeat top right;
}

ul#navtabslist li.last {
	background-image: none;
	}
	
ul#navtabslist li a {
	float: left;
	padding-top: 0px;
	font-size: .85em;
	color: #222;
	text-transform: uppercase;
}

ul#navtabslist li a:hover {
	color: #fff;
	text-decoration: none;
}

/* tab effect */
ul#navtabslist li.selectedtab a {
	color: #fff;
}

/*----------------------------------------------------------------------------------- 
  Main Area Styles (more styles can be found in home.css)
------------------------------------------------------------------------------------*/

div#main {
	float: left;
	width: 960px;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	color: #222;
}

/*----------------------------------------------------------------------------------- 
  Main Area: Left Navigation Menu (more styles can be found in leftnav_dynamic.css)
------------------------------------------------------------------------------------*/

div#leftnav {
	float: left;
	display: block;
	width: 135px;
	height: 100%;
	padding-bottom: 8000px;
	margin: 30px 0 -8000px 25px;
	background: #fff;
}

div#leftnav h3{
	border-bottom: none;
	font-size: .85em;
	width: auto;
	padding: 6px 10px 4px;
	margin: 0 0 7px 0;
	background-color: #7C2B83;
	color: #fff;
	text-transform: uppercase;
	}

/*----------------------------------------------------------------------------------- 
  Main Area: Content
------------------------------------------------------------------------------------*/

div#content {
	float: left;
	width: 780px;
	display: block;
	min-height: 400px;
	padding: 10px 10px 2000px 10px;
	margin-bottom: -2000px;
}
#sectionImage{
	display:block;
	float:right;
	height:405px;
	margin-top:30px;
	width:290px;
}

/*----------------------------------------------------------------------------------- 
  Main Area: Breadcrumbs
------------------------------------------------------------------------------------*/

ul#breadcrumbs {
	float: left;
	width: 760px;
	margin: 0px 0px 0px 8px;
	list-style: none;
	}

ul#breadcrumbs li {
	float: left;
	margin: 0px 2px;
	}

ul#breadcrumbs li a {
	float: left;
	font-size: .65em;
	color: #aaa;
	}
	
ul#breadcrumbs li a:active,
ul#breadcrumbs li a:hover {
	color: #7C2B83;
	} 

/* arrows */
ul#breadcrumbs li span {
	float: left;
	font-size: .65em;
	color: #aaa;
	font-weight: normal;
	margin-right: 3px;
	}

/* current breadcrumb */
ul#breadcrumbs li.active-breadcrumb{
	font-weight: bold;
	}

/*----------------------------------------------------------------------------------- 
  Main Area: Page Text
------------------------------------------------------------------------------------*/

div#page-text {
	padding: 10px 15px;
	width: 750px;
	float: left;
}
div#page-text p{
	width: 440px;
}
/* any list of links */
.linklist {
	font-size: .7em;
}
ol.itemlist {
	list-style: decimal;
	width: 410px;
	font-size: .9em;
	float: left;
	line-height: 1.2;
	padding: 0px 0px 10px 30px;
}
ul.indent{
	display: block;
	clear: both;
	font-size: .7em;
	line-height:1.4;
	padding: 0px 0px 10px 20px;
	list-style-type:circle;
}
ul.bulletlist {
	list-style: disc;
	font-size: .85em;
	line-height: 1.2;
	padding: 0px 0px 10px 20px;
	color: #38939B;
	width: 440px;
}
span.keywords {
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
}

sup {
	font-size: .6em;
	vertical-align: super;
	}
	
.linklist {
	clear: both;
	list-style: none;
	display: block;
	font-size: 11px;
	line-height: 12px;
	padding-bottom: 10px;
}

#page-text h4 {
	color: #E7A614;
	font-weight: bold;
	font-size: 1.1em;
	font-style: italic;
	background: #fff url("../images/graphics/orange-arrow-small.png") no-repeat left;
	padding-left: 18px;
	}
#page-text h3.level_1 {	
	border-bottom: none;
	}
	
#feature_tabs ul {
	float: right;
	display: block;
	width: auto;
	margin-top: 11px;
	padding-right: 10px;
	}
	
#feature_tabs ul li {
	float: left;
	display: block;
	margin: 0 0 0 2px;
	border: 1px solid #eee;
	padding: 3px 8px 6px 8px;
	background-color: #f9f9f9;
	border-bottom: none;
	font-size: .7em;
	}
	
#headline_container {
	padding: 0px 10px 10px;
	float: left;
	display: block;
	background: #ececec url("../images/backgrounds/headline_background1.png") repeat-x;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	}

#headline_container h2 {
	font-weight: normal;
	line-height: 1.3;
	font-size: 1.5em;
	color: #000;
	}
	
div#page-text #headline_container p,
div#page-text #article_container p,
div#page-text h3.main_title {
	width: auto;
	}
	
div#page-text #article_body p {
	padding-right: 20px;
	}

div#page-text h3.main_title {
	width: 500px;
	float: left;
	display: inline;
	clear: both;
	font-style: italic;
	font-size: 1.5em;
	background:#FFFFFF url(../images/graphics/purple-arrow.png) no-repeat left center;
	padding: 0 0 0 24px;
	}

div#page-text h5 {
	font-size: 1em;
	}
	
#description_container {
	clear: both;
	}
	 	
#headline_image {
	float: left;
	display: block;
	padding: 0px 20px 0px 2px;
	}
	
#headline_image a:hover,
#headline_image a:active {
	border: 1px solid #888;
	}
	
#headline_image a {
	/*border: 3px solid #EFE5CC; light color */
	border: 1px solid #aaa;
	margin-top: 10px;
	display: block;
	width: 315px;
	height: 200px;
	}
	
#headline_image span.headline_image_title {
	font-size: .6em;
	display: block;
	padding: 4px 0px;
	}

#article_container {
	clear: left;
	padding: 0px 0px 10px 0px;
	width: 470px;
	float: left;
	}	

#article_container blockquote {
	width: 180px;
	float: right;
	font-size: 1.3em;
	color: #7C2B83;
	padding: 0px 20px;
	}
	
#article_container blockquote p {
	line-height: 1.1;
	}

#article_container blockquote a {
	color: #7C2B83;
	}
	
#article_container blockquote a:hover,
#article_container blockquote a:active {
	text-decoration: none;
	}
	
#article_container blockquote span {
	display: block;
	clear: both;
	font-size: .6em;
	padding: 6px 0px;
	}
	
#article_container blockquote span.big_quotes {
	font-size: 1.2em;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	line-height: .5;
	padding: 0;
	}
	
#article_container blockquote span.blockquote_text {
	display: inline;
	font-size: .9em;
	font-style: italic;
	}
	
#featured_dashboards {
	float: right;
	display: block;
	width: 250px;
	padding: 0px 0px 0px 20px;
	}

#featured_dashboards h4 {
	color: #fff;
	background-color: #AFBD22;
	padding-left: 18px;
	font-style: normal;
	font-weight: normal;
	font-size: .85em;
	background-image: none;
	padding: 6px 10px 4px;
	text-transform: uppercase;
	margin: 13px 0 0 0;
	}
	
#featured_dashboards_list {
	}

#featured_dashboards_list li {
	margin: 0;
	border-bottom: 1px solid #ddd;
	float: left;
	width: 250px;
	clear: both;
	}

#featured_dashboards_list li.last {
	border-bottom: none;
	}
		
#featured_dashboards_list li img {
	border: 1px solid #aaa;
	float: left;
	display: block;
	height: 60px;
	}
	
#featured_dashboards_list li a {
	display: block;
	padding: 10px;
	float: left;
	width: 230px;
	}
	
#featured_dashboards_list li a:hover,
#featured_dashboards_list li a:active {
	text-decoration: none;
	background-color: #eee;
	background-image: none;
	}
	
span.dashboard_desc {
	display: block;
	float: left;
	width: 126px;
	font-size: .65em;
	color: #222;
	line-height: 1.2;
	padding: 0px 0px 0px 8px;
	
	}
	
span.dashboard_label {
	margin: 0 0 4px;
	font-size: 1.3em;
	display: block;
	}
	
/*----------------------------------------------------------------------------------- 
  Main Area: Page Text - Data/Description Controls
------------------------------------------------------------------------------------*/

span.display_controls {
	width: 200px;
	float: right;
	display: block;
	padding: 0px 0px 10px 0px;
	}
	
span.display_controls a.active {
	text-decoration: underline;
	}
	
span.display_controls a {
	float: right;
	width: auto;
	font-size: .6em;
	margin: 0px 0px 0px 10px;
	vertical-align: bottom;
	}
	
span.display_controls a:hover {
	text-decoration: none;
	outline: 1px dotted #EFE5CC;
	}
	
a#display_desc {
	display: block;
	height: 19px;
	padding: 6px 6px 0px 24px;
	background-image: url(../images/graphics/doc.png);
	background-repeat: no-repeat;
	background-position: 4%;
	}
	
a#display_data {
	display: block;
	height: 19px;
	padding: 6px 6px 0px 24px;
	background-image: url(../images/graphics/data.png);
	background-repeat: no-repeat;
	background-position: 5%;
	}
	
/*----------------------------------------------------------------------------------- 
  Main Area: Page Text - Data Table
------------------------------------------------------------------------------------*/

#data_container {
	clear: both;
	display: none;
	}
	
#data_table {
	border: 1px solid #EFE5CC;
	width: 100%;
	font-size: .8em;
	margin-top: 20px;
	}

#data_table th {
	background-color: #EFE5CC;
	padding: 4px;
	}
	
#data_table th#table_title {
	font-size: 1.3em;
	background-color: #F6F0E2;
	color: #58391F;
	}
	
#data_table td {
	border: 1px solid #F6F0E2;
	padding: 4px;
	font-size: .8em;
	}
	
#data_table td.ft_excel {
	background: transparent url("../images/graphics/excel.jpg") no-repeat;
	padding-left: 20px;
	}

/*----------------------------------------------------------------------------------- 
  Main Content Area Styles: County Select Controls
------------------------------------------------------------------------------------*/

label#countyselectlabel  {
	float: left;
	font-size: 11px;
	padding: 10px 10px 0px 10px;
	margin-top: 6px;
}
select#countyselect {
	float: left;
	font-size: 11px;
	margin-top: 10px;
}

/*----------------------------------------------------------------------------------- 
  Main Area: Dashboard Area
------------------------------------------------------------------------------------*/

div#dashboards {
	float: left;
	display: block;
	width: 750px;
	padding: 0 15px;
	}

#trouble_link {
	float: left;
	display: block;
	width: 740px;
	padding: 4px;
	background-color: #eee;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
	}

#trouble_link h6 {
	display: inline;
	float: left;
	margin: 6px 20px 0 4px;
	font-size: .7em;
	}
		
#legend_list {
	display: inline;
	}
	
#legend_list li {
	font-size: .7em;
	display: block;
	margin: 2px 16px 0 0;
	float: left;
	padding: 3px 0px 6px 20px;
	width: auto;
	color: #222;
	}
	
#help_link {
	background: transparent url("../images/graphics/help-small4.png") no-repeat;
	float: right;
	display: block;
	margin-top: 2px;
	padding: 3px 4px 2px 20px;
	width: auto;
	font-size: .7em;
	}
	
#export_link {
	background: transparent url("../images/graphics/export.gif") no-repeat;
	}
	
#pdf_link {
	background: transparent url("../images/graphics/pdf.gif") no-repeat;
	}
	
#info_link {
	background: transparent url("../images/graphics/info.gif") no-repeat;
	}
	
div#dashboards object,
div#dashboards iframe {
	width: 750px;
	}

/*----------------------------------------------------------------------------------- 
  Main Area: AZ Views
------------------------------------------------------------------------------------*/

#az_views h4 {
	background: #fff url("../images/graphics/teal-arrow-small.png") no-repeat left;
	}

#az_views h4 a {
	color: #38939B;
	}
	
/*----------------------------------------------------------------------------------- 
  Footer Styles
------------------------------------------------------------------------------------*/

div#footer {
	clear: both;
	margin: 0px;
	width: 960px;
	height: 80px;
	background: #fff;
	color: #58391F;
}

ul#footerlist {
	float: left;
	display: block;
	width: 910px;
	padding: 6px 25px 0px 25px;
	
}

#footerlist li {
	display: inline;
	margin: 2px 15px;
}

li#firstlogo {
}

li#lastlogo {
}

#siteInfo {
	margin:0 auto;
	padding:10px 0 10px 20px;
	text-align:center;
}

#siteInfo span#footer_contact{
	font-size:.7em;
	padding: 0px 0px 1px;
	color:#888;
	text-transform: uppercase;
}

.footer_labels {
	color: #666;
	}
	
.footer_labels span {
	font-size: .8em;
	background-color: #ccc;
	display: block;
	float: left;
	text-transform: uppercase;
	}
	
#major_sponsors {
	border-right: 2px solid #fff;
	padding: 6px 0 6px 30px;
	width: 448px;
	}

#contributing_sponsors { 
	border-left: 2px solid #fff;
	padding: 6px 0 6px 25px;
	width: 453px;
	}
	
#asu_logo {
	margin-right: 60px;
	}
	
#disclaimer,
#disclaimer:visited {
	text-decoration: none;
	}

#disclaimer:active,
#disclaimer:hover {
	text-decoration: underline;
	}
	
/*----------------------------------------------------------------------------------- 
  Feedback Link
------------------------------------------------------------------------------------*/

#feedback_link {
	height: 100px;
	width: 40px;
	display: block;
	background: #fff url("../images/graphics/feedback-button.png") 0% 0%;
	position: fixed;
	top: 300px;
	right: 0px;
	}
	
#feedback_link:hover,
#feedback_link:active {
	background-position: 100% 0%;
	}