﻿/* 
Surety Financial Style Sheet
Colors
light blue: #C4D9E6
orange: #FF9F41
dark blue: #003F97
grey: #666
-------------------- */

/* Global Styles
----------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    margin-bottom: 1px;
}

body {
    background: url("../images/body_bg.jpg") 0 0 repeat-x #C4D9E6;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #666;
}

ul, li {
    list-style: none;
}

h1 {
}

h2 {
    background:inherit;
    color:#666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.9em;
    font-weight:normal;
    letter-spacing:-0.01em;
}

h3 a {
    color:#999999;
    text-decoration:none;
}

h3 a:hover {
    color:#E7811D;
    text-decoration:none;
}

h5 {
    background:inherit;
    color:#FF9D3C;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.4em;
    font-weight:normal;
    letter-spacing:-0.01em;
}

h6 {
    border-bottom:1px solid #ddd;
    font-size:0.9em;
    margin:9px 0;
}

h6 a {
    text-decoration:none; 
}

h7 {
    background:inherit;
    color:#FF9D3C;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.5em;
    font-weight:normal;
    letter-spacing:-0.01em;
    border-bottom:none;
    margin:9px 0;
}

h7 a {
    background-color: inherit;
    color: #06f;
    text-decoration:none; 
}
p {
    margin: 0.5em 0 1em 0;
    line-height: 1.3em;
}

a:link {
    background-color: inherit;
    color: #06f;
}

a:visited {
    background-color: inherit;
    color: #0044a9;
}

a:hover {
    background-color: inherit;
    color: #036;
}

a:active {
    background-color: inherit;
    color: #c6c8ca;
}

/* Divs
----------------------------------------- */
#wrapper {
    color:#333;
    background:inherit;
    margin:0 auto;
    width:958px;
    height:139px;
}

#phone {
    color:#333;
    background: url("../images/page_bg.gif") 0 0 repeat-y;
    width:958px;
}

#phone h3 {
    background:inherit;
    color:#666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.35em;
    font-weight:700;
    letter-spacing:-0.01em;
    margin-right:40px;
    padding:10px 0;
    text-align:right;
}

#page {
    background: url("../images/page_bg.gif") 0 0 repeat-y;
    width:958px;
}

#header {
    background: url("../images/header_bg.gif") 0 0 no-repeat;
    width:958px;
    height:139px;
}

#header h1 {
 background-image:
}

#logoarea {
    float:left;
    height:78px;
    margin:0 auto;
    width:228px;
}

/* Home Sections
----------------------------------------- */

#homepage {
    height:500px;
    margin-top:-58px;
}

#homeleft {
    float:left;
    text-align:left;
    width:532px;
    height:500px;
    overflow:hidden;
}

#homeright {
    float:left;
    margin-top:20px;
    padding-left:5px;
    text-align:left;
    width:421px;
}

.homeagentsignin {
    margin-left:250px;
	padding-bottom:10px;
}

.prequalify {
    margin:10px 0 0 550px;
}

.hometitle {
}

.homecontent {
    margin:10px 0 0 0;
    padding:0 40px 0 0;
}

.homecontent ul {
	margin:0 0 0 10px; 
}
.homecontent li { 
    list-style:circle;
    margin:5px 0;
}

.rollstart li {
    list-style:none;
}

.homecontent p {
    line-height: 1.55em;
}

.searchbyagent {
    float:left;
    margin:10px 0 0 5px;
    height:25px;
    text-align:right;
    width:170px;
}

.searchor {
    float:left;
    height:20px;
    margin-top:15px;
    text-align:center;
    width:20px;
}

.searchbylocation {
    float:left;
    height:25px;
    margin-top:10px;
    text-align:left;
    width:170px;
}

#loginpage {
    height:500px;
    margin-top:-58px;
}

#loginleft {
    float:left;
    text-align:left;
    width:248px;
}

#loginright {
    float:left;
    margin-top:20px;
    text-align:left;
    width:710px;
}

.rolllogin {
    margin:10px 0 0 100px;
}

.rolllogin li.l-optimal-blue a {
    display:block;
    height:38px;
	text-indent:-9999px;
    width:224px;
    background: url("../images/bu_l-optblue.gif");
}

