/* 

	LBA website CSS template
	Design by donemedia.com

   */

body {
	background-color: #fff;
	font: normal 0.9em/1.3em Arial, Verdana, sans-serif;
	margin: 0;
}
a {
	color: #da8f69;
	text-decoration: none;
}
a:hover {
	color: #c63;
}
img {
	border: none;
	margin: 0; padding: 0;
}
form { margin: 0; padding: 0; }
input { margin: 0; padding: 0; }
.img-right {
	float: right;
	margin: 10px 0 10px 10px
}
.img-left {
	float: left;
	margin: 10px 10px 10px 0
}
#container {
	width: 800px;
	margin: 0 auto;
}
#logo {
	float: left;
	width: 219px; height: 122px;
	background: #fff url('/img/logo.jpg') top left no-repeat;
}
#video-top {
	float: left;
	width: 405px; height: 122px;
	background: #fff url('/img/video-topbg.gif') top left no-repeat;
}
#header-contact {
	float: left;
	width: 175px; height: 122px;
	background: #fff url('/img/header-callus.jpg') top left no-repeat;
}
#header-contact p {
	margin: 0;
	padding: 75px 10px 0 0;
	text-align: right;
}

#mid {
	height: 300px;
}
#navigation {
	float: left;
	width: 219px; height: 298px;
	background: #fff url('/img/navbg6.jpg') 100% 50% no-repeat;
}
#navigation ul {
	list-style: none;
	margin: 47px 30px;
	padding: 0;
}
#navigation ul li {
	border-bottom: 1px solid #4AB371;
	text-align: right;
	margin: 0; padding: 0;
	height: 34px;
}
#navigation ul li.last {border: none;}
#navigation ul li a {
	font: bold 12px/34px Georgia, serif;
	text-decoration: none;
	color: #fff;
}
#navigation ul li a:hover {
	color: #B1CFB7;
}
#navigation ul li a.active {
	color: #000;
}
#video {
	float: left;
	width: 398px; height: 298px;
	border: 3px solid #ddd;
}
#extras {
	float: left;
	margin-top: 20px;
	width: 174px;
}

#extras ul {
	list-style: none;
	margin: 0 0 0 2px; padding: 0;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#extras ul li {
	margin: 0; padding: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
}
#extras ul li a {
	display: block;
	background: #fffcdb url('/img/subnavbg.gif') top left repeat-y;
	font-size: 0.9em;
	font-family: Georgia, serif;
	margin: 0; padding: 5px 5px 5px 15px;
	width: 150px;
}

#extras #news {
	background: #fffcdb url('/img/subnavbg.gif') top left repeat-y;
	font-size: 0.9em;
	margin: 0; padding: 5px 5px 5px 15px;
	width: 150px;
}
#content {
	margin: 20px;
}
#content .head {
	border-bottom: 1px solid #dce7c5;
	padding-left: 10px;
	margin-bottom: 10px;
	height: 18px;
	text-indent: -9999px;
	background-position: 10px 0;
	background-repeat: no-repeat;
}

#content #insurance,#disabilityinsurance,#lifeinsurance,#lifeinsurancecomparison,#criticalillnessinsurance,
#cidistats,#individualhealthinsurance,#groupinsurance,#mortgageinsurance,#calculators
{ background-image: url('/img/head-insurance.gif'); }

#content #cfms,#students12,#students3,#students4,#indvsgroup,#freeinsurance,#aftergraduation
{ background-image: url('/img/head-cfms.gif'); }

#content #publicspeaking { background-image: url('/img/head-publicspeaking.gif'); }

#content #financialplanning,#segregatedfunds,#insuranceforcorporations,#insuranceinvestment,#rrsp,
#healthplans,#mortgagereferrals,#thirtypoints,#savingscalc,#debtrepayment
{ background-image: url('/img/head-financialplanning.gif'); }

#content #about { background-image: url('/img/head-about.gif'); }
#content #quote { background-image: url('/img/head-requestaquote.gif'); }

