/* 
Stylesheet for Bail USA 
Designed by Blue Banana Designs 4-20-2006 
Revised 3-25-2010
*/


/* ELEMENTS */
html {
	margin:0;padding:0;
}
body {
	margin:0 auto;
	padding:0;
	text-align:center; /* IE Win 5.x */
	color:#000;
	background-color: #002868;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(../images/backgrounds/bgd-body.gif);
background-repeat: repeat-x;
background-position: top center;
}
p,blockquote,div,span,h1,h2,h3,h4,h5,h6,table,tr,td,th,ul,ol,li {
	margin:0;
	padding:0;
}

/*  Base font sizes */
p, td, ul, ol, dl {
	font-size:.8em;
}
dl dl {
	font-size:1em;
}
dl dl dt {
	margin-top:1.2em;
	margin-bottom:.5em;
}
ol {
	margin:8px 0px 8px 40px;
}
p {
	margin:0px 0 8px 0;
}
blockquote {
	margin-left:40px;
	margin-right:40px;
}
dt {
font-weight:bold;
	color: #335386;
	background-color:#fff;
}
dd {
	margin:0 0 8px 15px;
}


/* The h1 and h2 tags format the page titles and subtitles. */
#page-title {
margin:0px 0 20px 0px;
padding-top:20px;
width:450px;
height:auto;
background-image:url('/images/backgrounds/glyph-page-title.gif');
background-repeat:no-repeat;
background-position:0 22px;
}
h1 {
	padding:0px 0px 0px 0;
	margin:0px 0px 0px 55px;
	font-size:1.3em;
	line-height:normal;
	font-variant:small-caps;
	height:auto;
	font-family: georgia, 'new york', times, timesNR, serif;
	font-weight: bold;
	color:#335386;
	background-color:#fff;
}


h2 {
 font-family: georgia, 'new york', times, timesNR, serif;
	font-size:1.3em;
	font-variant:small-caps;
	font-weight: normal;
	margin:0px 0 0px 56px;
	padding:0px 0px 0px 0px;
	color:#667EA4;
	background-color: #fff;
	line-height:1em;
}
h3 {
	font-family: arial,verdana,helvetica,sans-serif;
	font-size:1em;
	margin:20px 0 8px 0;
	padding:0;
	color:#667EA4;
	background-color: #fff;
}
h4 {
	font-family: arial,verdana,helvetica,sans-serif;
	font-size:.8em;
	margin:0px 0 0px 0;
	padding:0;
	color:#335386;
	background-color: #fff;
}
h5 {
	font-family: arial,verdana,helvetica,sans-serif;
	font-size:.8em;
	margin:0px 0 0px 0;
	padding:0;
	color:#002053;
	background-color: #fff;
}
a {
	color:#002868;
	background-color: #fff;
}
a:link {
	
}
a:visited {
	
}
a:hover {
	text-decoration: none;
}
hr {
	border-top:none;
	border-right:none;
	border-bottom:1px solid #ccc;
	border-left:none;
	height:1px;
}
hr.dashed {
	border-bottom:1px dashed #7B8DD6;
}

body#sitemap li {

}

body#sitemap ul ul {

}


/* POSITIONING */
#page-wrapper {
	width:700px;
	margin:0px auto;
	height:auto;
	position:relative;
	color:#000;
	background-color:#fff;
	
}
#masthead {
	height:94px;
	width:700px;
}
#masthead img {
	border:none;
}

#content-wrapper {
	position:relative;
	margin:0;
	padding:0;
	height: auto;
	text-align:left;
	width:700px;
	background-image: url(../images/backgrounds/bgd-left-column.gif);
background-color: transparent;
background-repeat: repeat-y;
background-position:0px 100px;
}
#left-column {
	float:left;
	width:155px;
	/*height: auto;*/
	padding-top:0px;
}
#right-column {
	margin:0px 0px 0 155px;
	padding:0 50px 10px 30px;
	background-image: url(/images/backgrounds/column-rt-edge-rt2.gif);
background-position: right top;
background-repeat: no-repeat;
}

/* Apply Holly Hac to zap IE/Win Peekaboo bug. This will cascade to the nested ULs. */
/* Hides from IE5-mac \*/
* html #right-column  {height: 1%;}
/* End hide from IE5-mac */ 



