/* Table of Contents

	- Global Reset
	- Basic Structures
	- Header
	- Homepage Content
	- Interior Content
	- Flash
	- Footer
	- Common HTML Elements
	- Forms
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/


/* Global Reset

	This is an easy way to make sure that all browsers will default all element rules to the same settings.
	
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin : 0;
	padding : 0;
	border : none;
	font-size : inherit;
	line-height : inherit;
}
fieldset,img { border : 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style : normal; font-weight : normal; }
ol,ul { list-style : none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight : normal; }
q:before,q:after { content:''; }
abbr,acronym { border : 0; }

/* Basic Structures

	These ids and classes create the most basic building blocks for the website.
	(html) sets the default font type, color and size for the entire site.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/


html {
	width : 100%;
	color : #000;
	font-size : 62.5%;
	font-family: Arial, Tahoma, Geneva, Helvetica, sans-serif;
	text-align : center;
}

body {
	margin : 46px auto 5px auto;
	width : 770px;
	text-align : center;
	background : url(../images/template/pageTop.gif) top center no-repeat;
	position : relative;
}

body.large #content { font-size : 125%; line-height : 125%; }
body.xlarge #content { font-size : 150%; line-height : 150%; }

#header {
	width : 770px;
	font-size : 1em;
	line-height : 1em;
	display : block;
	float : left;
	clear : both;
}

/* NOTE! navigationBar is a class, this is so that you can have more than one on a page. */

.navigation {
	width : 100%;
	display : block;
	float : left;
	clear : both;
}

#wrapper {
	width : 770px;
	font-size : 1.2em;
	line-height : 1.2em;
	display : block;
	float : left;
}

#content {
	margin : 0;
	padding : 0 5px 0 5px;
	width : 760px;
	text-align : left;
	display : block;
	float : left;
	clear : both;
}

#footer {
	width : 770px;
	font-size : 1em;
	line-height : 1em;
	display : block;
	float : left;
	clear : both;
}

/* Header
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

#header {
	height : 110px;
	color : #333;
	background : /* - This is the slogan we had to remove for now - url(../images/template/headerBackground.gif) right no-repeat*/ #fff;
	overflow : hidden;
}

#header div {
	margin : 0 auto 0 auto;
	width : 770px;
	text-align : right;
	display : block;
	clear : both;
	position : relative;
}

#header ul {
	margin : 0;
	padding : 0;
	width : auto;
	text-align : right;
	display : block;
	float : right;
	clear : both;
}

#header li {
	margin : 0;
	padding : 0;
	width : auto;
	display : block;
	float : left;
}

#header li.homeLink { padding : 0 0 0 2em; }
#header li.searchField { padding : 0; }

#header a {
	margin : .85em 0 0 0;
	padding : 0 1em 0 1em;
	width : auto;
	color : #333;
	text-align : center;
	border-right : 1px #333 solid;
	display : block;
	float : left;
}

#header a:hover { color : #369; }

#header a.logo  {
	margin : 0;
	padding : 0;
	height : 110px; 
	width : 200px;
	text-indent : -5000px;
	border : none;
	background : url(../images/template/headerLogo.gif) top left no-repeat;
	display : block;
	overflow : hidden;
	position : absolute;
	top : 0;
	left : 0;
}

#header span {
	margin : .85em 0 0 0;
	padding : 0 1em 0 1em;
	width : auto;
	color : #000;
	text-align : center;
	display : block;
	float : left;
}

#header form {
	margin : .5em 0 0 0;
	padding : 0;
	width : auto;
	color : #000;
	text-align : center;
	display : block;
	float : left;
}

#header input  {
	margin : 0;
	padding : 0;
	width : auto;
	font-size : 1em;
	outline : none;
	background : none;
	display : block;
	float : left;
}

#header input.search  {
	padding : .2em;
	height : 1.4em;
	width : 117px;
	font-size : 90%;
	border : 1px #999 solid;
	background : url(../images/template/formFieldBackground.gif) top left repeat-x #fff;
	overflow : hidden;
}

#header input.button  {
	height : 20px;
	width : 37px;
	border : none;
	background : url(../images/template/formButtonGo.gif) top left no-repeat;
	overflow : hidden;
}

#header div.print {
	margin : 0 auto 0 auto;
	width : 760px;
	text-align : left;
	display : none;
	clear : both;
}