.rolllogin li.l-optimal-blue a:hover {
    background-position:0 -41px;
}

.rolllogin li.l-encompass a {
    display:block;
    height:38px;
	text-indent:-9999px;
    width:224px;
    background: url("../images/bu_l-encompass.gif");
}

.rolllogin li.l-encompass a:hover {
    background-position:0 -41px;
}

.rolllogin li.l-email a {
    display:block;
    height:38px;
	text-indent:-9999px;
    width:224px;
    background: url("../images/bu_l-email.gif");

}

.rolllogin li.l-email a:hover {
    background-position:0 -41px;
}

.rolllogin li.l-guidelines a {
    display:block;
    height:38px;
	text-indent:-9999px;
    width:224px;
    background: url("../images/bu_l-guidelines.gif");
}

.rolllogin li.l-guidelines a:hover {
    background-position:0 -41px;
}

.rolllogin li.l-marketing-flyers a {
    display:block;
    height:38px;
	text-indent:-9999px;
    width:224px;
    background: url("../images/bu_l-flyers.gif");
}

.rolllogin li.l-marketing-flyers a:hover {
    background-position:0 -41px;
}

/* Button roll overs
----------------------------------------- */
.rollstart {
    height:46px;
    width:222px;
}

.rollstart ul {
    padding:0;
    margin:0;
    list-style:none;
}

.rollstart li a {
    display:block;
    text-indent:-9999px;
    height:36px;
    overflow:hidden;
}

.rollstart li.b-start a {
    background: url("../images/bu_start_application.gif");
    width:222px;
}

.rollstart li.b-start a:hover {
    background-position:0 -36px;
}

/* Button roll overs
----------------------------------------- */
.rollsignin {
    height:24px;
    width:89px;
}

.rollsignin ul {
    padding:0;
    margin:0;
    list-style:none;
}

.rollsignin li a {
    display:block;
    text-indent:-9999px;
    height:24px;
    overflow:hidden;
}

.rollsignin li.b-signin a {
    background: url("../images/bu_pre.gif");
    width:95px;
}
.rollsignin li.b-signin a:hover {
    background-position:0 -24px;
}

/* Button roll overs
----------------------------------------- */
.rollpremed {
    height:31px;
    width:117px;
}

.rollpremed ul {
    padding:0;
    margin:0;
    list-style:none;
}

.rollpremed li a {
    display:block;
    text-indent:-9999px;
    height:31px;
    overflow:hidden;
}

.rollpremed li.b-premed a {
    background: url("../images/bu_pre_med.gif");
    width:117px;
}
.rollpremed li.b-premed a:hover {
    background-position:0 -31px;
}

/* Button roll overs
----------------------------------------- */
.rollprelrg {
    height:36px;
    width:143px;
}

.rollprelrg ul {
    padding:0;
    margin:0;
    list-style:none;
}

.rollprelrg li a {
    display:block;
    text-indent:-9999px;
    height:36px;
    overflow:hidden;
}

.rollprelrg li.b-prelrg a {
    background: url("../images/bu_pre_lrg.gif");
    width:143px;
}
.rollprelrg li.b-prelrg a:hover {
    background-position:0 -36px;
}

/* Button roll overs
----------------------------------------- */
.rollemaillrg {
    height:36px;
    width:143px;
}

.rollemaillrg ul {
    padding:0;
    margin:0;
    list-style:none;
}

.rollemaillrg li a {
    display:block;
    text-indent:-9999px;
    height:36px;
    overflow:hidden;
}

.rollemaillrg li.b-emaillrg a {
    background: url("../images/bu_email_lrg.gif");
    width:143px;
}
.rollemaillrg li.b-emaillrg a:hover {
    background-position:0 -36px;
}

/* Button roll overs
----------------------------------------- */
.rollreadmore {
    height:38px;
    width:143px;
}

.rollreadmore ul {
    padding:0;
    margin:0;
    list-style:none;
}

.rollreadmore li a {
    display:block;
    text-indent:-9999px;
    height:38px;
    overflow:hidden;
}

.rollreadmore li.b-readmore a {
    background: url("../images/bu_readmore.gif");
    width:143px;
}
.rollreadmore li.b-readmore a:hover {
    background-position:0 -38px;
}


