body { font: 12pt Arial, Helvetica, Verdana, sans-serif; color: #000; text-align: left; margin: 0; padding: 0; }

/* styles headings */

h1 { color: #b2bec5; font: normal 13pt Georgia, "Times New Roman", Times, serif; margin: 10px 0 12px 0; }
h1 span { color: #6caddf; }
	
h2 { color: #bc0000; font: bold 13pt Arial, Verdana, Helvetica, sans-serif;  }
	
h3 { color: #bc0000; font: bold 10pt Georgia, "Times New Roman", Times, serif;  }
	
h4 { color: #bc0000; font: bold 12pt Arial, Helvetica, Verdana, sans-serif; m }

h5 { color: #bc0000; font: bold 12pt Arial, Helvetica, Verdana, sans-serif;  }

/* general styles */

a:link { text-decoration: underline; color: #1169c1;  }
a:link:after, a:visited:after { content: " (" attr(href) ") "; font-size: 80%; text-decoration: none; }
a[href^="/"]:after {
   content: " (http://recovery.ohio.gov" attr(href) ") ";
   }
	
A.pdf:link { text-decoration: none; color: #1c5c9f; font-size: 10pt}
img	 { border: 0; padding: 0; }

/* styles forms */
	
td { line-height: 1.3em; padding: 12px 15px 12px 0; border-bottom: 1px solid #f4f4f4; font-size: 11pt; }
th { line-height: 1.3em; padding: 12px 15px 12px 0; border: 0; font-size: 11pt; font-weight:bold; }

/* styles for the various header image(s) */

#hed{ display: none; }

/* styles main body elements */

#box { width: 100%; }	

#content { width: 100%; }		

/* styles for homepage */ 	
	
#container{	display: none; }	
#header{ height:80px; line-height:80px; background:#5DC9E1; color:#fff; }				
#content{ position:relative; }			
	
#slider { display: none; } 

/* styles for columns */ 

.column { float: none; }

.box-sm { width: 90%; margin: 15px 0; }
.box-xsm { width: 100%; margin: 15px 0; }

.box-nums { width:100%; border: 0; }
.box-num-sm, .box-num-med, .box-num-lg { width:90%; float: none; padding: 15px; background-color: #fff; border: 1px solid #ebebeb; margin: 11px 0 0 0; text-align: center; }
	
.box-xsm-img { width: 100%; margin: 15px 0; }
.box-sm-img { width: 100%; margin: 15px 0; }
.box-nav { display: none; }	
	
.box-med { width: 100%; margin: 15px 0; }	
.box-lg { width: 100%; margin: 15px 0; }
.box-xl { width: 100%; margin: 15px 0; }	
.box-xxl { width: 100%; margin: 15px 0; }

.caption p { font-size: 11pt; }

.box-focus { width: 100%; padding: 15px 0; background-color: #fff;}

	/* new focus layout */
	.box-focus-med { width: 100%; margin: 15px 0; }
	
	.box-focus blockquote, .box-focus-med blockquote { font: italic 1.6em Georgia, "Times New Roman", Times, serif; margin: 5px 0 10px 0; padding: 17px; background: #f8f8f8;}
	.box-focus blockquote span, .box-focus-med blockquote span { display: block; clear: both; margin-top: 8px; font: normal .6em Arial, Helvetica, Verdana, sans-serif; text-align: right; }
	
	.focus-lg { width: 100%; margin: 15px 0; }
	.focus-med{ width: 100%; margin: 15px 0; }
		.focus-lg h2, .focus-med h2, .focus-sm h2 { font: bold 2.2em Arial, Verdana, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 8px 0; }
		.focus-lg h3, .focus-med h3, .focus-sm h3 { font: bold 1.6em Arial, Verdana, Helvetica, sans-serif;  letter-spacing: -1px; margin: 0 0 7px 0; }	
		.focus-lg h4, .focus-med h4, .focus-sm h4 { font: bold 1.2em Arial, Verdana, Helvetica, sans-serif; margin: 0 0 10px 0; }
	.focus-sm { width: 100%; margin: 15px 0; }
	.focus-photo { width: 100%; margin: 15px 0; }
		.focus-photo .rt { padding: 10px 0 0 30px; }
		.focus-photo .lt { padding: 10px 30px 0 0;}
		.focus-photo img { margin: 10px; width: 267px; }
		.focus-photo-content { width: 100%; margin: 0 15px 0 23px; border: 1px solid #f2f3f5; padding: 14px; }
		.focus-photo-content h4 { margin: 0; font: italic 1.3em Georgia, "Times New Roman", Times, serif; }
		.focus-photo-content p { margin: 10px 10px 10px 0; color: #8d8d8d; }
		
	/* old focus layout */
	.focus-top-l { width: 100%; margin: 15px 0; }
	.focus-top-r { width: 100%; margin: 15px 0;}
	.focus-top-caption { width: 100%; margin: 15px 0; }
	.focus-mid { width: 100%; margin: 15px 0; }
    .focus-bottom-l { width: 100%; margin: 15px 0; }
	.focus-bottom-r { width: 100%; margin: 15px 0; }
	.focus-full { width: 100%; margin: 15px 0; }
	
.focus-main { width: 100%; margin: 15px 0; }
	.focus-main img { float: left; margin: 15px; width: 137px; height: 110px; }
	.focus-main p { margin-top: 20px; }
	.focus-rt img { width: 100%; margin: 15px 0; }

.focus-mini { width: 100%; margin: 15px 0; }

/* imaging sizing for focus stories */ 
.buckeyelake-hed { width: 150px; height: 47px; margin: 0 0 -10px 40px; }
.bypass-hed { width: 225px; height: 209px; margin: 0 0 -10px 40px; }
.middleport-hed { width: 259px; height: 92px; margin-left: 10px; }
.ong-hed { width: 279px; height: 61px; margin: -5px 0 0 10px; }
.rail-hed { width: 289px; height: 77px; }
.weatherization-hed { width: 242px; height: 160px; margin: 0 0 0 30px; }
.woodlands-hed { width: 227px; height: 164px; margin: 0 0 0 30px; }
#rttt { background: white url(/img/focus/rttt/state.jpg) top right no-repeat; }

/* recovery in action image sizing */
.ria { float: right; width: 368px; margin: 5px 33px 8px 10px; border-bottom: 1px dotted #e4e4e4; }
.ria img { 368px; } 
.ria p { border-bottom: 1px dotted #e4e4e4; }

.ria-aug10 { float: right; margin: 20px 33px 8px 30px; width: 425px; }
.ria-aug10 object.yt { width: 100%; height: 344px; }
.ria-jun10 { float: right; margin: 20px 33px 8px 30px; width: 280px; }
.ria-jun10 object.yt { width: 100%; height: 225px; }

/* image sizing */
.opps-state { width: 250px; height: 193px; margin-bottom: 10px; }
.opps-bonds { width: 250px; height: 141px; margin-bottom: 10px; }
.acct-q4-disbursements { width: 500px; height: 209px; margin: 5px 0 15px 0; }
.acct-q4-revenues { width: 500px; height: 209px; }
.govmsg { width: 862px; height: 223px; }
.arralogo { float: left; margin: 10px 35px 20px 10px; width: 150px; height: 150px; }
	
/* styles for news */ 

.news { }
.news h3 { color: #bc0000; font: bold 94% Georgia, "Times New Roman", Times, serif; line-height: 115%; margin: 3px 0 10px 0; }
.news h4 { color: #495a64; font: bold 100% Arial, Helvetica, Verdana, sans-serif; margin: 15px 0 10px 0; }
.news h5 { color: #495a64; font: bold 100% Arial, Helvetica, Verdana, sans-serif; margin: 5px 0; }

.moretext { display:inline; }
.moreless { display:none;}

  /* for 4 columns */
.thumb-group { float: none; clear: both; text-align: center; margin: 5px 0 0 10px; }
.thumb { float: left; margin: 0; padding: 0 10px 10px 3px; width: 274px; }
.thumb p { text-align:left; margin: 15px;}

/* use this instead of HR, where possible */

.line { margin: 17px 0; border-bottom: 1px dotted #e4e4e4; height: 1px; }
hr { border: 0; color: #e4e4e4; background-color: #e4e4e4; height: 1px; }

/* styling for faq */
.faq dl { margin: 15px 0; line-height: 140%;  }
.faq dt { /*font-weight: bold; */ margin: 0 10px 15px 25px; text-decoration: none; border: 0; }
	.faq dt:before { content: "Q"; font: bold 180% Arial, Verdana, Helvetica, sans-serif; margin: 0 7px 0 -25px; padding: 0; color: #818284; position: relative; top: 3px;} 
	.faq dt:hover { text-decoration: underline; color: #357edf; } 
.faq dd { margin: 25px 30px 0; padding-bottom: 12px; line-height: 150%; color: #818284; }  
    .faq dd { margin: 0 10px 15px 25px; }
	.faq dd:before { content: "A"; font: bold 180% Arial, Verdana, Helvetica, sans-serif; margin: 0 7px 15px -25px; padding: 2px 9px; color: #818284; position: relative; top: 3px; }
.faq p {line-height: 150%;} 
.faq .show {display: block;}
.faq .hide {display: none;}	

/* navigation */

.ul_links ul { margin: 5px 0 0 0; padding: 0; list-style-type: none; }
.ul_links li { margin: 5px 0 10px 0; }

/* county report styling */

.CountyReport-banner { display: none; }

#CountyReport { clear: both; margin: 0; }	
#CountyReport img { border: 0; }
#CountyReport .hed { margin: 0; padding: 0; width: 100%; border: 0; text-align: center; }
#CountyReport .tag { margin: 0; padding: 32px 0 20px 0; font: bold 100% Arial, Helvetica, Verdana, sans-serif; text-align: center; font-style: italic; }
#CountyReport .map { float: left; margin: 0 30px 15px 0; padding: 0; border: 0; width: 150px; }
#CountyReport h2 { font: bold 140% Arial, Verdana, Helvetica, sans-serif; margin: 20px 0 10px 0; }
#CountyReport h3 { color: #bc0000; font: bold 130% Arial, Verdana, Helvetica, sans-serif; margin: 20px 0 10px 0; }
#CountyReport h4 { margin: 15px 0 10px 0; }
#CountyReport h5 { margin: 0 0 5px 0; }
#CountyReport table { margin: 0; }
#CountyReport tr { vertical-align: top; }
#CountyReport td { line-height: 1.1em; padding: 10px 15px 5px 0; border-bottom: 1px solid #f4f4f4; font-size: 90%; }
#CountyReport td.num { font-weight: bold; text-align: right; }
#CountyReport table.total { background: #f2f2f2;  }
#CountyReport table.total td { line-height: 1.1em; padding: 10px; font-size: 110%; font-weight:bold; border-bottom: 0; }

/* styling for table grids, such as the agency page */

.grid { margin: 20px 15px; }
.grid table { border: 1px solid #d7e7f4; }
.grid td { padding: 13px 18px; border-bottom: 1px solid #d7e7f4; line-height: 1.3em; }
.grid th { font-weight:bold; padding: 8px 5px 0 0; text-align: left; }


/*Footer*/

#foot { display: none; }


/* bug fixes and hidden stuff */

.hide { display: none; }
.print { display: inherit; }