/* LEFT COLUMN */
#navs-main {
	padding:0;
	margin:16px 0 0 0px;
	width:155px;
} 
#navs-main img {
	margin:0;
	padding:0;
	border:none;
}
#navs-main ul {
list-style: none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image: url(../images/navs/bgd-nav-mid.gif);
background-position:top;
background-repeat: repeat-y;
background-color:transparent;
}
#navs-main ul li {
padding:5px 0 5px 15px;
margin:0px 7px 0px 0px;
font-size: .9em;
font-weight:bold;
background-image: url(../images/backgrounds/nav_lvl_1.gif);
background-position:7px 10px;
background-repeat: no-repeat;
border-bottom:1px solid #335386;
background-color:transparent;
color: #335386;
}
#navs-main ul li.last-nav {
	border-bottom:none;
}

#navs-main li a,
#navs-main li a:link,
#navs-main li a:visited {
	display: block;
	line-height:normal;
	margin:0;
	padding:0;
	text-decoration:none;
	color:#335386;
	background-color: #fff;
	height:100%; /* IE7 fix: peekaboo bug */
}
#navs-main li a:hover {
	color:#00183E;
	background-color: #fff;
}

#navs-main ul li.selected-nav {
	background-image: url(../images/backgrounds/nav_lvl_1_a.gif);
}
#navs-main ul li.selected-nav a,
#navs-main ul li.selected-nav a:link, 
#navs-main ul li.selected-nav a:visited {
	color:#C91A42;
	background-color:#fff;
}

/* Navs: level 2 */
#navs-main ul ul {
padding:0 0 5px 0;
margin:4px 0 0 0;
}
#navs-main ul ul li {
font-size: 1.2em;
line-height:1.2em;
font-weight:normal;
border:none;
padding-left:10px;
padding-bottom:3px;
background-position:1px 8px;
}
#navs-main ul ul li a,
#navs-main ul ul li a:link,
#navs-main ul ul li a:visited,
#navs-main ul li.selected-nav ul li a,
#navs-main ul li.selected-nav ul li a:link,
#navs-main ul li.selected-nav ul li a:visited {
	color:#335386;
	background-color:#fff;
}
#navs-main ul ul li a:hover {
	text-decoration:underline;
}

/* Navs: level 3 */
#navs-main ul ul ul li {
font-size: 1.1em;
border:none;
background-image: url(../images/backgrounds/nav_dot.gif);
background-position: 2px 9px;
}
#navs-main ul ul ul li a,
#navs-main ul ul ul li a:link,
#navs-main ul ul ul li a:visited {
color:#335386;
background-color: #fff;
line-height:normal;
}


/***** Member Navigation Pod *****/
div#login-btn {
margin:0px 0 10px 10px;
padding:0;
}
div#login-btn div#sign-in {
width:106px;
height:30px;
display:block;
background-color:transparent;
background-image: url(/images/sign-in-btn.png);
background-position:0	0;
background-repeat:no-repeat;
}
div#login-btn a {
margin:0;
padding:0;
width:106px;
height:30px;
text-indent:-9999px;
display:block;
background-color:transparent;
overflow:hidden;
}
div#login-btn div#sign-in {
width:106px;
height:30px;
display:block;
/* placed here to prevent initial blink */
background-image: url(/images/sign-in-btn.png);
background-position:0	0;
background-repeat:no-repeat;
}
div#login-btn div#sign-in a,
div#login-btn div#sign-in a:link,
div#login-btn div#sign-in a:visited {
background-color:transparent;
background-image: url(/images/sign-in-btn.png);
background-position:0	0;
background-repeat:no-repeat;
}
div#login-btn div#sign-in a:hover  {
background-image: url(/images/sign-in-btn-ovr.png);

}
div#login-btn div#sign-out {
width:106px;
height:30px;
display:block;
/* placed here to prevent initial blink */
background-image: url(/images/sign-out-btn.png);
background-position:0	0;
background-repeat:no-repeat;
}
div#login-btn div#sign-out a,
div#login-btn div#sign-out a:link,
div#login-btn div#sign-out a:visited {
background-color:transparent;
background-image: url(/images/sign-out-btn.png);
background-position:0	0;
background-repeat:no-repeat;
}
div#login-btn div#sign-out a:hover  {
background-image: url(/images/sign-out-btn-ovr.png);
}


/*****Become a member Ad******/
#become-a-member-ad {
	margin-top:10px;
	color:#fff;
	background:#002053;
}
#become-a-member-ad #ad-middle {
margin:0;
padding:0 17px 0 10px;
text-align:center;
	background-image: url(../images/backgrounds/announcement-mid.gif);
background-position:top;
background-repeat: repeat-y;
}
#become-a-member-ad #ad-middle  p {
margin:0;
padding:0px 0 8px 0;
}
#become-a-member-ad #ad-middle p.highlight-box {
	color:#fff;
	letter-spacing:.04em;
	font-size:.7em;
	border:1px solid #fff;
	background-color:#A11535;
	padding:4px 2px;
	font-weight:bold;
	margin-bottom:12px;
}