/* Inside Sections
----------------------------------------- */

#insidenav {
    background: #fff url(../images/insidenav_upper.jpg) 0 0 no-repeat;
    display:inline-block;
    float: left;
    padding-top:50px;
    width: 246px;
}

#insidenav li a {
    display:block;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.1em;
    font-weight:700;
    height:25px;
    letter-spacing:-0.015em;
    margin:0;
    padding:10px 0 0 0;
    text-align:left;
    text-decoration:none;
    text-indent:40px;
    text-transform:uppercase;
    width:248px;
}

#insidenav a:link {
    background:inherit;
    color:#666;
}

#insidenav a:visited {
    background:inherit;
    color:#666;
}

#insidenav a:hover {
    background:url(../images/insidenav_hover_bg.jpg) 0 0 no-repeat;
    color:#E7811D;
}

#insidenav a:active {
    background:inherit;
    color:#666;
}

#insidenav li li a {
    background:url(../images/insidenav_square.gif) 0 0 no-repeat;
    color:inherit;
    display:block;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.0em;
    font-weight:700;
    height:20px;
    letter-spacing:-0.015em;
    margin:6px 0 0 35px;
    padding:1px 0 0 0;
    text-align:left;
    text-decoration:none;
    text-indent:22px;
    text-transform:none;
    width:248px;
}

#insidenav li li a:link {
    background:url(../images/insidenav_square.gif) 0 0 no-repeat;
    color:#666;
}

#insidenav li li a:visited {
    background:url(../images/insidenav_square.gif) 0 0 no-repeat;
    color:#666;
}

#insidenav li li a:hover {
    background:url(../images/insidenav_square.gif) 0 0 no-repeat;
    color:#E7811D;
}

#insidenav li li a:active {
    background:url(../images/insidenav_square.gif) 0 0 no-repeat;
    color:#666;
}


/* Inside over
----------------------------------------- */
.overview #insidenav .i-overview {
    background:url(../images/insidenav_hover_bg.jpg) 0 0 no-repeat;
    color:#E7811D;
}

.management #insidenav .i-management {
    background:url(../images/insidenav_hover_bg.jpg) 0 0 no-repeat;
    color:#E7811D;
}

.directory #insidenav .i-directory {
    background:url(../images/insidenav_hover_bg.jpg) 0 0 no-repeat;
    color:#E7811D;
}

.locations #insidenav .i-locations {
    background:url(../images/insidenav_hover_bg.jpg) 0 0 no-repeat;
    color:#E7811D;
}

/* Inside (2) over
----------------------------------------- */

.apply #insidenav .t-apply {
    background:url(../images/insidenav_hover_bg.jpg) 0 0 no-repeat;
    color:#E7811D;
}

.checklist #insidenav .t-checklist {
    background:url(../images/insidenav_hover_bg.jpg) 0 0 no-repeat;
    color:#E7811D;
}

.affiliates #insidenav .t-affiliates {
    background:url(../images/insidenav_hover_bg.jpg) 0 0 no-repeat;
    color:#E7811D;
}

.links #insidenav .t-links {
    background:url(../images/insidenav_hover_bg.jpg) 0 0 no-repeat;
    color:#E7811D;
}

.news #insidenav .t-news {
    background:url(../images/insidenav_hover_bg.jpg) 0 0 no-repeat;
    color:#E7811D;
}

.calculator #insidenav .t-calculator {
    background:url(../images/insidenav_hover_bg.jpg) 0 0 no-repeat;
    color:#E7811D;
}



/* Inside hidden
----------------------------------------- */
.directory #insidenav ul.h-directory {
    display:inline-block;
}
.overview #insidenav ul.h-directory {
    display:none;
}
.management #insidenav ul.h-directory {
    display:none;
}
.locations #insidenav ul.h-directory {
    display:none;
}
.hidden #insidenav ul.h-directory {
    display:none;
}


/* mainpage
----------------------------------------- */
#mainpage {
    display:inline-block;
    float: left;
    width: 699px
}

/* locationpage
----------------------------------------- */
#locationpage {
    display:inline-block;
    float: left;
    width: 699px
}