/* Homepage Content
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

body.home #wrapper { background : url(../images/template/homepageContentBackground.gif) top center repeat-y; }

body.home #content { padding : 0 5px 0 5px; background : none; }

.threeColumns { background : url(../images/template/homeBucketBackground.gif) top left repeat-y; }

.homeBuckets p { padding : 0 1.4em 0 1.4em; }

/* Homepage Bucket Titles */

h2.graphic {
	padding : 0;
	border : none;
	text-indent : -5000px;
	overflow : hidden;
	display : block;
}

h2.choosePolicy { height : 50px; width : 249px; background : url(../images/template/homeBucketSectionTitles.gif) 0px 0px; }
h2.findAgent { height : 50px; width : 249px; background : url(../images/template/homeBucketSectionTitles.gif) 511px 0px; }
h2.lifeInsurance { height : 50px; width : 262px; background : url(../images/template/homeBucketSectionTitles.gif) 262px 0px; }

/* Homepage Bucket Graphic Links */

.homeBuckets ul, .homeBuckets ul li { padding : 0; width : 262px; display : block; clear : both; }
.homeBuckets div.choosePolicy ul, .homeBuckets div.moreInfo ul, .homeBuckets div.moreInfo ul li { width : 249px; }

.homeBuckets a.graphicLink {
	margin : 0;
	padding : 0;
	height : 50px;
	width : 262px;
	border : none;
	text-indent : -5000px;
	overflow : hidden;
	display : block;
}

.homeBuckets li.link1 a.graphicLink { background : url(../images/template/homeBucketLinks.gif) 0px 231px; }
.homeBuckets li.link2 a.graphicLink { background : url(../images/template/homeBucketLinks.gif) 0px 181px; }
.homeBuckets li.link3 a.graphicLink { background : url(../images/template/homeBucketLinks.gif) 0px 131px; }
.homeBuckets li.moreInfo a.graphicLink { height : 50px; width : 249px; background : url(../images/template/homeBucketLinks.gif) 0px 71px; }

.homeBuckets li.link1 a.graphicLink:hover { background : url(../images/template/homeBucketLinksHover.gif) 0px 231px; }
.homeBuckets li.link2 a.graphicLink:hover { background : url(../images/template/homeBucketLinksHover.gif) 0px 181px; }
.homeBuckets li.link3 a.graphicLink:hover { background : url(../images/template/homeBucketLinksHover.gif) 0px 131px; }
.homeBuckets li.moreInfo a.graphicLink:hover { background : url(../images/template/homeBucketLinksHover.gif) 0px 71px; }

/* Homepage Find an Agent Form */

form.findAgent  {
	margin : 0;
	padding : 1em 1.4em 0 1.4em;
	width : auto;
	color : #000;
	text-align : center;
	display : block;
	float : left;
}

.findAgent input  {
	margin : 0;
	padding : 0;
	width : auto;
	font-size : 1em;
	border : none;
	outline : none;
	background : none;
	display : block;
	float : left;
}

.findAgent input.search  {
	padding : .2em;
	height : 1.45em;
	font-size : 90%;
	width : 117px;
	border : 1px #999 solid;
	background : url(../images/template/formFieldBackground.gif) top left repeat-x #fff;
	overflow : hidden;
}

.findAgent input.button  {
	height : 20px;
	width : 37px;
	border : none;
	background : url(../images/template/formButtonGo.gif) top left no-repeat;
	overflow : hidden;
}

/* Homepage News Headlines */

.headlines { padding : 0 0 2em 0; background : url(../images/template/homeBucketNewsBackground.gif) bottom left repeat-y; }

.headlines ul {
	padding : 2em 0 0 0;
	width : 760px;
	background : url(../images/template/homeBucketNewsTop.gif) top left no-repeat;
	float : left;
}

.headlines ul li { padding : 0 0 1em 0; width : 760px; display : block; float : left; clear : none; }

.headlines ul li a {
	padding : .6em 22px .5em 15px;
	height : 1.1em;
	width : 723px;
	color : #036;
	font-weight : bold;
	background : url(../images/template/headlinesArrow.gif) right no-repeat;
	display : block;
	float : left;
	clear : none;
}

