body, h1, h2, h3, h4, h5, h6, div, p, ul, ol,img, form { padding: 0; border: 0; margin: 0; }
body { background: #CECECE url(../images/bg-header.jpg) repeat-x 50% 0; font-family: Arial, Helvetica, sans-serif; }
a { outline: none; }
table {margin-bottom: 2em; text-align:left;}
/********************************************************************************************************************************/
/* CENTERS THE PAGE */
#wrapper { margin: 0 auto; width: 800px; }

/********************************************************************************************************************************/
/* TEXT FORMATTING STYLES */
h1 { width: 525px; font-size: 25px; font-weight: normal; color: #074B60; border-bottom: solid 1px #074B60; margin-bottom: 8px; padding-bottom: 3px; }
h2 { width: 525px; font-size: 23px; font-weight: normal; color: #355906; border-bottom: solid 1px #355906; margin-bottom: 8px;padding-bottom: 3px; }
h3 { width: 525px; font-size: 23px; font-weight: normal; color: #BF7010; border-bottom: solid 1px #BF7010; margin-bottom: 8px;padding-bottom: 3px; }
h4 { width: 525px; font-size: 18px; font-weight: normal; color: #074B60; margin-bottom: 3px; padding-bottom: 8px; }
h5 {
	width: 525px;
	font-size: 14px;
	font-weight: normal;
	color: #355906;
	margin-bottom: 3px;
	padding-bottom: 8px;
	text-align: left;
}
h6 { width: 525px; font-size: 14px; font-weight: normal; color: #355906;; margin-bottom: 3px; padding-bottom: 8px; }
a { color: #17677A; text-decoration: underline; }
a:hover { text-decoration: none; }
.bold { font-weight: bold; color: #074B60; }
.italic { font-style: italic; }
h5 a { color: #355906; font-size: 20px; }
* html .form-section h5 { width: 460px; }
.red { color: #FF0000; }

/********************************************************************************************************************************/
/* NEWS ON HOME PAGE TEXT FORMATTING */
ul.news-column h2 { width: 230px; font-size: 12px; color: #074B60; border-bottom: none; }
p {
	font-size: 12px;
	color: #333;
	padding-bottom: 12px;
	width: 525px;
}
* html p { float: left; }
#left-side p { font-size: 12px; color: #4F4F4F; }
ul.news-column p { font-size: 11px; }

/********************************************************************************************************************************/
/* LIBRARY TEXT FORMATTING STYLES */
#right-wrapper ul {
	width: 415px;
	font-size:12px;
	padding: 0px 85px 12px 25px;
	color: #4F4F4F;
}
#right-wrapper ul li { list-style-type: disc; list-style-position: outside; line-height:16px; padding-bottom: 6px; }

#right-wrapper ul ul { width: 310px; font-size:12px; padding: 8px 85px 12px 25px; color: #4F4F4F; }
#right-wrapper ul ul li { list-style-type: circle; list-style-position: outside; line-height:16px; padding-bottom: 6px; }

#right-wrapper ol.sm-cap { list-style: lower-alpha; }

#right-wrapper ol { width: 405px; font-size:12px; padding: 0px 85px 12px 25px; color: #4F4F4F; }
#right-wrapper ol li { list-style-type: inherit; list-style-position: outside; line-height:16px; padding-bottom: 6px; margin-left: 7px; }

#right-wrapper ol ul { width: 310px; font-size:12px; padding: 0px 85px 12px 25px; color: #4F4F4F; }
#right-wrapper ol ul li { list-style-type: disc; list-style-position: outside; line-height:16px; padding-bottom: 6px; }

#library li p { width: 400px; }
#library ul ul li p { width: 300px; }

/* *:first-child+html #right-wrapper ul, *:first-child+html #right-wrapper ol { list-style: none; }
* html #right-wrapper ul, * html #right-wrapper ol { list-style: none; } */

/********************************************************************************************************************************/
/* TABLE STYLES */
.table { float: left; width: 525px; }
table { width: 525px; border-collapse: collapse; color: #4F4F4F; font-size: 12px; margin-top: 7px; }
tr.color { background: #F7F7F7; }
th { background: #355906; color: #ffffff; padding: 8px 0px 3px 10px; font-size: 16px; font-weight: normal; }
td { padding: 12px 8px 6px 10px; vertical-align: top; }
.product-table th { text-align: center; }
.product-table td { text-align: center; }
/********************************************************************************************************************************/
/* FORM STYLES */
#search-submit { float: right; padding: 3px 10px 0px 0px; }
.submit { background: url(../images/bg-search.jpg) repeat-x; width: 100px; height: 23px; border: solid 2px #355906; color: #ffffff; }
* html .submit { background: #608818; }

/********************************************************************************************************************************/
/* HEADER LAYOUT */
#header { float: left; width: 800px; height: 300px; }
#logo { background: #ffffff; float: left; width: 266px; height: 98px; padding: 3px 6px 0px 0px; margin: 15px 0px 0px 19px; }
* html #logo { margin-left: 9px; }
#top-banner { background: url(../images/bg-top-banner.jpg) no-repeat 0px 110px; float: left; width: 800px; margin-left: 2px; }
* html #top-banner { margin-left: 0px; }
/********************************************************************************************************************************/
/* TOP NAVIGATION LAYOUT */
ul#top-nav { float: left; list-style: none; width: 449px; height: 55px; margin: 27px 0px 0px 40px; }
ul#top-nav li { float: left; height: 55px; margin-right: 6px; }
ul#top-nav li.hort-line { background: url(../images/nav-hort-line.jpg) no-repeat; width: 7px; }
ul#top-nav li a { float: left; height: 48px; }
ul#top-nav li#home { background: url(../images/nav-home.jpg) no-repeat; width: 64px; }
ul#top-nav li#home a { background: url(../images/nav-home.jpg) no-repeat; width: 64px; }
ul#top-nav li#home a:hover { background: url(../images/nav-home-over.jpg) no-repeat; }
ul#top-nav li#our-people { background: url(../images/nav-our-people.jpg) no-repeat; width: 65px; }
ul#top-nav li#our-people a { background: url(../images/nav-our-people.jpg) no-repeat; width: 65px; }
ul#top-nav li#our-people a:hover { background: url(../images/nav-our-people-over.jpg) no-repeat; }
ul#top-nav li#broker-links { background: url(../images/nav-broker-links.jpg) no-repeat; width: 76px; }
ul#top-nav li#broker-links a { background: url(../images/nav-broker-links.jpg) no-repeat; width: 76px; }
ul#top-nav li#broker-links a:hover { background: url(../images/nav-broker-links-over.jpg) no-repeat; }
ul#top-nav li#privacy { background: url(../images/nav-privacy.jpg) no-repeat; width: 76px; }
ul#top-nav li#privacy a { background: url(../images/nav-privacy.jpg) no-repeat; width: 76px; }
ul#top-nav li#privacy a:hover { background: url(../images/nav-privacy-over.jpg) no-repeat; }
ul#top-nav li#contact { background: url(../images/nav-contact.jpg) no-repeat; width: 78px; }
ul#top-nav li#contact a { background: url(../images/nav-contact.jpg) no-repeat; width: 78px; }
ul#top-nav li#contact a:hover { background: url(../images/nav-contact-over.jpg) no-repeat; width: 78px; }

/********************************************************************************************************************************/
/* BANNER LAYOUT */
#banner-nav { float: left; width: 800px; }
#banner-left { background: url(../images/bg-left-side.jpg) no-repeat; float: left; width: 10px; height: 218px; }
#banner-right { background: url(../images/bg-right-side.jpg) no-repeat; float: left; width: 10px; height: 218px; }
#banner-image { float: left; width: 494px; height: 219px; }

/********************************************************************************************************************************/
/* SIDE NAVIGATION LAYOUT */
ul#side-nav { background: url(../images/bg-nav.jpg) repeat-y; float: left; list-style: none; width: 281px; height: 218px; margin: 0px 0px 0px 0px; padding-right: 5px; }
ul#side-nav li { float: right; width: 152px; height: 31px; padding-right: 4px; }
ul#side-nav li a { float: right; width: 152px; height: 31px; }
ul#side-nav li#products { background: url(../images/nav-products.jpg) no-repeat; }
ul#side-nav li#products a { background: url(../images/nav-products.jpg) no-repeat; }
ul#side-nav li#products a:hover { background: url(../images/nav-products-over.jpg) no-repeat; }
ul#side-nav li#applications { background: url(../images/nav-applications.jpg) no-repeat; width: 263px; }
ul#side-nav li#applications a { background: url(../images/nav-applications.jpg) no-repeat; width: 263px; }
ul#side-nav li#applications a:hover { background: url(../images/nav-applications-over.jpg) no-repeat; }
ul#side-nav li#online-quotes { background: url(../images/nav-online-quotes.jpg) no-repeat; }
ul#side-nav li#online-quotes a { background: url(../images/nav-online-quotes.jpg) no-repeat; }
ul#side-nav li#online-quotes a:hover { background: url(../images/nav-online-quotes-over.jpg) no-repeat; }
ul#side-nav li#become-broker { background: url(../images/nav-become-broker.jpg) no-repeat; }
ul#side-nav li#become-broker a { background: url(../images/nav-become-broker.jpg) no-repeat; }
ul#side-nav li#become-broker a:hover { background: url(../images/nav-become-broker-over.jpg) no-repeat; }
ul#side-nav li#market-support { background: url(../images/nav-market-support.jpg) no-repeat; }
ul#side-nav li#market-support a { background: url(../images/nav-market-support.jpg) no-repeat; }
ul#side-nav li#market-support a:hover { background: url(../images/nav-market-support-over.jpg) no-repeat; }
ul#side-nav li#library { background: url(../images/nav-library.jpg) no-repeat; }
ul#side-nav li#library a { background: url(../images/nav-library.jpg) no-repeat; }
ul#side-nav li#library a:hover { background: url(../images/nav-library-over.jpg) no-repeat; }
ul#side-nav li#elite-benefit { background: url(../images/nav-elite-benefit.jpg) no-repeat; width: 173px; }
ul#side-nav li#elite-benefit a { background: url(../images/nav-elite-benefit.jpg) no-repeat; width: 173px; }
ul#side-nav li#elite-benefit a:hover { background: url(../images/nav-elite-benefit-over.jpg) no-repeat; }

/********************************************************************************************************************************/
/* GENERAL CONTENT LAYOUT */
#container { background: url(../images/bg-content.jpg) repeat-y; float: left; width: 800px; }
#content { background: url(../images/bg-content-top.jpg) no-repeat top; float: left; width: 800px; }
#content-wrapper { width: 780px; padding: 0px 10px 0px 10px; }
#left-side { float: left; width: 235px; }
#right-side { float: left; width: 535px; }

/********************************************************************************************************************************/
/* BOX STLYES LEFT SIDE */
.box-title { background: #F7F7F7; float: left; width: 222px; padding: 8px 0px 6px 13px; height: 20px; }
.box { float: left; padding: 11px 0px 16px 13px; width: 222px; }
.box p { width: 100%; }
#search { background: #F7f7f7 url(../images/title-bar-blue.jpg) no-repeat bottom; }
#feedback { background: #F7f7f7 url(../images/title-bar-brown.jpg) no-repeat bottom; }
#news-publications { background: #F7f7f7 url(../images/title-bar-green.jpg) no-repeat bottom; }
#contact-us { background: #F7f7f7 url(../images/title-bar-yellow.jpg) no-repeat bottom; }
.phone-num { font-size: 18px; color: #17677A; }

/********************************************************************************************************************************/
/* RIGHT SIDE CONTENT (HOME PAGE) */
#top-page { width: 525px; }
#right-wrapper { padding: 3px 10px 10px 10px; }
#left-content { float: left; width: 233px; padding-left: 5px; padding-right: 5px; }
#left-content p { width: 100%; }
#right-content { float: left; width: 254px; }
#location-map { width: 254px; }
#tcim-news { float: left; width: 525px; }

#search-field { float: left; }
#search-field input { float: left; width: 202px; }
#search-submit { float: right; margin: 5px 4px 0px 0px; }
#search-submit .submit { height: 23px; font-size: 11px; font-weight: bold; cursor: pointer; }

/********************************************************************************************************************************/
/* STAFF FORMAT STYLES */
ul#sub-nav { width: 525px; list-style: none; padding: 5px 0px 10px 0px; margin: 0px; }
ul#sub-nav li { float: left; padding-right: 8px; color: #17677A; width: auto; list-style: none; }
ul#sub-nav li a { color: #17677A; text-decoration: none; }
ul#sub-nav li a:hover { text-decoration: underline; }
#right-wrapper ul.staff { float: left; list-style: none; width: 500px; padding: 0px 0px 15px 0px; margin: 0px; }
#right-wrapper ul.staff li { float: left; width: 490px; list-style: none; padding: 12px 0px 12px 0px; margin: 0px; border-bottom: solid 1px #CECECE; }
.staff-photo { float: left; width: 116px; height: 109px; }
.staff-details { float: left; padding-left: 15px; width: 344px; }
.staff-details p { width: 344px; }
li#no-border { border-bottom: none; }
li#no-padding-border { border-bottom: none; }

/********************************************************************************************************************************/
/* NEWS (HOME) STYLES */
#tcim-news ul.news-column { float: left; list-style: none; width: 250px; padding: 0px 12px 0px 0px; color: #4F4F4F; font-size: 11px; margin: 0px; }
#tcim-news ul.news-column li { padding: 10px; width: 230px; margin: 0px; list-style: none; }
#tcim-news ul.news-column li p { width: 230px; }
#tcim-news ul.news-column li.color { background: #F7F7F7; }

/********************************************************************************************************************************/
/* BROKER LINKS STYLES */
.headline { background: url(../images/bg-h.jpg) repeat-x; float: left; width: 515px; height: 29px; margin: 0px 0px 2px 0px; padding: 9px 0px 0px 10px; }
.headline h4 { width: 400px; }
.headline h4 a { text-decoration: none; }
.icon-big { float: left; width: 20px; height: 19px; }

/********************************************************************************************************************************/
/* CONTACT US MAP STYLES */
#map { float: left; width: 500px; height: 300px; margin: 5px 0px 15px 0px; }

/********************************************************************************************************************************/
/* BECOME A BROKER STYLES */
#form h5 { width: 460px; }
#form h6 { width: 460px; }

.form-section { float: left; width: 460px; padding: 20px 0px 20px 20px; margin-left: 20px; border: solid 1px #999999; border-bottom: none; }
.form-section#final-section { border-bottom: solid 1px #999999; margin-bottom: 20px; }
* html .form-section { margin-left: 10px; }
.form-line { float: left; width: 460px; font-size: 11px; color: #999999; padding-bottom: 9px; }
.form-line input { width: 430px; border: solid 1px #C1C1C1; color: #074B60; }
.form-line .half input { width: 175px; color: #074B60; }
.half { float: left; width: 230px; }
textarea { width: 430px; height: 60px; font-family:Arial, Helvetica, sans-serif; color: #074B60; font-size: 12px; }

.input-padding { margin-bottom: 3px; }
.half input.checkbox { width: 25px; border: none; }
#website { width: 138px; }
.select { width: 175px; }

#month { float: left; width: 185px; color: #074B60; }
#day { float: left; width: 50px; color: #074B60; }
#year { float: left; width: 130px; color: #074B60; }
#year-input { width: 25px; }

.form-line-submit { float: left; width: 100px; font-size: 11px; color: #999999; padding-bottom: 9px; padding-top: 15px;  }
.form-line-submit input { width: 100px; border: solid 1px #C1C1C1; }

#form-below { float: left; width: 500px; }
/********************************************************************************************************************************/
/* LIBRARY PAGE AND NAVIGATION STYLES */
#subnav-cont { float: left; width: 222px; }
ul.letter { background: url(../images/icon-plus-library.jpg) no-repeat 200px 4px; list-style: none; padding: 4px 0px 4px 12px; float: left; width: 222px; }
* html ul.letter { float: none; }
ul.drop-menu { background: #F7F7F7; float: left; width: 222px; padding: 8px 0px 8px 12px; list-style: none; }
ul.drop-menu li { padding-left: 15px; color: #17677A; padding-bottom: 6px; font-size: 12px; }

/********************************************************************************************************************************/
/* LIBRARY PAGE AND NAVIGATION STYLES */
ul.sort-app { background: url(../images/icon-sub-library.jpg) no-repeat 200px 4px; list-style: none; padding: 4px 0px 4px 12px; float: left; width: 222px; }
* html ul.sort-app { float: none; }

.library-column-cont { float: left; width: 525px; }
.library-column { float: left; width: 165px; padding-bottom: 15px; }
.library-column#alt { background: #F9F9F9; }
#right-wrapper .library-column ul { float: left; width: 140px; padding: 0px; margin: 0px; padding: 0px 10px 0px 15px; } 
#right-wrapper .library-column ul li { width: 120px; font-size: 11px; list-style-type: none; }
.library-column h4 { color: #074B60; float: left; width: 155px; font-weight: bold; padding: 10px 0px 0px 10px; margin-bottom: 0px; font-size: 16px; }

#back-to-library { width: 201px; height: 42px; padding: 10px 0px 5px 3px; }

/********************************************************************************************************************************/
/* INDEX PAGE AND NAVIGATION STYLES */
ul.index { float: left; width: 505px; list-style: none; padding: 5px 0px 10px 10px; }
ul.index li { float: left; padding-right: 8px; }

/********************************************************************************************************************************/
/* PAGE DROP DOWN STYLES */
#right-wrapper ul.pagenav { float: left; width: 455px; list-style: none; border-bottom: solid 1px #000000; padding: 0px 0px 5px 10px; margin-top: 15px;}
* html ul.pagenav { float: none; }
#right-wrapper ul.drop-page { float: left; width: 300px; list-style: none; }
ul.drop-page li { padding-left: 12px; width: 300px; }
ul.drop-page li a { color: #17677A; padding-bottom: 6px; font-size: 12px; }
ul.drop-page li.title { width: 300px; font-size: 16px; border-bottom: none; padding: 0px; margin-top: 10px; color: #17677A; }

/********************************************************************************************************************************/
/* FOOTER STYLES AND LAYOUT */
#footer { background: url(../images/bg-footer.jpg) no-repeat; float: left; width: 800px; height: 95px; }
ul.footer-nav { float: left; width: 540px; list-style: none; color: #ffffff; font-size: 11px; margin: 9px 0px 0px 25px; }
* html ul.footer-nav { margin-left: 12px; }
ul.footer-nav li { float: left; padding-right: 6px; }
ul.footer-nav li a { color: #ffffff; text-decoration: none; }
#footer-nav-cont { float: left; width: 540px; padding-right: 28px; }
#copyright { float: left; width: 120px; color: #ffffff; font-weight: bold; font-size: 11px; margin: 13px 0px 0px 90px; text-align: center; }
* html #copyright { margin-left: 60px; }

/********************************************************************************************************************************/
/* MODERN EARTH BRANDING */
#modernearth { float: left; width: 161px; padding: 0px 0px 10px 629px; }