#locationpage a {
    font-weight:bold;
    text-decoration:none;
}

#locationpage a:link {
    background:inherit;
    color:#E7811D;
}

#locationpage a:visited {
    background:inherit;
    color:#E7811D;
}

#locationpage a:hover {
    background:inherit;
    color:#FF4316;
}

#locationpage a:active {
    background:inherit;
    color:#E7811D;
}

/* locationpage
----------------------------------------- */

#namestitles {
    float: left;
    padding:0 20px;
    width: 664px;
}

#subnav {
    border-top:1px solid #CCC;
    margin:0 20px;
    float: left;
    text-align:right;
    width: 664px;
}

#namestitles a {
    background:url(../images/left_arrow.gif) 0 0 no-repeat;
    color: #666;
    font-size:0.9em;
    font-weight:bold;
    padding-left:14px;
    text-decoration:none;
}

#namestitles a:link {
    background-color: inherit;
    color: #E7811D;
}

#namestitles a:visited {
    background-color: inherit;
    color: #E7811D;
}

#namestitles a:hover {
    background-color: inherit;
    color: #FF9F41;
}

#namestitles a:active {
    background-color: inherit;
    color: #E7811D;
}

#subnav ul li {
    color: #666;
    font-weight:bold;
}

#subnav a {
    color: #666;
    font-size:0.9em;
    font-weight:bold;
    text-decoration:none;
}

#subnav a:link {
    background-color: inherit;
    color: #E7811D;
}

#subnav a:visited {
    background-color: inherit;
    color: #E7811D;
}

#subnav a:hover {
    background-color: inherit;
    color: #FF4316;
}

#subnav a:active {
    background-color: inherit;
    color: #E7811D;
}

#subnav a .on {
    color: #666;
}

#subnav ul, #subnav li {
    display:inline;
}

#subnav li {
    background:url(../images/subnav_bg.gif) 0 0 no-repeat;
    color:inherit;
    padding:0 5px 0 15px;
    text-align:center;
}

#subnav li.first {
    background:none;
}

/* agent layout
----------------------------------------- */
#agentpage {
    background: #fff url(../images/insidenav_short_bg.jpg) 0 0 repeat-y;
    margin-top:-55px;
    width:950px;
}

#agentleft {
    display:inline-block;
    float: left;
    margin:-10px 0 0 0;
    padding:0 20px;
    width: 146px;
}

#agentleft {
    font-size:0.9em;
}

#agentright {
    float: left;
    width: 440px;
}

/* team layout
----------------------------------------- */
#teampage {
    background: #fff url(../images/insidenav_bg.jpg) 0 0 repeat-y;
    display:inline-block;
    margin-top:-55px;
    width:950px;
}

#teamleft {
    display:inline-block;
    float: left;
    padding:0 20px 40px 20px;
    width: 430px;
}

#teamleft ul {
    margin: 5px 25px;
}

#teamright {
    display:inline-block;
    float: left;
    margin-top:-40px;
    padding:0 10px;
    width: 207px;
}

#overviewleft {
    display:inline-block;
    float: left;
    padding:0 20px 40px 20px;
    width: 430px;
}

#overviewright {
    display:inline-block;
    float: left;
    margin-top:-90px;
    padding:0 10px;
    width: 207px;
}

#overviewright a {
    text-decoration:none;
}

#overviewright a:link {
    background-color: inherit;
    color: #333;
}

#overviewright a:visited {
    background-color: inherit;
    color: #333;
}

#overviewright a:hover {
    background-color: inherit;
    color: #E7811D;
}


#overviewright a:active {
    background-color: inherit;
    color: #333;
}

#teamright a {
    text-decoration:none;
}

#teamright a:link {
    background-color: inherit;
    color: #333;
}

#teamright a:visited {
    background-color: inherit;
    color: #333;
}

#teamright a:hover {
    background-color: inherit;
    color: #E7811D;
}


#teamright a:active {
    background-color: inherit;
    color: #333;
}

.teamright-a {
    float:left;
    width:61px;
}

.teamright-b {
    float:left;
    width:140px;
}

