/*Global Classes*/ .clear {clear: both;} .float-left {float: left;} .float-left-pad-right {float: left;padding-right: 10px} .float-right {float: right;} .text-left {text-align: left;} .text-right {text-align: right;} .text-center {text-align: center;} .text-justify {text-align: justify;} .bold {font-weight: bold;} .boldbig {font-size: 12pt;font-weight: bold;} .italic {font-style: italic;} .bolditalic {font-style: italic;font-weight: bold;} .italicbig {font-size: 12pt;font-style: italic;} .underline {border-bottom: 1px solid;} .highlight {background: #ffc;} .wrap {width: 960px;margin: 0 auto;} .img-left {float: left;margin: 4px 10px 4px 0;} .img-right {float: right;margin: 4px 0 4px 10px;} .nopadding {padding: 0;} .noindent {margin-left: 0;padding-left: 0;} .nobullet {list-style: none;list-style-image: none;} .span {text-indent: -9999em;} body {margin: 0;padding: 0;text-align: center;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%;background-color: #428AA9;background-image: url(../img/blue_bg.jpg);background-position: center top;} /*#wrap { behavior: url(iepngfix.htc) } img, div { behavior: url(iepngfix.htc) }*/ /*Headings*/ h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;} h1 {letter-spacing: -1px;font-size: 16pt;color: #FFFFFF;padding-top: 5px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;} h2 {letter-spacing: -1px;font-size: 13pt;padding-top: 0px;padding-right: 0;padding-bottom: 5px;padding-left: 0;color: #071430;font-weight: bold;} h3 {font-size: 10pt;font-weight: bold;} h4 {font-size: 9pt;font-weight: bold;} h5 {font-size: 8pt;font-weight: bold;} .firstcontent {margin: 0;padding: 0;font-size: 12pt;font-family: Verdana, Arial, Helvetica, sans-serif;} /*Common Formatting*/ p {margin: 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;} ul, ol {margin: 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt; list-style-position: outside; padding-left: 1em; margin-left: 1em;} .question {margin: 0;padding: 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 10pt;} .answer {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;padding-bottom: 15px;} .red {color: #CC0000;} blockquote {margin: 1.25em;padding: 1.25em 1.25em 0 1.25em;} small {font-size: 0.85em;} img {border: 0;} sup {position: relative;bottom: 0.3em;vertical-align: baseline;} sub {position: relative;bottom: -0.2em;vertical-align: baseline;} acronym, abbr {cursor: help;letter-spacing: 1px;border-bottom: 1px dashed;} /*Forms*/ form {margin: 0;padding: 0;display: inline;} input, select, textarea {font: 1em Arial, Helvetica, sans-serif;} textarea {width: 100%;line-height: 1.25;} label {cursor: pointer;} /*Tables*/ table {border: 0;margin: 0 0 1.25em 0;padding: 0;} table tr td {padding: 2px;} /*Font Classes*/ .sidebar1content {color: #DBCCC0;} .sidebar2content {color: #EAE8E9;} /*Links*/ a {color: black;text-decoration: none;} a:visited {color: black;text-decoration: none;} a:hover {color: black;text-decoration: none;} a:active {text-decoration: none;} p a {color: #071430;text-decoration: underline;font-family: Verdana, Arial, Helvetica, sans-serif;text-indent: -1px;} p a:visited {text-decoration: underline;color: #071430;} p a:hover {text-decoration: none;color: #FBB03B;} #middle-col-2 ol li a.redLink {color: black;} #middle-col-2 ol li a.redLink:visited {color: black;} #middle-col-2 ol li a.redLink:hover {color: #FF0000; text-decoration:none;} .sitemap {font-size: 18px; line-height:30px; overflow: hidden; padding-left: 10px; } .sitemap ul li{font-size: 16px;} .sitemap a {color: #071430;text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif;text-indent: -1px; border-bottom-style: solid;border-bottom-width: 1px;} .sitemap a:hover{text-decoration: none;color: #FBB03B; border-bottom: 0px;} .sitemap a:visited{text-decoration: none;color: #071430;border-bottom-style: solid;border-bottom-width: 1px;} /*____________________________________________________________________________________________Tags p { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; } h1 { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; } h2 { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; } h3 { font-family: helvetica; font-size: 18px; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; line-height: 18px; } h4 { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; } h5 { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; } h6 { font-family: helvetica; font-size: 14px; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; color: #333; } ul { list-style: none; margin: 0 0 1.5em;} li { margin: 0; padding: 0; } __*/ /*Main Layout_*/ #wrap {width: 1000px;text-align: left;position: relative;background-image: url(../img/fade.png);background-repeat: repeat-y;background-position: center top;margin:0px auto 0px auto;} #contentwrapbg {width: 950px;margin: 0 auto;text-align: left;position: relative;background-color: #FFFFFF;background-image: url(../img/sbcolor50.jpg);background-repeat: repeat-y;background-position: right;} #nobarwrap {width: 950px;margin: 0 auto;text-align: left;position: relative;background-color: #FFFFFF;}/*this is to get ride of the side bar BG on pages without the bar*/ #logo {position: absolute;height: 112px;width: 141px;left: 50px;top: 30px;border: 2px solid #FFFFFF;} #bbb {position: absolute;height: 81px;width: 50px;left: 875px;top: 310px;} #call {position: absolute;width: 591px;left: 334px;top: 118px;} #header {height: 400px;position: relative;background-color: #224072;background-image: url(../img/headbg3.jpg);background-repeat: no-repeat;background-position: center top;} #flashheader {background-color: #224072;background-image: url(../img/headbg2.jpg);background-repeat: no-repeat;background-position: center top;position: absolute;z-index: 1000;overflow:hidden;} #headerbottom {background-color: #071430;padding-right: 20px;padding-left: 20px;position: relative;} #sidebar1 {position: relative;float: right;width: 255px;position: relative;height: 210px;} #sb1bg {position: relative;height: 200px;width: 220px;position: relative;height: 190px;background-image: url(../img/sb1bg.jpg);background-repeat: no-repeat;background-position: top;color: #FFFFFF;} #sidebar1padding {padding-left: 15px;padding-right: 10px;padding-top: 10px;height: auto;} .sidebar2 {position: relative;float: right;width: 255px;margin-top: 10px;border-top: 2px solid #FFFFFF;} .sidebar2 p {font-size: 9pt;} .sidebar2padding {height: auto;padding: 10px 10px 10px 15px;} #mainContent {width: 695px;float: left;margin-bottom: 5px;} #mainContentpadding {padding-left: 20px;padding-right: 15px;padding-top: 10px;padding-bottom: 5px;} .maincontent {}/*class used to apply styles to body copy ONLY!*/ .maincontent ul a:link {color: #071430;text-decoration: underline;font-family: Verdana, Arial, Helvetica, sans-serif;} .maincontent ul a:hover{text-decoration: none;color: #FBB03B; } .maincontent ul a:visited{text-decoration: underline;color: #071430;} /*--------Columb Layouts-----*/ /*CSS 4 columb layout_*/ .top-section {position: relative;left: 0;top: 0;background: red;} .mid-section {background: blue;margin-top: 10px;} .bottom-section {position: relative;left: 0;top: 0;background: green;} .mid-col-1 {position: relative;top: 0;left: 0;width: 220px;float: left;} .mid-col-2 {position: relative;width: 220px;float: left;margin-left: 10px;} .mid-col-3 {position: relative;top: 0;width: 220px;float: left;margin-left: 10px;} .mid-col-4 {position: relative;top: 0;width: 220px;float: left;margin-left: 10px;} .bottom-col-1 {position: relative;padding-right: 10px;clear: left;} /*CSS Ordered List 2 columb layout*/ #mid-section {position: relative;left: 0;top: 0;padding-bottom: 10px;} #mid-col-1 {position: relative;top: 0;left: 0;width: 300px;float: left;} #mid-col-2 {position: relative;top: 0;left: 0;width: 300px;float: left;} /*CSS 2 columb layout*/ #middle-section {left: 0;top: 0;} #middle-col-1 {width: 120px;float: left;padding-top: 5px;} #middle-col-2 {width: 540px;float: right;padding-bottom: 15px;padding-top: 5px;} #middle-col-2 a {color: #071430;text-decoration: underline;font-size: 11pt;} #middle-col-2 a:hover {color: #FBB03B;text-decoration: none;} .middle-section {} .middle-col-1 {position:relative;width: 120px;padding-top: 5px;float:left;} .middle-col-2 {position:relative;width: 540px;padding-bottom: 15px;padding-top: 5px; float:right;} .middle-col-2 a {color: #071430;text-decoration: underline;font-size: 11pt;} .middle-col-2 a:hover {color: #FBB03B;text-decoration: none;} /*CSS 2 columb layout 4 contact page*/ #middle-section {position: relative;left: 0;top: 0;} .addressText p {font-size: 16px;} #contact-col-1 {position: relative;top: 0;left: 0;width: 250px;float: left;} #contact-col-2 {position: relative;top: 0;left: 0;float: left;} #contact-content-col-1 {position: relative;top: 0;left: 0;width: 450px;float: left;} #contact-content-col-2 {position: relative;top: 0;left: 0;float: left;padding-left: 30px;} /*Specific Page Layouts*/ #contactContent {float: left;background-image: url(../img/conflowers.jpg);background-repeat: no-repeat;background-position: right top;width: 950px;} .contactpadding {margin-left: 20px;width: 870px;} #aboutContent {float: left;width: 950px;background: url(../img/sunset.jpg) no-repeat right bottom;} #aboutContentpadding {padding-top: 10px;padding-bottom: 40px;padding-left: 20px;width: 550px;} #aboutSidebar {position: relative;float: right;width: 350px;text-align: right;} #aboutSidebar p {color: #FFFFFF;line-height: 30px;font-size: 18px;font-weight: bold;} #aboutSidebar p span {line-height: 30px;font-size: 24px;font-weight: bolder;} #aboutSidebarpadding {height: auto;padding: 30px 30px 10px 10px;} #resourceContent {width: 100%;float: left;margin-bottom: 5px;} #resourceContentpadding {padding-left: 20px;padding-right: 20px;padding-top: 10px;padding-bottom: 5px;} #map {width: 462px;height: 222px;background: url(../img/a1bondmap.png) no-repeat center center;} .libraryType1 {padding-left: 20px;padding-right: 15px;padding-top: 10px;padding-bottom: 10px;background: #D9D8E9;} .libraryType2 {padding-left: 20px;padding-right: 15px;padding-top: 10px;padding-bottom: 10px;} /*Footer Styles*/ #footer {padding: 0 10px 0 20px;background: #071430;text-align: center;}/*this padding matches the left alignment of the elements in the divs that appear above it. */ #footer p {margin: 0;padding: 10px 0;color: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;} /*zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ #footer p a {color: #FFFFFF;text-decoration: none;}/* Style Footer Link Color*/ #footer p a:hover {color: #FBB03B;text-decoration: none;}/* Style Footer Link Hover */ /*homepage bond boxs*/ #license {width: 430px;border: 2px solid #333333;margin: 10px 0 10px 20px;background-image: url(../img/license.jpg);background-color: #FFFFFF;background-repeat: no-repeat;background-position: right top;padding:10px 220px 10px 10px;} #bailbonds {width: 430px;border: 2px solid #333333;margin: 0 0 10px 20px;height: 100%;background-image: url(../img/bail.jpg);background-color: #FFFFFF;background-repeat: no-repeat;background-position: right top;padding:10px 220px 10px 10px;} #notary {width: 430px;border: 2px solid #333333;margin: 0 0 10px 20px;background-image: url(../img/notary.jpg);background-color: #FFFFFF;background-repeat: no-repeat;background-position: right top;padding:10px 220px 10px 10px;} #performance {width: 430px;border: 2px solid #333333;margin: 0 0 5px 20px;background-image: url(../img/performance.jpg);background-color: #FFFFFF;background-repeat: no-repeat;background-position: right top;padding:10px 220px 10px 10px;} /*homepage active content*/ .bond_header {letter-spacing: -1px;font-size: 13pt; padding-top: 0px; padding-right: 0; padding-bottom: 5px; padding-left: 0; color: #011D3F;text-decoration: none;} .bond_content {margin: 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;color: #555555;text-decoration: none;} .bond_header a {text-decoration: none;} .bond_content a {text-decoration: none;} a p.bond_header {text-decoration: none;} a:hover p.bond_header {color: #FBB03B;text-decoration: none;} a:hover p.bond_content {color: #000000;text-decoration: none;} .call a {color: #FFFFFF;text-decoration: none;font-size: 13pt;font-family: Verdana, Arial, Helvetica, sans-serif;} .call a:visited {text-decoration: none;color: #FFFFFF;} .call a:hover {text-decoration: none;color: #FFFFFF;} .call span {color: #FBB03B;} /*Custom Page Scroll Classes*/ .scrolllicense {overflow: auto;width: 225px;height: 650px;position: relative;} .scrollbail {overflow: auto;width: 225px;height: 550px;position: relative;} .scrollnotary {overflow: auto;width: 225px;height: 320px;position: relative;} .scrollperformance {overflow: auto;width: 225px;height: 400px;position: relative;} .scrollrenewals {overflow: auto;width: 225px;height: 400px;position: relative;} /*Custom Page Content Images*/ #licenseContent {width: 695px;float: left;margin-bottom: 5px;background-image: url(../img/licensepg.jpg);background-repeat: no-repeat;background-position: right top;} #bailContent {width: 695px;float: left;margin-bottom: 5px;background-image: url(../img/bailpg.jpg);background-repeat: no-repeat;background-position: right top;} #notaryContent {width: 695px;float: left;margin-bottom: 5px;background-image: url(../img/notarypg.jpg);background-repeat: no-repeat;background-position: right top;} #performanceContent {width: 695px;float: left;margin-bottom: 5px;background-image: url(../img/performancepg.jpg);background-repeat: no-repeat;background-position: right top;} #fullContent {width: 950px;float: left;margin-bottom: 5px;} /*Utility*/ .rightpad {margin-right: 220px;font-size: 11pt;} .scroll {overflow: auto;width: 225px;height: 400px;position: relative;} .clearfloat {clear: both;height: 0;font-size: 1px;line-height: 0px;}/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ div.loader {background-image: url(../img/navbluetrans.png);margin-left: -9999px; height: 0px; width: 0px}/*CSS Preloader_*/ .topspace10 {margin-top: 10px;} .horange {color: #FBB03B;}