.headlines ul li a:hover { color : #369; background : url(../images/template/headlinesArrowHover.gif) right no-repeat; }

/* Interior Content
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

#wrapper { background : url(../images/template/interiorContentBackground.gif) top left repeat-y; }

#content { padding : 0 5px 13px 5px; background : url(../images/template/interiorContentBottom.gif) bottom left no-repeat; }

/* Graphic Section Titles */

h1.aboutUs, h1.agentLogin, h1.contactUs, h1.findYourAgent, h1.getYourQuote, h1.lifeProducts, 
h1.loginHelp, h1.manageYourPolicies, h1.planningTools, h1.privacyPolicy, h1.termsAndConditions {
	margin : 0;
	padding : 0;
	height : 69px;
	width : 591px;
	border : none;
	text-indent : -5000px;
	overflow : hidden;
	display : block;
}

h1.aboutUs { background : url(../images/template/pageTitleAboutUs.gif) top left no-repeat; }
h1.agentLogin { background : url(../images/template/pageTitleAgentLogin.gif) top left no-repeat; }
h1.contactUs { background : url(../images/template/pageTitleContactUs.gif) top left no-repeat; }
h1.findYourAgent { background : url(../images/template/pageTitleFindYourAgent.gif) top left no-repeat; }
h1.getYourQuote { background : url(../images/template/pageTitleGetYourQuote.gif) top left no-repeat; }
h1.lifeProducts { background : url(../images/template/pageTitleLifeProducts.gif) top left no-repeat; }
h1.loginHelp { background : url(../images/template/pageTitleLoginHelp.gif) top left no-repeat; }
h1.manageYourPolicies { background : url(../images/template/pageTitleManageYourPolicies.gif) top left no-repeat; }
h1.planningTools { background : url(../images/template/pageTitlePlanningTools.gif) top left no-repeat; }
h1.privacyPolicy { background : url(../images/template/pageTitlePrivacyPolicy.gif) top left no-repeat; }
h1.termsAndConditions { background : url(../images/template/pageTitleTermsAndConditions.gif) top left no-repeat; }

h2 { background : url(../images/template/pageSubSectionTitleBackground.gif) top left no-repeat; }

/* Disclaimer/Footnote/Asterix Text */

.subText {
	padding : 1em 6em 1em 6em;
	font-size : 80%;
	line-height : 1.2em;
	width : auto;
	display : block;
}

/* Search Results Title */

.search_results b strong { padding : 0 7px 0 7px; color : #369; background : url(../images/template/searchResultsBackground.gif) bottom left repeat-x; }

/* Sidebar Modules */

.sideBar {
	padding : 0;
	width : 169px;
	display : block;
	float : left;
}

.sideBarModule {
	margin : 4px 0 0 0;
	padding : 10px 0 0 0;
	width : 169px;
	list-style : none;
	background : url(../images/template/sideModuleTop.png) top left no-repeat;
	display : block;
	float : left;
}

.sideBarModule form {
	margin : 0;
	padding : 0 0 9px 0;
	width : 169px;
	color : #000;
	text-align : center;
	background : url(../images/template/sideNavigationBackground.png) bottom left no-repeat;
	display : block;
	float : left;
}

.sideBarModule h2 {
	margin : 0;
	padding : 0;
	width : 169px;
	display : block;
	float : left;
}

.sideBarModule h2.findAgent { height : 25px; width : 169px; background : url(../images/template/sideModuleTitleFindAgent.gif) top left no-repeat; }
.sideBarModule h2.usefulTools { height : 25px; width : 169px; background : url(../images/template/sideModuleTitleUsefulTools.gif) top left no-repeat; }

.sideBarModule p {
	padding : 0 0 9px 15px;
	width : 154px;
	background : url(../images/template/sideModuleBackground.gif) top left repeat-y;
}

.sideBarModule ul, .sideBarModule ul li { padding : 0; width : 169px; display : block; clear : both; }

.sideBarModule a.graphicLink {
	margin : 0;
	padding : 0;
	height : 33px;
	width : 169px;
	border : none;
	text-indent : -5000px;
	overflow : hidden;
	display : block;
}

.sideBarModule li.link1 a.graphicLink { background : url(../images/template/sideModuleButtonsUsefulTools.gif) 0px 198px; }
.sideBarModule li.link2 a.graphicLink { background : url(../images/template/sideModuleButtonsUsefulTools.gif) 0px 165px; }
.sideBarModule li.link3 a.graphicLink { height : 27px; background : url(../images/template/sideModuleButtonsUsefulTools.gif) 0px 132px; }

.sideBarModule li.link1 a.graphicLink:hover { background : url(../images/template/sideModuleButtonsUsefulTools.gif) 0px 99px; }
.sideBarModule li.link2 a.graphicLink:hover { background : url(../images/template/sideModuleButtonsUsefulTools.gif) 0px 66px; }
.sideBarModule li.link3 a.graphicLink:hover { background : url(../images/template/sideModuleButtonsUsefulTools.gif) 0px 33px; }

.sideBarModule input  {
	margin : 0;
	padding : 0;
	width : auto;
	font-size : 1em;
	border : none;
	outline : none;
	background : none;
	display : block;
	float : left;
}

.sideBarModule input.search  {
	padding : .2em;
	height : 1.45em;
	font-size : 90%;
	width : 97px;
	border : 1px #999 solid;
	background : url(../images/template/formFieldBackground.gif) top left repeat-x #fff;
	overflow : hidden;
}

.sideBarModule input.button  {
	height : 20px;
	width : 37px;
	border : none;
	background : url(../images/template/formButtonGo.gif) top left no-repeat;
	overflow : hidden;
}

.search_results {
	padding: 1.2em !important;
	width: 95% !important;
}
.search_results p {
	padding-left: 0;
	padding-right: 0;
}
.search_results b {
	padding : 1em 0 .7em 0;
	width : auto;
	color : #036;
	font-size : 2em;
	line-height : 100%;
	display : block;
}

/* Collapsing Text Boxes */

h4.headline {
	margin : 0 0 .7em 0;
	padding : .7em 2em .7em 2em;
	width : auto;
	font-weight : bold;
	line-height : 100%;
	background : url(../images/template/collapsingTextTop1.gif) top left no-repeat;
	display : block;
	cursor : pointer;
}

h4.open {
	margin : 0;
	color : #036;
	background : url(../images/template/collapsingTextTop2.gif) top left no-repeat;
}

p.headlineBody {
	margin : 0 0 .7em 0;
	padding : 0 2em 1em 2em;
	line-height : 1.4em;
	width : auto;
	background : url(../images/template/collapsingTextBody.gif) bottom left no-repeat;
	display : block;
}

/* Find Agent Form Module */

.findAgentFormModule {
	margin : 4px 10px 0 10px;
	padding : 10px 0 0 0;
	width : 369px;
	list-style : none;
	background : url(../images/template/findAgentModuleTop.png) top left no-repeat;
	display : block;
	float : left;
}

.findAgentFormModule form {
	margin : 0;
	padding : 0 0 9px 0;
	width : 369px;
	color : #000;
	text-align : center;
	background : url(../images/template/findAgentFromBackground.png) bottom left no-repeat;
	display : block;
	float : left;
}

.findAgentFormModule h2.findAgent {
	margin : 0;
	padding : 0;
	height : 34px;
	width : 369px;
	background : url(../images/template/findAgentModuleTitleFindAgent.gif) top left no-repeat;
	display : block;
	float : left;
}

.findAgentFormModule p {
	padding : 0 70px 9px 80px;
	width : 219px;
	font-weight : bold;
	background : url(../images/template/findAgentModuleBackground.gif) top left repeat-y;
}

.findAgentFormModule input  {
	margin : 0;
	padding : 0;
	width : auto;
	font-size : 1em;
	border : none;
	outline : none;
	background : none;
	display : block;
	float : left;
}

.findAgentFormModule input.search  {
	padding : .2em .2em 0 .2em;
	height : 1.45em;
	font-size : 90%;
	width : 157px;
	border : 1px #999 solid;
	background : url(../images/template/formFieldBackground.gif) top left repeat-x #fff;
	overflow : hidden;
}

.findAgentFormModule input.button  {
	height : 20px;
	width : 37px;
	border : none;
	background : url(../images/template/formButtonGo.gif) top left no-repeat;
	overflow : hidden;
}

/* Flash
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

#homeBanner {
	margin : 0 auto 0 auto;
	width : 760px;
	text-align : right;
	display : block;
	clear : both;
}

#photoArea {
	height : 169px;
	width : 169px;
	display : block;
}

#universalFlashArea {
	padding : 0 11px 0 6px;
	height : auto;
	width : 574px;
	display : block;
}

/* Footer
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

#footer {
	padding : 0 0 47px 0;
	color : #333;
	background : url(../images/template/footerBackground.gif) bottom center no-repeat;
}

#footer ul { 
	margin : 0 auto 0 auto;
	padding : 10px 0 0 0;
	width : 770px;
	background : url(../images/template/footerTopBar.png) top left no-repeat;
	display : block;
	float : left;
	clear : both;
}

#footer li {
	padding : .6em 20px 0 20px;
	width : auto;
	color : #999;
	font-size : 90%;
	text-align : left;
	display : block;
	float : right;
	clear : both;
}

#footer li.navigation { color : #000; font-size : 100%; }

#footer a {
	padding : 0 1em 0 1em;
	width : auto;
	color : #333;
	text-align : center;
	border-right : 1px #333 solid;
	display : block;
	float : left;
}

#header a:hover { color : #369; }

#footer a.last { padding : 0 0 0 1em; border-right : none; }

#footer a:hover { color : #369; }

/* Common Rules
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

a { color : #36c; text-decoration : none; outline : none; }
#content a { text-decoration : underline; }
#content .sideNav { text-decoration : none; }
a:hover { color : #c60; }

#content div { display : block; }

/* COLUMNS
	You can use this class to make a div into a column
	The width here defaults to 50% but can be controlled through the class name in the html which is applied by the autowidth.js file
	
	To set a div column width by percent you would specify the class like this ( class="column percent_#" ) where # is the desired value.
	
	To set a div column width to a specific pixel size you would specify the class like this ( class="column pixels_#" ) where # is the desired value.
*/

.column { margin : 0; padding : 0; width : 50%; float : left; }

h1 {
	padding : .8em;
	width : auto;
	color : #036;
	font-size : 2em;
	line-height : 100%;
	letter-spacing : 1px;
	display : block;
}

h2 {
	padding : 1em .7em .7em .7em;
	width : auto;
	color : #036;
	font-size : 2em;
	font-weight : bold;
	line-height : 100%;
	display : block;
}

h3 {
	padding : .5em 1.4em 0 1.4em;
	width : auto;
	color : #369;
	font-weight: bold;
	line-height : 100%;
	display : block;
}

h4 {
	padding : .5em 1.4em 0 1.4em;
	width : auto;
	font-weight : bold;
	line-height : 100%;
	display : block;
}

p {
	padding : .5em 1.4em .5em 1.4em;
	line-height : 1.4em;
	width : auto;
	display : block;
}

ul p, ul li p {
	padding : 0;
	line-height : 0;
	width : auto;
	display : inline;
}

ul {
	padding : .5em 1.4em 0 3em;
	width : auto;
	list-style : disc;
	display : block;
}

ol {
	padding : .5em 1em 0 3em;
	width : auto;
	display : block;
}

ul li, ol li {
	padding : 0 0 .5em 0;
	width : inherit;
}

hr {
	margin : .5em 1.4em .5em 1.4em;
	display : block;
}

object, embed, img { display : block; }

strong { font-weight : bold; }

sup { font-size : 70%; }

/* apply this class to ad a divider between content sections */

.divider { border-bottom : 1px #d9d9d9 solid; }

/* apply this class to properly format images within content */

.photo {
	margin : 5px 10px 5px 10px;
	display : block;
}

/* Apply these classes to float stuff left or right */

.left { float : left; }

.right { float : right; }

.clear { clear : both; float : none; }

/* Apply this to hide anything */

.hide { display : none; }

/* IE6 Bug fix */

p.ie6Fix { display : none; }

/* Form Rules
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

fieldset {
	margin : 0;
	padding : 5px 10px 5px 10px;
	font-size : inherit;
	line-height : inherit;
	border : none;
	display : block;
	clear : both;
}

label { margin : 0; padding : 0 1em 0 0; text-align : left; width : auto; display : block; float : left; }

input { margin : .2em 0 0 0; height : 1.4em; border : 1px #333 solid; display : block; outline : none; }
input[type="hidden"] { display : none; }

textarea { border : 1px #333 solid; display : block; }

input.radio { margin : 0 .5em 0 0; border : none; display : block; float : left; }
input.checkbox { margin : 0 .5em 0 0; border : none; display : block; float : left; }

select { border : 1px #333 solid; display : block; outline : none; }

option { height : 1.3em; }

input.button {
	margin : 0 1em 0 0;
	padding : .2em 1em .2em 1em;
	height : auto;
	border : 1px #333 solid;
	float : left;
}

#linkTable a {
 text-decoration : none;
 width : auto;
 display : block;
 float : left;
}
 
#linkTable a:hover { color : #5a6a90; 
  text-decoration : underline;
}

.tagLine {
	padding : 1.5em 1.4em 0 1.4em;
	width : auto;
	font-weight : normal;
	line-height : 100%;
	display : block;
}