h2 {
	font: normal 1.8em Georgia, serif;
	color: #3e7f43;
	margin: 0 0 10px 0; padding: 0;
}
#content p {
	font: normal 0.8em/1.3em Verdana, Arial, sans-serif;
	color: #4e5a41;
	margin: 0 0 10px 0;
}
#content ol li {
	font: normal 0.8em/1.3em Verdana, Arial, sans-serif;
	color: #4e5a41;
	margin: 0 0 10px 0;
}
#left {
	float: left;
	margin-left: 5px;
	width: 360px;
}
#right {
	float: left;
	margin-left: 20px;
	width: 365px;
}
#center {
	margin: 0 5px;
}
table.stats {
	width: 100%;
	font: normal 0.7em/1.3em Verdana, Arial, sans-serif;
}
table.stats tr { background-color: #fffef7; }
table.stats td {  }
table.stats td.highlight { font-weight: bold;  }
table.stats tr.alt { background-color: #fffbda; }
table.stats tr.tblhead { background-color: #fffbda; font-weight: bold; }

table.calc tr { background-color: #fffef7; }
table.calc td {  }
table.calc td.highlight { font-weight: bold;  }
table.calc tr.alt { background-color: #fffbda; }
table.calc tr.tblhead { background-color: #fffbda; font-weight: bold; }

table.prices td { text-align: center; } 

table.compare {
	width: 100%;
	font: normal 0.7em/1.3em Verdana, Arial, sans-serif;
}
table.compare tr { background-color: #fffef7; }
table.compare td.highlight { font-weight: bold;  }
table.compare tr.alt { background-color: #fffbda; }
table.compare tr.tblhead { background-color: #fffbda; font-weight: bold; }

ul.fancy {
	margin: 0 10px 10px 0; padding: 0;
	list-style: none;
}
ul.fancy li {
	border-bottom: 1px solid #dedab6;
	font: normal 0.8em/1.8em Verdana, Arial, sans-serif;
	background: transparent url('/img/list-arrow.gif') 95% 50% no-repeat;
}
ul.fancy li a {
	background: transparent url('/img/list-circle.jpg') 2% 50% no-repeat;
	padding-left: 20px;
}
ul.fancy li a:hover {
	background-image: url('/img/list-circle-on.jpg');
}

ul.tools {
	margin: 0; padding: 0;
	list-style: none;
}
ul.tools li {
	margin-bottom: 10px;
}
ul.tools li a#tools-calc { background-image: url('/img/calc-icon.jpg'); }
ul.tools li a.tools-download { background-image: url('/img/icon-download.gif'); }
ul.tools li a#tools-check { background-image: url('/img/check-icon.jpg'); }
ul.tools li a#tools-compare { background-image: url('/img/check-icon.jpg'); }
ul.tools li a#tools-stats { background-image: url('/img/stats-icon.jpg'); }
ul.tools li a {
	background-color: transparent;
	background-position: 0% 20%;
	background-repeat: no-repeat;
	display: block;
	padding-left: 60px;
	font: normal 0.7em/1.3em Verdana, Arial, sans-serif;
	color: #4e5a41;
}
ul.tools li a strong {
	font: bold 16px Arial, Verdana, sans-serif;
	color: #da8f69;
}
.infolinks {
	background-color: #fffef7;
	border: 1px solid #eeeac9;
	padding: 6px;
	margin-bottom: 1em;
}
.infolinks ul {
	margin: 0; padding: 0;
	list-style: none;
}
.infolinks ul li {
	font-weight: bold;
}
ul.left {
	float: left;
	width: 56%;

}
ul.right {
	width: 42%;
	margin-left: 56%;
}
#contactform { }
#contactform input, #contactform textarea {
	border: 1px solid #C0BB83;
	background-color: #FBFFDB;
	margin: 0; padding: 2px;
}
#contactform input.button { width: 36%; }
#contactform input.text  {width: 14em;}
#contactform .error  {
	border: 1px solid #f00;
	/*background-color: #FFDBE7;*/
}
#contactform input.check  {background-color: transparent; border: none;}
#contactform textarea  {width: 100%; height: 10em;}
#contactform dl { margin-bottom: 1.5em; }
#contactform dt {
	font: normal 0.8em/1.3em Verdana, Arial, sans-serif;
	color: #4e5a41;
	float: left;
	width: 10em;
	margin: 0 0 10px 0; padding: 0;
}
#contactform dd {margin: 0 0 10px 10em; padding: 0;}
.form-error {
	color: #f00;
	font: normal 0.7em/1.3em Verdana, Arial, sans-serif;
	padding: 1em;
/*	border: 1px solid #f00;
	background-color: #FFDBE7;*/
}
.fail {
	color: #f00;
	font: normal 0.7em/1.3em Verdana, Arial, sans-serif;
	padding: 1em;
	border: 1px solid #f00;
	background-color: #FFDBE7;
	text-align: center;
	margin-bottom: 1em;
}
.success {
	color: #007A21;
	font: normal 0.7em/1.3em Verdana, Arial, sans-serif;
	padding: 1em;
	border: 1px solid #007A21;
	background-color: #CCFFD9;
	text-align: center;
	margin-bottom: 1em;
}


dl { margin-bottom: 1.5em; }
dt {
	font: normal 0.8em/1.3em Verdana, Arial, sans-serif;
	color: #4e5a41;
	float: left;
	width: 12em;
	margin: 0 0 10px 0; padding: 0;
}
dd {margin: 0 0 10px 12.5em; padding: 0;}
.required {
	color: #f00;
	font: normal 0.7em/1.3em Verdana, Arial, sans-serif;
}

fieldset {
	border: none;
	margin: 2em 0; padding: 0;
}

#quoteform {
	width: 98%;
	border-top: 1px solid #363;
}
#quoteform h3 {margin: 0 0 0.5em 0; padding: 0;}
#personalinfo, #contactinfo,#otherinfo {background: #dce7c5 url('/img/quoteform1.gif') top left repeat-x;}
#occupationalinfo,#requestinfo {background: #E7E4C5 url('/img/quoteform2.gif') top left repeat-x;}
#quoteform .quoteinfo {
	padding: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #363;
}
#requestinfo table {margin-left: 8em;}
#quoteform table {
	border: none;
	font: normal 0.7em/1.3em Verdana, Arial, sans-serif;
	margin: 0;
}
#quoteform table table {
	margin: 0;
	font: normal 1em/1.3em Verdana, Arial, sans-serif;
}
#quoteform input.text {
	width: 20em;
	border: 1px solid #666;
	padding: 3px;
}
#quoteform textarea {
	border: 1px solid #666;
	padding: 3px;
	width: 20em;
}
#quoteform input, #quoteform select, #quoteform input, #quoteform textarea {
	margin: 0;
	font: normal 1em/1.3em Verdana, Arial, sans-serif;
}
#quoteform .error {
	vertical-align: center;
	border: 1px solid #f00;
	padding: 6px 15px 0 30px;
	background: #fcc url('/img/formerror.gif') 3% 0 no-repeat;
}
.tblinside {margin: 0;}
.td-tab {width: 12em;}
.formbuttons { text-align: center; margin: 1em;}
.text {background: #dce7c5 url('/img/quoteform3.gif') top left repeat-x;}
.formbuttons table { width: 90%; }
.formbuttons input { padding: 0.5em 1em;}
#requestinfotable {margin-left: 80px;}
#quoteform td {padding-bottom: 10px;vertical-align: top;}
#quoteform table table td {padding-bottom: 0;}
#quoteform td.top {vertical-align: top;}
#quoteform td.question {
	text-align: right;
	width: 18em;
	margin: 0 2em;
	padding: 0 2em;
}