.teamright-dashes {
    background: #fff url(../images/dashes.gif) 0 0 no-repeat;
    clear:left;
    height:10px;
    margin-left:10px;
    width:200px;
}

#teamleft .directorythumb {
	border: 1px #E7811D solid;
}

#teamleft .hotlinks {
    color:#E7811D;
    text-decoration:none;
}

#teamleft a:hover.hotlinks {
    background-color:inherit;
    color:#FF4316;
}

#teamleft a {
    background-color:inherit;
    color:#666;
}

#teamleft a:hover {
    background-color:inherit;
    color:#FF9F41;
}

#teamleft h3 a:link {
    color:#E7811D;
    text-decoration:none;
}

#teamleft h3 a:visited {
    color:#E7811D;
    text-decoration:none;
}
 
#teamleft h3 a:hover {
    color:#FF4316;
    text-decoration:none;
}

.directoryrow {
    padding-bottom:10px;
}

/* application
----------------------------------------- */
#application {
    display:inline-block;
    padding:0 20px;
    margin:15px 0 0 0;
    width:660px;
}

/* calculators
----------------------------------------- */
#calculators {
    display:inline-block;
    padding:0 20px;
    margin:25px 0 25px 20px;
    width:660px;
}

/* nav specifics
----------------------------------------- */
#navigation {
    float:left;
    height:77px;
    width:660px;
}

#navigation ul {
    padding:0;
    margin:0 0 0 60px;
    list-style:none;
}

#navigation li {
    float:left;
    margin:0;
    padding:0;
}

#navigation li a {
    display:block;
    text-indent:-9999em;
    height:76px;
    overflow:hidden;
}

/* nav hover */
#navigation li a:hover {
    background-position:0 -77px;
}

/* nav on */
.home #navigation .n-home a, .about #navigation .n-about a, .loan #navigation .n-loan a, .tools #navigation .n-tools a, .faqs #navigation .n-faqs a, .contact #navigation .n-contact a {
    background-position:0 -77px;
}

#navigation .n-home a {
    background: url("../images/nav_home.gif");
    width:65px;
}

#navigation .n-about a {
    background: url("../images/nav_about.gif");
    width:96px;
}

#navigation .n-loan a {
    background: url("../images/nav_loan.gif");
    width:150px;
}

#navigation .n-tools a {
    background: url("../images/nav_tools.gif");
    width:136px;
}

#navigation .n-faqs a {
    background: url("../images/nav_faqs.gif");
    width:58px;
}

#navigation .n-contact a {
    background: url("../images/nav_contact.gif");
    width:88px;
}

/* drop downs
----------------------------------------- */
#navigation li:hover ul, #navigation li.hover ul {
    display: block;
}

#navigation ul li .first {
}

#navigation li li {
    border-left: 1px solid #91969D;
    border-right: 1px solid #91969D;
}

#navigation li li.last {
    border-bottom: 4px solid #e6e6e6;
}

#navigation li ul {
    display: none;
    position: relative;
    top: 1px;
    margin:0;
    z-index:999;
}

#navigation li li a {
    display:block;
    height:1.5em;
    font-size:0.85em;
    padding:2px;
    text-indent:9px;
    overflow:visible;
    color:#333;
    float: left;
    border: 0;
    text-decoration:none;
    width:auto;
}

#navigation li li a:hover {
    color:#ff9f41;
    text-decoration:none;
}

/* area specific - about */
#navigation li ul.s-about {
    width: 96px;
}

#navigation li li:hover {
    display: block;
}

#navigation li li.s-overview {
    width: 144px;
}

#navigation li li.s-overview a {
    display: block;
    width: 140px;
}

#navigation li li.s-overview:hover {
    width: 144px;
    color:#ff9f41;
}

#navigation .s-overview a {
    background: #fff;
}

#navigation li li.s-management {
    width: 144px;
}

#navigation li li.s-management a {
    display: block;
    width: 140px;
}

#navigation li li.s-management:hover {
    width: 144px;
    color:#ff9f41;
}

#navigation .s-management a {
    background: #fff;
}

#navigation li li.s-directory {
    width: 144px;
}

#navigation li li.s-directory a {
    display: block;
    width: 140px;
}