#become-a-member-ad a {
	color:#fff;
	background:#002053;
}
#become-a-member-ad a:link {
	color:#fff;
	background:#002053;
}
#become-a-member-ad a:visited {
	color:#fff;
	background:#002053;
}

/****** FACEBOOK BADGE *****/
div#facebook-badge {
margin:10px auto 0;
}
div#facebook-badge img {
border:none;
}

/****** TWITTER BADGE *****/
div#twitter-badge {
margin:10px auto 0;
}
div#twitter-badge img {
border:none;
}



/****** TABLES ******/
div.table-cap {
	width:450px;
	margin:0;
	padding:5px 0;
	text-align: center;
	background-color: #002868;
	color: #fff;
}
div.table-cap h4 {
	background-color: #002868;
	color: #fff;
}

table#insurance-sites {
	width:450px;
}
table#insurance-sites td {
	padding:8px 4px 8px 0;
	border-top:1px solid #ccc;
}
table#insurance-sites td.col1 {
	padding-left:8px;
}
table#insurance-sites td.col2 {
	padding-right:8px;
}
table#premium-rate-filings {
	width:450px;
	text-align: right;
}
table#premium-rate-filings td  {
	padding:8px 0px 8px 0;
	border-top:1px solid #ccc;
}
table#premium-rate-filings td.col1  {
 text-align:left;
 padding-left:8px;
}
table#premium-rate-filings td.col2  {
padding-right:10px;
}
table#premium-rate-filings td.col3  {

}
table#premium-rate-filings td.col4  {
padding-right:8px;
}

/**** FORMS ****/

form#application h4, form#choseWrongState h4 {
font-size:80%;
	margin:0 0 10px 0;
	padding:5px 0;
	text-align: center;
	background-color: #002868;
	color: #fff;
}
form#application fieldset {
	border:1px solid #002868;
	padding:8px 8px 8px 8px;
	margin:0 0 20px 0;
}
form#application fieldset legend {
font-weight: bold;
font-size: 70%;
	border:1px solid #002868;
	padding:3px 6px;
	margin:0 0 8px 0;
	color:#002053;
	background:#C0CCE0;
}
form#application table  {
width:100%;

}
form#application td {
	padding:4px;
	margin:0;
}
form#application ul {
	margin:0 0 8px 30px;
}
form#application td.col_1 {
	width:150px;
	text-align:right;
	vertical-align: middle;
}
form#application td.col_2 {
	vertical-align:middle;
}
form#application label {

}
form#application table#references td.col_1 {

}
form#application table#references td.col_2 {

}
#error-message {
	color:#C91A42;
	background-color:#fff;
	border:1px solid #C91A42;
	padding:10px;
}
#error-message p {
}


form#contact-us {
font-size: .8em;
border:1px solid #ccc;
padding:20px;
color:#000;
background:#f9f9f9;
}
form#contact-us .col_1 {
float:left;
	width:100px;
	padding:0;
	margin:0 8px 10px 0;
	text-align:left;
}
form#contact-us .col_2 {
margin:0 0px 10px 0;
	padding:0;
}


/**** LISTS ****/

ul.standard-body-list  {
	margin:0 0 12px 15px;
	padding:0 0 0 15px;
}

#links-list ul,
.links-list ul {
	list-style-type: none;
	list-style-image: url(../images/backgrounds/link-glyph.gif);
	padding-left:2em;
	padding-top:.5em;
	padding-bottom:1em;
}
#links-list ul li,
.links-list ul li {
	padding-bottom:.5em;
}


/***** CALLOUT *****/
#callout {
	border-top:2px solid #335386;
	border-bottom:3px solid #335386;
	width:200px;
	padding:0 0 10px 0;
	font-size:1.3em;
	line-height:1.4em;
	font-weight:normal;
	color:#193E77;
	background-color:#fff;
	font-family: georgia, 'new york', times, timesNR, serif;
background-image: url(/images/backgrounds/callout.jpg);
background-position: top;
background-repeat: no-repeat;
}
.callout-right {
float:right;
margin:20px 0px 20px 20px;
}
.callout-left {
float:left;
margin:20px 20px 20px 0px;
}
#callout .callout-title {
	margin:0; 
	padding:0;
	width:200px;
}
#callout p {
	padding: 5px 10px 5px 10px;
}
.heading-bar {
	padding:0px 10px;
	margin:0px 0px 5px 0px;
	background-color: #C91A42;
	color: #fff;
	font-size:.7em;
	font-weight:bold;
	text-align:left;
	font-family: verdana,arial,sans-serif;
}
/**** Testimonials *****/
/* Revise previous declarations */
#callout .testimonial {
	font-size:.55em;
	font-weight:bold;
	line-height:150%;
	margin:8px 5px 0 5px;
}
#callout .quoteeName {
	font-size:.55em;