#quoteform .infobox {
	float: right;
	margin: 1em 1em 0 0;
	padding: 0.5em;
	width: 14em;
	background: #FFFFE1 url('/img/infobox-background.gif') top left repeat-x;
	border: 1px solid #333;
}
#quoteform .infobox h4 {
	margin: 0; padding: 0.5em 0;
	padding-left: 27px;
	background: transparent url('/img/info.gif') 3% 50% no-repeat;
	font: bold 0.7em/1.3em Verdana, Arial, sans-serif;
	border-bottom: 1px solid #bbb;
}
#quoteform .infobox p {
	margin: 0; padding: 0.5em 0;
	font: normal 0.7em/1.3em Verdana, Arial, sans-serif;
}
#quoteform span.req {color: #f00;}

#footer {
	font: normal 0.7em/1.3em Verdana, Arial, sans-serif;
	border-top: 1px solid #dce7c5;
	width: 720px;
	margin: 20px;
	padding: 20px 20px 0 20px;
}
#footer #copyright {
	float: left;
	margin-left: 10px;
	width: 300px;
}
#footer #callus {
	float: left;
	margin-left: 100px;
	width: 300px;
	font: normal 0.9em/1.3em Verdana, Arial, sans-serif;
	text-align: right;
}
#calculator_body {
}
#calculator_body ul#calc_links {
	list-style: none;
	margin: 0 auto;
}
#calculator_body ul#calc_links li {
	float: left;
	margin: 0 1em;
}


#benefit p { 
	/*text-align: center;*/
	line-height: 3em;
}
strong.large {font: bold 3em/2em Georgia, serif;}
#earnings p, #additionalinsurance p { 
	/*text-align: center;*/
	line-height: 3em;
}
#earnings strong, #additionalinsurance strong {font-size: 3em; font-family: Georgia, serif;}
#incomesuplement label, .calcform label {
	width: 16em;
	float: left;
}
#incomesuplement input, .calcform label {
}
#income_table td {
	text-align: center;
}
.body_list {
	list-style: none;
	margin: 0; padding: 0;
}
.body_list li {
	background: transparent url('/img/list-arrow.gif') 0 5px no-repeat;
	padding: 0 20px;
	margin: 5px 0;
	font: normal 0.8em/1.3em Verdana, Arial, sans-serif;
	color: #4e5a41;
}
#cicalc table {
  width: 100%;
  border: 1px solid #ccc;
  margin: 0 0 1em 1em;
}
#cicalc table tr td {
  padding: 0;
  font-size: 0.8em;
  text-align: center;
}
#cicalc table#cisummary tr td {
  text-align: left;
}
#cicalc span.input-display {
  border: 1px solid #999;
  background-color: #ff9;
  width: 5em;
  padding: 0.25em;
}
#newinsuranceblurb {
  font-size: 0.6em;
  border: 1px solid #ccc;
  padding: 0.5em;
}
/*****************
  CSS HACKS BELOW
******************/

/* Clearing Hack below... */

/* box-clear requires all sorts of hackery because of the way the different browsers cope with clearing floats */
div.box-clear { clear: both; line-height: 0px; font-size: 1px; }

/* IE5 (mac) dealt with, now reset font-size for Geckos, turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC) */
/*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */

/* Turn off for Opera 6 and below */
html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers */
head:first-child+body div.box-clear { display: block; }

/* End of Cleaning Hack */

/* pos: rel hack
   position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
   NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned 
   */ 

/*/*/
#header, #mid, #content, #footer
	{ p\osition: relative; }
/* */