/* ------------------------------------------------------------------ */
/* 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 { background-color: #7878AD; min-width: 766px; text-align: center; font: 101% Verdana, Arial, sans-serif; color: #000; margin: 0; padding: 0; }
div#outerwrapper { width: 100%; background: url(../assets/presentation/ma_pageBG.jpg) repeat-x; }
div#wrapper { width: 768px; margin: 0 auto; text-align: left; }
div#innerwrapper { width: 766px; background:  #FFF url(../assets/presentation/ma_contBG.jpg) repeat-y; }
div#header { width: 766px; height: 97px; background: url(../assets/presentation/ma_headerBG.jpg) no-repeat; }
div#bridge { width: 766px; background: url(../assets/presentation/ma_bridgeBG.jpg) no-repeat; position: relative; }
div#footer { width: 766px; height: 50px; background: url(../assets/presentation/ma_footerBG.jpg) no-repeat; text-align: center; }
div#pageNav { width: 160px; margin: 38px 16px 19px 26px; float: right; font-family:Tahoma, Arial, Helvetica, sans-serif; } 
div#leftContent { width: 352px; margin: 38px 0 19px 0; float: right; border-left:  1px solid #CCC; border-right: 1px solid #CCC; } 
div#interiorLeftContent { width: 545px; margin: 38px 0 60px 0; float: right; border-left:  1px solid #CCC; }
div#rtContent { width: 184px; margin: 38px 26px 19px 0; float: right; display: inline; } 
div#footerContent { width: 714px; height: 33px; margin: 0 17px 17px 17px; border-top: 1px solid #EDE2CB; font: 10px Arial, Helvetica, sans-serif; }
div#header div#searchForm { width: 155px; margin: 0 0 0 600px; padding: 23px 0 0 0; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #EDE2CB; }
div#interiorLeftContent p.divider { background: url(../assets/presentation/divider.gif) no-repeat 50% 50%; height: 30px; }
div#interiorLeftContent p.strong { font-weight: bold; }
div#interiorLeftContent li.strong { font-weight: bold; }


/* Content styles -------------------------- */
div#header div#searchForm p { margin: 0; padding: 0; }
div#header div#searchForm input { margin: 5px 5px 0 0; }
div#leftContent h2, div#rtContent h2 { margin: 5px 20px 0.4em 7px; color: #3A3A61; font: bolder 16px Arial, Helvetica, sans-serif; padding-left: 12px; background: url(../assets/presentation/greySquare.gif) no-repeat 0px 6px;
}
div#leftContent p { margin: 0 20px 1em 20px; font-size: 11px; }
div#interiorLeftContent h1 { margin: 5px 20px 0.4em 7px; color: #3A3A61; font: bold 20px Arial, Helvetica, sans-serif; padding-left: 12px; background: url(../assets/presentation/greySquare.gif) no-repeat 0px 8px; 
}
div#interiorLeftContent h2 { margin: 1.8em 40px 0.4em 20px; color: #3A3A61; font: bold 14px Arial, Helvetica, sans-serif; border-bottom: 1px solid #999; padding: 0 0 1px 1px; }
div#interiorLeftContent h3 { margin: 1em 20px 0.3em 20px; font: bold 14px Arial, Helvetica, sans-serif; color: #333; }
div#interiorLeftContent h4 { margin: 1em 20px 0.3em 28px; font: bold italic 12px Arial, Helvetica, sans-serif; color: #333; }
div#interiorLeftContent p { margin: 0 40px 0.8em 28px; font-size: 11px; }
div#interiorLeftContent a:link, div#interiorLeftContent a:visited { color: #3F3F79; text-decoration: underline; }
div#interiorLeftContent a:hover, div#interiorLeftContent a:active { color: #999; text-decoration: none; }
div#interiorLeftContent a.pointTo:link, div#interiorLeftContent a.pointTo:visited { color: #3F3F79; text-decoration: underline; background: url(../assets/presentation/blueArrowRight.gif) no-repeat 0 2px; padding-left: 9px; }
div#interiorLeftContent a.pointTo:hover, div#interiorLeftContent a.pointTo:active { color: #999999; text-decoration: none; background: url(../assets/presentation/redArrowRight.gif) no-repeat 0 2px; padding-left: 9px; }

div#interiorLeftContent a.goTop:link, div#interiorLeftContent a.goTop:visited { color: #3F3F79; text-decoration: underline; background: url(../assets/presentation/blueArrowUp.gif) no-repeat 0 4px; padding-left: 12px; font-weight: bold; }
div#interiorLeftContent a.goTop:hover, div#interiorLeftContent a.goTop:active { color: #999999; text-decoration: none; background: url(../assets/presentation/redArrowUp.gif) no-repeat 0 0px; padding-left: 12px; font-weight: bold; }

div#interiorLeftContent p.goTop { margin-top: 3em; }

div#interiorLeftContent ul { list-style: square; margin: 0 20px 0.9em 55px; font-size: 11px; }
div#bridge div#interiorLeftContent li { padding: 0 0 0.5em 0; }

/* Index page Right column content ---------------------------- */
div#rtContent p { margin: 0 11px 1em 20px; font-size: 11px; }
div#rtContent h3 { margin: 5px 11px 0.4em 20px; color: #3A3A61; font: bold 12px Arial, Helvetica, sans-serif; }
div#rtContent h4 { margin: 0 11px 0.5em 20px; color: #3A3A61; font: bold 12px Arial, Helvetica, sans-serif; }
div#rtContent ul { margin: 0 11px 1.2em 35px; font-size: 11px; list-style: square; }
div#rtContent p span { font-weight: bold; font-style: italic; text-decoration: underline; }
div#rtContent a:link, div#rtContent a:visited { color: #3F3F79; text-decoration: underline; }
div#rtContent a:hover, div#rtContent a:active { color: #999; text-decoration: none; }

/* Index footer, etc. ---------------------------- */
div#footerContent p { margin: 8px 0 0 0; color: #3A3A61; }
div#pageNav { font-size: 11px; }

/* Interior-page content area forms ---------------------------- */
div#interiorLeftContent div#formcontainer { width: 460px; margin: 0 40px 0.8em 28px; font-size: 11px; border: 1px solid #CCC; padding: 10px; background-color: #FFF; }
div#formcontainer div.clearfix { padding: 3px; vertical-align: top; width: 440px; }
div#formcontainer form label { width: 120px; float: left; color: #003366; margin: 0 10px; }
div#formcontainer form select { font-size: 11px; }
div#formcontainer form div.collect { width: 300px; float: right; }
div#formcontainer form div.moveright { display: block; text-align: right; margin-right: 4px; }

/* Utilities -------------------------- */
.clearfix:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; }
}