html { margin: 0px; padding: 0px; }
body { color: #666666; background: #f5f5f5 url(/images/ui/bg-main.gif) top left repeat-y; margin: 0px; padding: 0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: .7em; line-height: normal; text-align: left; }
form { margin: 0; }
img { border: none; }
li { line-height: 2em; }
h1 { font-size: 1.8em; font-weight: bold; }
h2 { font-size: 1.6em; font-weight: bold; }
h3 { font-size: 1.4em; font-weight: bold; }
h4 { font-size: 1.2em; font-weight: bold; }
h5 { font-size: 1.1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }
a, a:link, a:visited { color: #276aad; text-decoration: none; }
a:active { color: #999999; text-decoration: none; }
a:hover { text-decoration: underline; }
span.logoBlue { color: #002d62; }
span.logoGrey { color: #96989b; }
span.sep { display: block; clear: both; line-height: normal; margin: 0; padding: 0; }
img.pgImg { border: solid 1px #e1e1e1; border-right-width: 0; width: 545px; }
p.paraIntro, p.paraIntroPadded { font-size: 1.1em; line-height: 1.6em; margin: 20px 0; }
p.padded, p.paraIntroPadded { padding-right: 15px; }
img.iconPdf { margin: 1px 15px 8px 0; }
h1.irc { font-size: 3em; font-weight: bold; margin: 0; line-height: normal; }
h3.irc { font-size: 1.4em; font-weight: normal; margin: 0; line-height: normal; }
#containerLogo { margin: 0; padding: 0; }
#containerLogo a, #containerLogo a:hover { display: block; width: 271px; height: 25px; text-decoration: none; }
#logo { background: transparent url(/images/ui/logo-tsfg.gif) no-repeat; width: 271px; height: 25px; text-indent: -999em; margin: 0 0 15px 10px; }
#wrapperMain { width: 735px; padding: 0 0 10px 0; }
#containerContent { clear: both; margin: 0; padding: 0; font-size: inherit; }
#picHome { float: left; width: 530px; height: 213px; }
#containerCallouts { float: right; width: 205px; height: 213px; }
#calloutEmailAlert { background-color: #f2f1ee; font-size: 90%; margin: 0; padding: 8px 7px 5px 7px; height: 55px; }
#calloutEmailAlert p { margin: 5px 0 0 0; line-height: 1.26em; }
#calloutAnnualReport { background: #648ea4 url(/images/bg-annual-report.jpg) top left no-repeat; font-size: 90%; margin: 0; padding: 45px 7px 0 7px; height: 99px; border-top: solid 1px #d8d8d8; }
#calloutAnnualReport p { margin: 0; }
#calloutAnnualReport a, #calloutAnnualReport a:link, #calloutAnnualReport a:visited { color: #ffffff; }
#containerBody { clear: both; margin: 0; padding: 0 0 0 17px; background: transparent url(/images/ui/bg-content-home.jpg) top left no-repeat; min-height: 275px; border-bottom: solid 1px #fff; line-height: 1.3em; }
#containerBody #col1 { float: left; width: 210px; margin: 60px 0 0 0; }
#containerBody #col2 { float: left; width: 210px; margin-top: 60px; margin-left: 38px; }
#containerBody #col3 { float: left; width: 210px; margin-top: 60px; margin-left: 36px; }
#containerBodySub, #containerBodySubPadded { clear: both; margin: 0; padding: 0 0 0 10px; background: transparent url(/images/ui/bg-content-generic.jpg) top left no-repeat; min-height: 240px; border-bottom: solid 1px #fff; line-height: 1.3em; }
#containerBodySubPadded { padding-right: 25px; }
#containerBodySub #colLeft, #containerBodySubPadded #colLeft { float: left; width: 160px; margin: 76px 0 0 0; }
#containerBodySub #colRight { float: right; width: 546px; margin-top: 76px; padding: 0; }
#containerBodySubPadded #colRight { float: right; width: 521px; margin-top: 76px; padding: 0; }
#containerBodySub #col1 { float: left; width: 160px; margin: 76px 0 0 0; }
#containerBodySub #col2 { float: left; width: 355px; margin-top: 76px; margin-left: 20px; }
#containerBodySub #col3 { float: left; width: 190px; margin-top: 76px; margin-left: 10px; }
#dividerFooter { background-color: #fcfcfc; height: 20px; width: 735px; border-top: solid 1px #ebebeb; clear: both; margin: 20px 0 10px 0; }
#containerFooter { font-size: smaller; color: #999999; clear: both; padding-bottom: 20px; padding-left: 10px; }
#colFooterLeft, #colFooterMiddle { float: left; width: 210px; margin: 0 20px 0 0; }
#colFooterRight { float: right; width: 300px; margin-right: 10px; text-align: right; }
#careerMatrix { margin-top: 30px; width: 440px; }
#careerMatrix h5 { margin-bottom: 5px; }
#careerMatrix p { margin-top: 5px; }
#careerItem1 { float: left; width: 200px; }
#careerItem2 { float: right; width: 200px; }
#inset { float: right; width: 220px; margin: 0 0 15px 15px; }
#insetItem1, #insetItem2 { background-color: #f7f7f7; padding: 10px 15px 10px 15px; margin: 0 0 5px 0 }
#insetNote { padding-left: 55px; margin: 5px 0; font-size: smaller; }
#containerContacts { margin-top: 2em; }
#containerContacts h6 { margin: 1em 0 0 0; }
#containerContacts div, #containerPhoneNumbers div { float: left; margin-right: 15px; }
#containerContacts p, #containerPhoneNumbers p { margin: 0.5em 0; }
#containerPhoneNumbers { margin-top: 2em; }
#containerContacts p.sectTitle, #containerPhoneNumbers p.sectTitle { font-weight: normal; font-size: 1.4em; margin-bottom: .15em; }
/* Headers */
h3#about { background: transparent url(/images/headers/h3-about.gif) top left no-repeat; text-indent: -999em; margin: 0 0 15px 0; height: 25px; }
h3#ourcompanies { background: transparent url(/images/headers/h3-our-companies.gif) top left no-repeat; text-indent: -999em; margin: 0 0 20px 0; width: 154px; height: 21px; }
h3#vision { background: transparent url(/images/headers/h3-vision.gif) top left no-repeat; text-indent: -999em; margin: 0 0 24px 0; width: 153px; height: 16px; }
h3#careers { background: transparent url(/images/headers/h3-careers.gif) top left no-repeat; text-indent: -999em; margin: 0 0 24px 0; width: 73px; height: 16px; }
h3#community { background: transparent url(/images/headers/h3-community.gif) top left no-repeat; text-indent: -999em; margin: 0 0 24px 0; width: 115px; height: 21px; }
h3#community-involvement { background: transparent url(/images/headers/h3-community-involvement.gif) top left no-repeat; text-indent: -999em; margin: 0 0 24px 0; width: 244px; height: 21px; }
h3#community-development { background: transparent url(/images/headers/h3-community-development.gif) top left no-repeat; text-indent: -999em; margin: 0 0 24px 0; width: 255px; height: 21px; }
h3#partnerships { background: transparent url(/images/headers/h3-partnerships.gif) top left no-repeat; text-indent: -999em; margin: 0 0 24px 0; width: 121px; height: 21px; }
h3#tsfg-foundation { background: transparent url(/images/headers/h3-tsfg-foundation.gif) top left no-repeat; text-indent: -999em; margin: 0 0 24px 0; width: 387px; height: 21px; }
h3#affordable { background: transparent url(/images/headers/h3-affordable.gif) top left no-repeat; text-indent: -999em; margin: 0 0 24px 0; width: 423px; height: 21px; }
h3#small-business { background: transparent url(/images/headers/h3-small-business.gif) top left no-repeat; text-indent: -999em; margin: 0 0 24px 0; width: 430px; height: 21px; }
h3#security { background: transparent url(/images/headers/h3-security.gif) top left no-repeat; text-indent: -999em; margin: -1px 0 19px 0; width: 78px; height: 21px; }
h3#legal { background: transparent url(/images/headers/h3-legal.gif) top left no-repeat; text-indent: -999em; margin: 0 0 20px 0; width: 52px; height: 20px; }
h3#contact { background: transparent url(/images/headers/h3-contact.gif) top left no-repeat; text-indent: -999em; margin: 0 0 24px 0; width: 107px; height: 16px; }
h3#privacy { background: transparent url(/images/headers/h3-privacy.gif) top left no-repeat; text-indent: -999em; margin: 0 0 20px 0; width: 132px; height: 20px; }
h4#LatestNews { background: transparent url(/images/headers/h4-latest-news.gif) top left no-repeat; text-indent: -999em; margin: 0; width: 93px; height: 12px; }
h4#OurCompanies { background: transparent url(/images/headers/h4-our-companies.gif) top left no-repeat; text-indent: -999em; margin: 0 0 -3px 0; height: 15px; }
h4#InvestorRelations { background: transparent url(/images/headers/h4-investor-relations.gif) top left no-repeat; text-indent: -999em; margin: 0; width: 137px; height: 12px; }
h5#emailAlerts { background: transparent url(/images/headers/h5-email-alerts.gif) top left no-repeat; text-indent: -999em; margin: 0; width: 76px; height: 10px; }
/* Navigation */
#containerBreadcrumb { padding: 10px; font-size: smaller; color: #999999; letter-spacing: -1px; }
#navSub { margin: 0; padding: 0; }
#navSub li { list-style: none; margin: 0 0 15px 0; padding: 0; font-size: smaller; font-weight: bold; line-height: normal; }
#terNav { margin: 5px 0 0 8px; padding: 0; width: 130px; }
#terNav li { list-style: none; margin: 5px 0 8px 0; font-weight: normal; font-size: 1em; line-height: normal; }
a.subnavSelected, a.subnavSelected:link, a.subnavSelected:visited { color: #666666; text-decoration: none; }
a.subnavSelected:hover { text-decoration: underline; }
span.navText { visibility: hidden; }
#containerNavMain { width: 735px; height: 26px; border-bottom: solid 1px #787c80; background-color: #9d9fa3; margin: 0; padding: 0; }
#containerNavMain ul { margin: 0; padding: 0; display: inline; }
#containerNavMain li { float: left; height: 26px; list-style: none; margin: 0; padding: 0; line-height: normal; }
#containerNavMain a, #containerNavMain a:hover { text-decoration: none; display: block; height: 26px; }
a#navHome { background: transparent url(/images/nav/nav-home.gif) top left no-repeat; width: 63px; }
a:hover#navHome { background: transparent url(/images/nav/nav-home-r.gif) top left no-repeat; }
#navHomeSel { background: transparent url(/images/nav/nav-home-s.gif) top left no-repeat; width: 63px; }
a#navInvestor { background: transparent url(/images/nav/nav-investor.gif) top left no-repeat; width: 143px; }
a:hover#navInvestor { background: transparent url(/images/nav/nav-investor-r.gif) top left no-repeat; }
#navInvestorSel { background: transparent url(/images/nav/nav-investor-s.gif) top left no-repeat; width: 143px; }
a#navCorporate { background: transparent url(/images/nav/nav-corporate.gif) top left no-repeat; width: 167px; }
a:hover#navCorporate { background: transparent url(/images/nav/nav-corporate-r.gif) top left no-repeat; }
#navCorporateSel { background: transparent url(/images/nav/nav-corporate-s.gif) top left no-repeat; width: 167px; }
a#navNews { background: transparent url(/images/nav/nav-news.gif) top left no-repeat; width: 87px; }
a:hover#navNews { background: transparent url(/images/nav/nav-news-r.gif) top left no-repeat; }
#navNewsSel { background: transparent url(/images/nav/nav-news-s.gif) top left no-repeat; width: 87px; }
a#navCommunity { background: transparent url(/images/nav/nav-community.gif) top left no-repeat; width: 111px; }
a:hover#navCommunity { background: transparent url(/images/nav/nav-community-r.gif) top left no-repeat; }
#navCommunitySel { background: transparent url(/images/nav/nav-community-s.gif) top left no-repeat; width: 111px; }
a#navAbout { background: transparent url(/images/nav/nav-about.gif) top left no-repeat; width: 85px; }
a:hover#navAbout { background: transparent url(/images/nav/nav-about-r.gif) top left no-repeat; }
#navAboutSel { background: transparent url(/images/nav/nav-about-s.gif) top left no-repeat; width: 85px; }
a#navContact { background: transparent url(/images/nav/nav-contact.gif) top left no-repeat; width: 79px; }
a:hover#navContact { background: transparent url(/images/nav/nav-contact-r.gif) top left no-repeat; }
#navContactSel { background: transparent url(/images/nav/nav-contact-s.gif) top left no-repeat; width: 79px; }