body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #428AA9;
	background-image: url(../img/blue_bg.jpg);
	background-position: center top;
}

/*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;
}

.span{
	text-indent: -9999em;
}

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;
}

.firstcontent {
	margin:0;
	padding:0;
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*Common Formatting*/

ul, ol {
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
padding-left: 32px;
}
p {
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.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:10;
}

table tr td {
	padding:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/*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; }

/*Font Classes*/

.sidebar1content {
	color: #DBCCC0;
}

.sidebar2content {
	color: #EAE8E9;
}

/*Links*/


a:active {
	color: red;
	text-decoration: none;
	}
	
p a:link {
	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;
}

.bodylink {
	color: #071430;
	text-decoration: underline;
	font-size: 11pt;
}

.bodylink:hover{
	color: #FBB03B;
	text-decoration: none;
}

/*____________________________________________________________________________________________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-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 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 {/*this is to get ride of the side bar BG on pages without the bar*/
	width:950px;
	margin:0 auto;
	text-align: left;
	position: relative;
	background-color:#FFFFFF;
}

#navbar {
	position: absolute;
	top: 8px;
	left: 88px;
	width: 855px;
}

#logo {
	position: absolute;
	height: 112px;
	width: 141px;
	left: 50px;
	top: 75px;
	border: 2px solid #FFFFFF;
} 

#bbb {
	position: absolute;
	height: 82px;
	width: 160px;
	right: 6px;
	top: 106px;
}

#serve {
	position: absolute;
	width: 591px;
	left: 354px;
	top: 196px;
} 

#header {
	height: 234px;
	position: relative;
	background-color: #224072;
	background-image: url(../img/headbg3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
} 

#flashheader {
	height: 234px;
	background-color: #224072;
	background-image: url(../img/headbg3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
} 

#headerbottom {
	background-color: #071430;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
} 

#sidebar1 {
	position:relative;
	float: right;
	width: 250px;
	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: 10px;
	padding-right: 10px;
	padding-top: 10px;
	height: auto;
} 

#sidebar2 {
	position:relative;
	float: right;
	width: 250px;
}

#sidebar2padding {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	height: auto;
	padding-bottom: 10px;
} 


#mainContent {
	width: 695px;
	float: left;
	margin-bottom: 5px;
}

#mainContentpadding {
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
} 

/*--------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 {
	position:relative;
	top:0;
	left:0;
	width:120px;
	float: left;
	padding-top: 5px;
}
  
#middle-col-2 {
	position:relative;
	top:0;
	left:0;
	width:540px;
	float: left;
	padding-bottom: 15px;
	padding-top: 5px;
}


/*CSS  2 columb layout 4 contact page*/

#middle-section {
	position:relative;
	left:0;
	top:0;
}

#middle-section p {
	font-size: 13pt;	
}

#contact-col-1 {
	position:relative;
	top:0;
	left:0;
	width:250px;
	float: left;
}

#contact-col-2 {
	position:relative;
	top:0;
	left:0;
	float: left;
}


/*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: 600px;
}

#aboutContent {
	float: left;
	width: 950px;
	background: url(../img/sunset-background.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; hight: 222px;
}

/*Footer Styles*/
#footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#071430;
	text-align: center;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer p a { /* Style Footer Link Color*/
	color: #FFFFFF;
	text-decoration: none;
}

#footer p a:hover { /* Style Footer Link Hover */
	color: #FBB03B;
	text-decoration: none;
}

/*homepage bond boxs*/

#bailbonds {
	width: 430px;
	border: 2px solid #333333;
	margin-bottom: 10px;
	margin-left: 20px;
	height: 100%;
	background-image: url(../img/bail.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 10px;
	padding-right: 220px;
	padding-top: 10px;
	padding-bottom: 10px;
} 

#license {
	width: 430px;
	border: 2px solid #333333;
	margin-bottom: 10px;
	margin-left: 20px;
	background-image: url(../img/license.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 220px;
	padding-top: 10px;
	padding-bottom: 10px;
} 

#notary {
	width: 430px;
	border: 2px solid #333333;
	margin-bottom: 10px;
	margin-left: 20px;
	background-image: url(../img/notary.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 10px;
	padding-right: 220px;
	padding-top: 10px;
	padding-bottom: 10px;
} 

#performance {
	width: 430px;
	border: 2px solid #333333;
	margin-bottom: 5px;
	margin-left: 20px;
	background-image: url(../img/performance.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 10px;
	padding-right: 220px;
	padding-top: 10px;
	padding-bottom: 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:link{
	text-decoration: none;
}

.bond_content a:link{
	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 {
        float: left;
	padding: 5px;
 	color: #FFFFFF;
	text-decoration: none;
	font-size: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.call a {
       color: #FFFFFF;
}
#call a {
	width: 100%;
}

.serve span {
	color: #FBB03B;
	text-decoration: none;
	font-size: 13pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*Custom Page Scroll Classes*/
.scrolllicense {
	overflow:auto;
	width: 225px;
	height:650px;
	position: relative;
}

.scrollbail {
	overflow:auto;
	width: 225px;
	height:400px;
	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;
} 

#pdfContent {
	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 { /* 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 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div.loader{  /*CSS Preloader_*/
	background-image: url(../img/navbluetrans.png);
	margin-left:-9999px;
}

.horange {
	color: #FBB03B;
}