/* ------------------------------------------------------------------ */
/* CSS Style Sheet for Federal Bonding Program web site - Screen      */
/*   Nan Fredman 5/12/06 for Real Magnet LLC                          */
/* ------------------------------------------------------------------ */

/* Background and presentation layout ------------------------------- */
* { margin: 0; padding: 0; }
body {
	min-width: 738px;
	text-align: center;
	background: #FFFFFF url(../assets/presentation/fbpBG.jpg) repeat-x;
	font: 101% Arial, Helvetica, sans-serif;
	color: #000;
}
div#wrapper {
	width: 738px;
	margin: 0 auto 10px auto;
	text-align: left;
	border: 1px solid #2A307B;
	background: url(../assets/presentation/fbpInteriorBG.jpg) repeat-y; 
	}
div#innerWrapper { width: 738px; position: relative; margin-top: 34px; }
div#pageNav { width: 165px; margin-left: 15px; float: left; display: inline; }
div#content { width: 470px; margin: 0 40px 40px 40px; float: right; display: inline; }
div#footer { margin: 1em 40px 1em 227px; padding-top: 1em; font-size: 0.7em; color: #2A307B; border-top: 1px solid #2A307B; }

/* Content styles -------------------------------------------------- */
div#content p { font-size: 0.8em; color: #000; margin: 0 0 1em 0; }
div#content p.homepage { font-size: 0.8em; color: #2A307B; margin: 0 0 1em 0; }
div#content p.dropcap span {
	float: left;
	color: #FFF;
	font: bold 5em/0.95em Georgia, "Times New Roman", serif;
	margin: 3px 3px 0px 0;
	background-color: #565CAF;
  	border: solid #2A307B 2px;
	padding: 1px;
}
div#content p.largerdrop { margin-top: 1.2em; }
div#content p.largerdrop span {
	float: left;
	color: #000;
	font: bold 1.5em/0.95em Arial, Helvetica, sans-serif;;
	margin: 2px 4px 0px 0;
  	/* border: solid #2A307B 1px; */ 
	padding: 1px;
}
div#content h1 { font: bold 1.3em Tahoma, Arial, Helvetica, sans-serif; color: #2A307B; margin: 0 0 0.7em 0; }
div#content h2 { font: bold 0.9em Arial, Helvetica, sans-serif; color: #000; margin: 1em 0 0.7em 0; }
div#content h4 {
	font-size: 0.9em;
	color: #cc0033;
	margin: 1.6em 0 0.3em 0;
	font-weight: bold;
	/*font-style: italic;*/
}
div#content ul { font-size: 0.8em; color: #000; margin: 0.8em 0 0.8em 26px; }
div#content li { padding: 0 0 0.4em 0; }
div#content table { margin: 0 0 10px 0;}
div#content td { font-size: 0.8em; padding: 3px 0 0 1.5em; }
div#content th { font-weight: bold; font-size: 0.8em; border-bottom: 1px solid #000; padding-bottom: 3px; }
div#content a i { font-size: 0.8em; }

/* Utilities ------------------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
}