#navigation li li.s-directory:hover {
    width: 144px;
    color:#ff9f41;
}

#navigation .s-directory a {
    background: #fff;
}

#navigation li li.s-locations {
    width: 144px;
}

#navigation li li.s-locations a {
    display: block;
    width: 140px;
}

#navigation li li.s-locations:hover {
    width: 144px;
    color:#ff9f41;
}

#navigation .s-locations a {
    background: #fff;
}

/* area specific - loan */
#navigation li ul.s-loan {
    width: 150px;
}

#navigation li li:hover {
    display: block;
}

#navigation li li.s-conventional {
    width: 150px;
}

#navigation li li.s-conventional a {
    display: block;
    width: 146px;
}
#navigation li li:s-conventional:hover {
color:#ff9f41;
}

#navigation .s-conventional a {
    background: #fff;
}

#navigation li li.s-fha {
    width: 150px;
    background: #fff;
}

#navigation li li.s-fha a {
    display: block;
    width: 146px;
}

#navigation li li.s-fha:hover {
    color:#ff9f41;
}

#navigation .s-fha a {
    background: #fff;
}

#navigation li li.s-commercial {
    width: 150px;
    background: #fff;
}

#navigation li li.s-commercial a {
    display: block;
    width: 146px;
}

#navigation li li.s-commercial:hover {
    color:#ff9f41;
}

#navigation .s-commercial a {
    background: #fff;
}

#navigation li li.s-private {
    width: 150px;
    background: #fff;
}

#navigation li li.s-private a {
    display: block;
    width: 146px;
}

#navigation li li.s-private:hover {
    color:#ff9f41;
}

#navigation .s-private a {
    background: #fff;
}

#navigation li li.s-jumbo {
    width: 150px;
    background: #fff;
}

#navigation li li.s-jumbo a {
    display: block;
    width: 146px;
}

#navigation li li.s-jumbo:hover {
    color:#ff9f41;
}

#navigation .s-jumbo a {
    background: #fff;
}

#navigation li li.s-va {
    width: 150px;
    background: #fff;
}

#navigation li li.s-va a {
    display: block;
    width: 146px;
}

#navigation li li.s-va:hover {
    color:#ff9f41;
}

#navigation .s-va a {
    background: #fff;
}

#navigation li li.s-strs {
    width: 150px;
    background: #fff;
}

#navigation li li.s-strs a {
    display: block;
    width: 146px;
}

#navigation li li.s-strs:hover {
    color:#ff9f41;
}

#navigation .s-strs a {
    background: #fff;
}

#navigation li li.s-applet {
    width: 150px;
    background: #fff;
}

#navigation li li.s-applet a {
    display: block;
    width: 146px;
}

#navigation li li.s-applet:hover {
    color:#ff9f41;
}

#navigation .s-applet a {
    background: #fff;
}

/* area specific - tools */
#navigation li ul.s-tools {
    width: 136px;
}

#navigation li li:hover {
    display: block;
}

#navigation li li.s-apply {
    width: 150px;
}

#navigation li li.s-apply a {
    display: block;
    width: 146px;
}
#navigation li li:s-apply:hover {
color:#ff9f41;
}

#navigation .s-apply a {
    background: #fff;
}

#navigation li li.s-checklist {
    width: 150px;
    background: #fff;
}

#navigation li li.s-checklist a {
    display: block;
    width: 146px;
}

#navigation li li.s-checklist:hover {
    color:#ff9f41;
}

#navigation .s-checklist a {
    background: #fff;
}

#navigation li li.s-calculators {
    width: 150px;
    background: #fff;
}

#navigation li li.s-calculators a {
    display: block;
    width: 146px;
}

#navigation li li.s-calculators:hover {
    color:#ff9f41;
}

#navigation .s-calculators a {
    background: #fff;
}

#navigation li li.s-affiliates {
    width: 150px;
    background: #fff;
}

#navigation li li.s-affiliates a {
    display: block;
    width: 146px;
}

#navigation li li.s-affiliates:hover {
    color:#ff9f41;
}

#navigation .s-affiliates a {
    background: #fff;
}

#navigation li li.s-news {
    width: 150px;
    background: #fff;
}