line-height:normal;
font-weight:normal;
margin:0px 5px 10px 5px;
}
#callout .quoteeLocation {
	font-style: italic;
	font-weight:normal;
}

/* PHOTO ALBUMS */
.photo-album-pod {
	border:1px solid #002868;
	width:460px;
	margin:20px 0;
}
.photo-album-pod h2 {
	background:#335386;
	color:#fff;
	font:bold .9em arial,sans-serif;
	padding:3px 5px;
	margin:0;
}
.photo-album-pod ul {
	list-style-type: none;
	list-style-image: url(../images/backgrounds/link-glyph.gif);
	padding:.5em 2em 1em 2em;
}
.photo-album-pod ul li {
	margin:6px 0;
}


/* PHOTOS AND TEXT FOR TEAM SPIRIT */
.photo-and-text-box {
border-bottom:1px dashed #335386;
padding:0 0 20px 0;
margin:20px 0;
}
.photo-and-text-box img {
border:1px solid #000;
}
.photo-caption-side {
padding:30px 20px 20px 20px;
vertical-align:middle;
font-size:1.2em;
font-weight:bold;
text-align:center;
color:#335386;
background-color:#fff;
}
.photo-caption-side p {
padding:8px 0;
margin:0;
border-bottom:2px solid #C91A42;
}
.photo-caption-side p.last-para {
border-bottom:none;
}

/* PHOTOS AND TEXT FOR MEET OUR TEAM */
.team-photo-bio-box {
clear:both;
border-top:1px dashed #335386;
padding:20px 0 0px 0;
margin: 20px 0 0px 0;
}
.team-photo-bio-box img {

}
.team-photo-bio-box .team-bio {
padding:0px 0px 0px 0px;
width:230px;
}
.bio-float-right {
	float:right;
	margin-bottom:20px;
}
.bio-float-left {
	float:left;
	margin-bottom:20px;
}
.team-photo-bio-box .team-photo img {
border:1px solid #000;
}

.photo-float-left {
	float:left;
	margin:0 20px 20px 0;
}
.photo-float-right {
	float:right;
	margin:0 0px 20px 20px;
}

/* STAPLES */
#staples-click-here {
	background:url(/images/staplesRegisterBtn.jpg) top center no-repeat;
display:block;
width:179px;
height:52px;
text-indent:-9999px;
margin:15px auto 0;
text-align:center;
}

/* SITEMAP */
#sitemap-list ul {
	font-size: 90%;
	list-style: none;
}
#sitemap-list ul li {
	padding:5px 0 12px 20px;
	margin:5px 0 5px 0;
	border-bottom: 1px solid #ccc;
}
#sitemap-list ul ul li {
border-bottom: none;/* override cascade */
padding-bottom:5px;/* override cascade */
}
#sitemap-list ul ul ul li {
border-bottom: none;/* override cascade */
padding-bottom:5px;/* override cascade */
}



/* FOOTER */
#footer {
	clear: both;
	text-align:center;
	font-size:.8em;
	padding:10px 0px 0 0;
	margin:40px 0px 0 0;
	border-top:2px dotted #ccc;
}
#footer p {
	margin:4px 0px;
	padding:0;
	line-height:1.6em;
}
#footer a {
	text-decoration:underline;
}
#footer a:link {
	color:#314594;
	background-color: #fff;
}
#footer a:visited {
	color:#666;
	background-color: #fff;
}
#footer a:hover {
	color:#314594;
	background-color: #fff;
	text-decoration:none;
}



/* MISC CLASSES */
.small {
	font-size:.6em;
}
.staff-title {
	font-weight:normal;
	font-style: italic;

}

sup.reg-tm-symbol {
	font-size:.7em;
vertical-align:text-top;
font-family:arial,helvetica,sans-serif;
}
.top-photo-float-right {
	float:right;
	margin:5px 0px 10px 20px;
	padding:0;
	border:1px solid #000;
}
.top-photo-float-left {
	float:left;
	margin:5px 20px 10px 0px;
	padding:0;
	border:1px solid #000;
}
.mid-photo-float-right {
	float:right;
	margin:20px 0px 10px 20px;
	padding:0;
	border:1px solid #000;
}
.mid-photo-float-left {
	float:left;
	margin:20px 20px 10px 0px;
	padding:0;
	border:1px solid #000;
}
.inset-photo {
border:1px solid #000;
}