﻿/* GLOBAL SETUP */
html, body, form {margin:0;padding:0;height:100%;}

body,html {margin: 0; padding: 0;font-family: Arial, Tahoma, Helvetica;color:#695133;line-height:18px;font-size: 12px;background:url(../images/site-bg.gif) repeat-x #FFFFFF;}

img, div { behavior: url(iepngfix.htc) }

img {border:0;}
table {border-collapse:collapse;}
table td {padding:0;}

a { color: #3D7199; }
a:hover { color: #695133; }

.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}

h1 { margin:0 0 15px 0;font-size:18px;font-weight:normal; }
h1.underlinedTitle { margin:0 0 15px 0;font-size:20px;font-weight:normal; background: transparent url(../images/dotted-underline.gif) repeat-x scroll bottom left; padding: 0 0 9px 0; color: #5B4428; }
h1.underlinedTitle span.highlight { color: #BC6F03; }
h3 { margin:0 0 15px 0; font-size: 18px; }
h4 { margin:0 0 5px 0;font-size:18px;font-weight:bold;border-bottom:1px solid #dbd7c5;}

.invalidField { background-color: #FFCFCF; }

/* MASTERPAGE */
.siteContainer {width:100%;position:relative;margin:0 auto;height:auto !important;height:100%;min-height:100%;}

.siteHeaderContainer {width:960px;height:102px;padding:0;margin:0 auto;z-index:99;position:relative;}
.siteHeader {width:960px;height:102px;margin:0 auto;}
.siteHeader .siteLogo {width:238px;margin:0;padding:0;line-height:0.1em;font-size:0.1em;}
.siteHeader .siteLinks {width:722px;margin:0;padding:0;}
.siteHeader .siteLinks .siteTagline {width:722px;height:38px;padding:20px 0 0 0;color:#b2c6d7;font-size:11px;text-align:right;}
.siteHeader .siteLinks .siteTagline a {color:#b2c6d7;text-decoration:none;}
.siteHeader .siteLinks .siteTagline a:hover {color:#b2c6d7;text-decoration:underline;}
.siteHeader .siteLinks .siteMenu {height:44px;}

.siteContentContainer {width:100%;margin:0 auto;padding-bottom:55px;background:url(../images/content-bg.gif) no-repeat center top;z-index:50;position:relative;}

.siteFooterContainer {position:absolute;width:100%;bottom:0;z-index:99;}
.siteFooter {width:100%;color:#a0906b;text-decoration:none;text-align:center;font-size:11px;line-height:24px;border-top:1px solid #c9c59f;}
.siteFooter a {color:#a0906b;text-decoration:none;}
.siteFooter a:hover {color:#a0906b;text-decoration:underline;}

/* HOMEPAGE */
.homeContainer {width:100%;position:relative;background:url(../images/home-bg.jpg) no-repeat top center;}
.homeContent {width:973px;padding:6px 0 0 0;margin:0 auto;overflow:auto;position:relative;background:url(../images/home-bg.jpg) no-repeat top center;}
.homeFlashContainer {line-height:0.1em;font-size:0.1em;}

.homeBrowseContainer {width:438px;position:absolute;right:0;top:9px;}
.homeBrowseContainer .titleArea {width:438px;position:relative;z-index:99;}
.homeBrowseContainer .contentArea {width:414px;height:421px;padding:0 12px;color:#5d89b3;background:url(../images/home-browse-span.png) no-repeat;}
.homeBrowseContainer .contentArea .step1 {width:414px;height:34px;position:relative;z-index:99;}
.homeBrowseContainer .contentArea .step2 {width:414px;height:34px;position:relative;z-index:99;}
.homeBrowseContainer .contentArea .step3 {width:414px;height:34px;position:relative;z-index:99;}
.homeBrowseContainer .contentArea .headers {width:414px;height:33px;color:#406a8d;position:relative;z-index:99;}
.homeBrowseContainer .contentArea .links {width:414px;height:45px;font-size:11px;position:relative;z-index:99;}
.homeBrowseContainer .contentArea .links a {color:#5d89b3;}
.homeBrowseContainer .contentArea .links ul {margin:0;padding:0;list-style:none;}
.homeBrowseContainer .contentArea .links li  {margin:0 0 5px 0;padding:0 0 0 10px;background:url(../images/bullet-02.gif) no-repeat;}
.homeBrowseContainer .footerArea {width:414px;height:56px;padding:0 12px;color:#5d89b3;background:url(../images/home-browse-bottom.png) no-repeat;}
.homeBrowseContainer .footerArea .leftText {width:210px;padding-left:10px;margin:8px 0 0 10px;line-height:14px;float:left;background:url(../images/bullet-01.gif) no-repeat;position:relative;z-index:99;}
.homeBrowseContainer .footerArea .rightText {width:164px;margin:5px 5px 0 0;float:right;position:relative;z-index:99;}

.homeSpotlight {width:535px;margin:7px 0 0 0;}
.homeSpotlight .spotlight1 {float:left;}
.homeSpotlight .spotlight1 .text {width:224px;padding:0 20px 0 25px;}
.homeSpotlight .spotlight2 {float:left;}
.homeSpotlight .spotlight2 .text {width:236px;padding:0 15px;}


/* CONTENT PAGE */
.contentContentTop {width:983px;height:6px;margin:0 auto;font-size:0.1em;line-height:0.1em;}
.contentContent {width:983px;margin:0 auto;overflow:auto;background:url(../images/content-bg-span.png) repeat-y;}
.contentContent .contentStart {width:953px;margin:0 auto;position:relative;z-index:99;}
.contentContentBottom {width:983px;height:20px;margin:0 auto;background:url(../images/content-bg-bottom.png) no-repeat;}

.pageHeaderArea {width:953px;height:115px;background:url(../images/page-split-banner-bg.jpg) no-repeat;}
.pageHeaderAreaSlim {width:953px;height:115px;background:url(../images/page-split-slim-banner-bg.jpg) no-repeat;}
.headerContainer {width:953px;height:100px;color:#FFFFFF;font-weight:bold;}
.headerContainer p { margin:0; padding: 0 20px 0 0; }
.leftColumn {width:224px;}
.rightColumn {width:640px;height:460px;padding:20px 50px 10px 39px;background:url(../images/right-content-bg.gif) no-repeat left bottom;}
.fullWidth { height:460px;padding:20px 67px 10px 84px; background:url(../images/full-content-bg.gif) no-repeat center bottom; }


/* CONTRACTORS LANDING PAGE */
.contractorsHeader {width:540px;height:151px;padding:0 0 0 413px;background:url(../images/page-contractors-banner-bg.jpg) no-repeat;position:relative;}
.contractorsHeader a {padding:2px 0 0 8px;color:#FFFFFF;text-decoration:none;background:url(../images/bullet-02.gif) no-repeat;}
.contractorsContent {width:540px;padding:0 0 0 413px;margin:25px 0 10px 0;}
.contractorsContent .highlight {width:521px;height:81px;font-weight:bold;color:#000000;background:url(../images/contractor-entry.gif) no-repeat;}
.contractorsContent .highlight a {color:#000000;}
.contractorsIntro {width:378px;height:678px;position:absolute;left:15px;top:20px;background:url(../images/contractors-intro-bg.png) no-repeat;}
.contractorsIntro .photo {width:342px;margin:7px auto 0 auto;position:relative;z-index:99;}
.contractorsIntro .text {width:322px;margin:20px auto 0 auto;position:relative;z-index:99;}


/* LEFT NAV */
ul.leftNav { width:224px;margin:30px 0; list-style-type: none; padding: 0; }
ul.leftNav li {width:185px;padding:5px 0 5px 15px;margin:0 0 0 24px;border-bottom:1px solid #dad8c3;display:block;background:url(../images/left-nav-bullet.gif) no-repeat;}
ul.leftNav li.on { width:185px;padding:5px 0 5px 15px;margin:0 0 0 24px;font-weight:bold;border-bottom:1px solid #dad8c3;display:block;background:url(../images/left-nav-bullet.gif) no-repeat;}
ul.leftNav li:hover { font-weight:bold; }
ul.leftNav li a { color: #5b4428; text-decoration: none; margin-right:20px; }

.leftNavSpotlight {width:170px;margin:0 auto;line-height:18px;font-size:11px;}
.hidden {display:none;}
.show {display:block;}

/* CATEGORY/STATE/BOND BROWSING */
.backLink { font-size: 11px; padding: 0 0 7px 0; }
.moreInfoText { font-weight: bold; color: #5B4428; padding: 0 0 7px 0; }

.tblBonds { width: 100%; }
.tblBonds tr { height: 31px; }
.tblBonds tr a { padding-left: 15px; background: url(../images/bullet-03.gif) no-repeat left center; }
.tblBonds td { padding: 0 3px; }
.tblBonds td.alt { background: url(../images/alternating-row-bg.gif) repeat-x top left; }

.tblBondDetails { width: 100%; }
.tblBondDetails td.column1 { width: 65%; }
.tblBondDetails td.column2 { width: 35%; padding: 0 0 20px 20px; }

.bondDescription { }
.bondDescription h3 { padding: 0; margin: 0 0 2px 0; font-size: 11pt; }
.bondDescription p { margin: 0 0 10px 0; }


.inset-01 { width: 278px; height: 296px; background: url(../images/inset-01.gif) no-repeat top left; position: relative; }
.inset-01 .btnOrder { position: absolute; top: 29px; left: 26px; }
.inset-01 .btnQuestions { position: absolute; top: 102px; left: 38px; }

/* WEB BLOCK CONTACT FORM */
.labelColumn {width:100px;padding-bottom:2px;}
.fieldColumn {padding-bottom:2px;}
.textField {width:200px;}
.textArea {width:200px;height:100px;}


/* MOO FX */
.mooHeader {width:620px;margin:0 auto;font-family:Palatino;font-size:14px;border-bottom:1px solid #FFFFFF; cursor:pointer;}
.mooText {width:620px;margin:0 auto 10px auto;color:#000000;background:#B0B8CA;}
.mooText .text {width:590px;padding:10px 15px;}

/* ORDER PAGE */
table.box-CompanyType { background-color: #E8EFF7; }
table.box-CompanyType td { padding: 12px; }

.order-bond-validationBox { background-color: #FFCFCF; border: 1px solid Red; padding: 10px; margin-bottom: 10px; }

table.order-bond-table { width: 100%; margin-top: 10px; }
table.order-bond-table th { background-color: #A48B63; padding: 7px; color: White; text-align: left; font-size: 14px; }
table.order-bond-table td { padding: 5px; }
table.order-bond-table td.labelColumn { width: 25%; text-align: right; }
table.order-bond-table td.fieldColumn { width: 25%; }
table.order-bond-table td.detailsColumn { width: 50%; }

table.order-bond-table .inputBox { width: 220px; }

/* THANK-YOU PAGE */
.tblThankYou { margin-top: 15px; width: 100%; }
.tblThankYou td { padding: 10px 0; }
.tblThankYou td.colIcon { width: 50px; text-align: left; }
.tblThankYou td.colCenter { }
.tblThankYou td.colButton { }
.tblThankYou td.divider { padding: 0; background: transparent url(../images/dotted-underline.gif) repeat-x scroll left center; }
.tblThankYou .largeBold { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.tblThankYou .largeItalic { font-size: 18px; font-style:italic; font-weight: normal; }
.tblThankYou .largeBold a { text-decoration: underline; }


.headerContainer a { color: #FFB43F; }

/* FAQ Menu */
.accordion { padding-bottom: 10px; }
.accordion h4:hover { background-color:#EFEFE5; }
.accordion h4 {
	background:transparent url(../Images/bullet-faq.gif) no-repeat 620px 12px;
	border-bottom:1px solid #B6A783;
	cursor:pointer;
	font-size:12px;
	margin:0 0 15px;
	padding:4px 0 3px 6px; }
.accordion div { padding-bottom: 14px; padding-left:6px; }


/* SITEMAP */
.sitemap ul {margin:0 0 0 30px;padding:0;}