#navigation li li.s-news a {
    display: block;
    width: 146px;
}

#navigation li li.s-news:hover {
    color:#ff9f41;
}

#navigation .s-news a {
    background: #fff;
}

#navigation li li.s-links {
    width: 150px;
    background: #fff;
}

#navigation li li.s-links a {
    display: block;
    width: 146px;
}

#navigation li li.s-links:hover {
    color:#ff9f41;
}

#navigation .s-links a {
    background: #fff;
}

table.managementtable {
    padding-bottom:10px;
}

table.managementtable h4 {
    color:#666;
    background-color:inherit;
    font-size:1.1em;
    font-weight:normal;
}

table.managementtable h4 a {
    text-decoration:none;
}

/* Classes 
----------------------------------------- */
a.logo {
    background:url("../images/surety_logo.gif") no-repeat 0 0;
    width:197px;
    height:78px;
    margin:0px 0 0 22px;
    overflow:hidden;
    outline:none;
    float:left;
    z-index:1;
    text-indent:-9999px;
}

#maincontent {
    padding:15px 0 50px 0;
}

.selectagent {
    width: 140px;
}

.selectlocation {
    width: 140px;
}

.agent {
    color:#666;
    margin:10px 0 0 0;
}

.majorsection {
    border-bottom:1px solid #CCC;
    clear:left;
    margin:0 0 10px 0;
    padding:20px 0 0 0;
}

.agentname {
    font-size:1.4em;
}

.agenttitle {
    font-size:1.2em;
}

.biodirect {
    margin:10px 0 0 0;
}

.biolocation {
    font-weight:bold;
    margin:10px 0 0 0;
}

.bioemail {
    border-top: 1px dashed #CCC;
    margin: 10px 0 0 0;
    padding-top: 10px;
}

.bioapply {
    padding-bottom: 20px;
}

/* images 
----------------------------------------- */
img.biophoto {
    border: 2px solid #FEA248;
}

img.location {
    float:left;
    margin-right:15px;
    padding-bottom:10px;
}

img.phone {
    margin:5px 0 -5px 0;
}

/* footer specifics
----------------------------------------- */
#footer {
    height:74px;
    width:958px;
}

#footer ul {
    padding:0;
    margin:0;
    list-style:none;
}

#footer li {
    float:left;
    margin:0;
    padding:0;
}

#footer li a {
    display:block;
    text-indent:-9999em;
    height:75px;
    overflow:hidden;
}

/* footer hover */
#footer li a:hover {
    background-position:0 -75px;
}

/* footer on */
.news #footer .n-news a, .join #footer .n-join a, .team #navigation .n-team a {
    background-position:0 -75px;
}

#footer .f-news a {
    background: url("../images/footer_news.gif");
    width:311px;
}

#footer .f-join a {
    background: url("../images/footer_join.gif");
    width:320px;
}

#footer .f-team a {
    background: url("../images/footer_team.gif");
    width:320px;
}

#closer {
    background:#C4D9E6 url(../images/footer_bg.jpg) 0 0 no-repeat;
    color:inherit;
    height:50px;
    margin:0 0 -20px 0;
    padding:0 0 0 20px;
    width:938px;
}

#closer a:link {
    background:inherit;
    color:#666;
}

#closer a:visited {
    background:inherit;
    color:#666;
}

#closer a:hover {
    background:inherit;
    color:#333;
}

#closer a:active {
    background:inherit;
    color:#666;
}

#closer .copy {
    float:left;
    width:190px;
    text-align:left;
}

#closer .addr {
    float:left;
    width:528px;
    text-align:center;
}

#closer .terms {
    float:left;
    width:190px;
    text-align:right;
}

#shortfooter {
    background-image: url(../images/short_footer_bg.jpg);
    height: 10px;
    width: 952px;
}

/* Self Cleared Float
----------------------------------------- */
#header:after, #navigation:after, #mainpage:after, #phone:after, #page:after, #agentpage:after, #teampage:after,  #footer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#namesandtitles:after, #subnav:after, #agentleft:after, #agentright:after, #maincontent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.homeagentsignin:after, .hometitle:after, .homecontent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.teamright-a:after, .teamright-b:after, .teamright-dash:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

