/* CSS Document */
body { margin: 0px;
	background-color: #FAFBF9;
	color: #646464;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	voice-family: "\"}\"";
	voice-family:inherit; }
html>body {font-size:100%;}
img, img a {border: 0px;}
form {margin: 0px; padding: 0px;}
.left {float: left;}
.right {float: right;}
.txtleft {text-align: left;}
.txtright {text-align: right;}
.center {text-align: center;}
.clear {height: 1px; width: 100%; font-size: 1px; overflow: hidden; clear: both;}
.clearright { clear: right;}
.textsmall {font-size: 80%;}
.smalltxt {font-size: smaller; line-height: 100%; margin-top: 0px; padding: 0px; display: block; margin-bottom: 5px; color: #646464} /* Used on homepage for descriptors */
.none { display: none; visibility: hidden;}
.redtext { color: #E21201;}
/* no list-markers by default, since lists are used more often for semantics */
div#container-outer ul, div#container-outer ol { list-style:none }
/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
#body  h2, #body  h3 { font-size:1em; }
#body ul, #body ol, #body li, #body h2, #body h3, #body p { margin:0; padding:0 }
/* more varnish stripping as necessary... */
/* reset some basic style */
#body p {margin-bottom: 1em;}
/* Header area Styles */
#headerwrapper { width: 100%;
	height: 98px;
	overflow: hidden;
	background-color: #447DC7;
	color: #FAFBF9;
	background-image:url(/includes/images/headerbg.gif);
	background-repeat: repeat-x;
	background-position: top left;}
	
#header { width: 735px;
	margin-left: auto;
	margin-right: auto;}
	
#tagline { padding-top:33px;
	width: 400px;
	overflow: hidden;
	float: left;}
#logo { width: 335px;
	padding-top: 18px;
	text-align: right;
	overflow: hidden;
	float: left;}
	
/* Navigation Layout Styles */
	
#navwrapper { position: absolute;
	width: 100%; 
	top: 98px;
	left: 0px;
	height: 28px; 
	background-color: #3492D6;}
#nav { width: 735px;
	margin-left: auto;
	margin-right: auto;
	font-size: 80%;
	color: #FFFFFF;}
	
#nav ul { list-style: none; margin: 0px; padding: 0px;
	display: block;
	width: 735px;
	height: 28px;
	overflow: hidden;}
#nav li { float: left; background-color: #3492D6;}
#nav a { text-decoration: none; color: #FFFFFF;}
/* Navigation Rollover Styles */
a.navhome, a.navhome:hover, a.navhomeOn, a.navhomeOn:hover { width: 57px; height: 28px; display: block; }
a.navhome{ background-image: url(/includes/images/nav_home.gif); background-position: 0px 0px;}
a.navhome:hover, a.navhomeOn, a.navhomeOn:hover { background-image: url(/includes/images/nav_home.gif); background-position: 0px -28px; }
a.navfunds, a.navfunds:hover, a.navfundsOn, a.navfundsOn:hover { width: 59px; height: 28px; display: block;}
a.navfunds {  background-image:url(/includes/images/nav_funds.gif); background-position: 0px 0px; }
a.navfunds:hover, a.navfundsOn, a.navfundsOn:hover { background-image:url(/includes/images/nav_funds.gif); background-position: 0px -28px; }
a.navproducts, a.navproducts:hover, a.navproductsOn, a.navproductsOn:hover { width: 76px; height: 28px; display: block;}
a.navproducts { background-image:url(/includes/images/nav_products.gif); background-position: 0px 0px; }
a.navproducts:hover, a.navproductsOn, a.navproductsOn:hover { background-image:url(/includes/images/nav_products.gif); background-position: 0px -28px; }
a.navyourpolicyvalues, a.navyourpolicyvalues:hover, a.navyourpolicyvaluesOn, a.navyourpolicyvaluesOn:hover  {width: 146px; height: 28px; display: block; }
a.navyourpolicyvalues { background-image: url(/includes/images/nav_yourpolicyvalues.gif); background-position: 0px 0px; }
a.navyourpolicyvalues:hover, a.navyourpolicyvaluesOn, a.navyourpolicyvaluesOn:hover { background-image: url(/includes/images/nav_yourpolicyvalues.gif); background-position: 0px -28px;}
a.navguidetoinvesting, a.navguidetoinvesting:hover, a.navguidetoinvestingOn , a.navguidetoinvestingOn:hover { width: 144px; height: 28px; display: block; }
a.navguidetoinvesting { background-image:url(/includes/images/nav_guidetoinvesting.gif); background-position: 0px 0px; }
a.navguidetoinvesting:hover, a.navguidetoinvestingOn, a.navguidetoinvestingOn:hover { background-image:url(/includes/images/nav_guidetoinvesting.gif); background-position: 0px -28px; }
a.navaboutstandardlife, a.navaboutstandardlife:hover, a.navaboutstandardlifeOn, a.navaboutstandardlifeOn:hover { width: 155px; height: 28px; display: block; }
a.navaboutstandardlife {  background-image: url(/includes/images/nav_aboutstandardlife.gif); background-position: 0px 0px; }
a.navaboutstandardlife:hover, a.navaboutstandardlifeOn, a.navaboutstandardlifeOn:hover  { background-image: url(/includes/images/nav_aboutstandardlife.gif); background-position: 0px -28px; }
a.navcontactus, a.navcontactus:hover, a.navcontactusOn, a.navcontactusOn:hover { width: 91px; height: 28px; display: block;}
a.navcontactus { background-image:url(/includes/images/nav_contactus.gif); background-position: 0px 0px; }
a.navcontactus:hover, a.navcontactusOn, a.navcontactusOn:hover { background-image:url(/includes/images/nav_contactus.gif); background-position: 0px -28px; }
/* *** Homepage Layout Styles - Do not modify *** */
#colcontainer { font-size: 120%; color:#FFFFFF;
	background-image:url(/includes/images/colcontainbg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	}
#col1 { width: 235px; 
	float: left;
	overflow: hidden; padding-bottom: 3px;}
	
#col1 #box1foot { background-image:url(/includes/images/col1-footbg.gif); 
	background-position: bottom; 
	background-repeat: no-repeat;
	background-color: #BDE1FD;
	padding-bottom: 5px}
#col1 #box1 { background-image:url(/includes/images/col1-topbg.gif); 
	background-position: top; 
	background-repeat: no-repeat;}
	
#col1 #box2 { background-image:url(/includes/images/col1-topbg.gif); 
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 15px;
	background-color: #BDE1FD;}
	
#col1 #box2 img { clear: right;}
#col2 { width: 235px; 
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	overflow: hidden; padding-bottom: 3px;}
	
#col2box1contain { background-image: url(/includes/images/col2box1-bg.gif);
	background-position: top left; 
	background-repeat:repeat-y}
	
#col2box2contain, #col2box3contain { background-image: url(/includes/images/col2-bg.gif);
	background-position: top left; 
	background-repeat:repeat-y}
#col2box2contain, #col2box3contain { border-top: 15px solid #FAFBF9; }
	
#col2 #box1foot { background-image:url(/includes/images/col2box1-footbg.gif); 
	background-position: bottom; 
	background-repeat: no-repeat;
	padding-bottom: 5px}
	
#col2 #box2foot { background-image:url(/includes/images/col2-footbg.gif); 
	background-position: bottom; 
	background-repeat: no-repeat;
	padding-bottom: 5px}
#col2 #box1 { background-image:url(/includes/images/col2box1-topbg.gif); 
	background-position: top; 
	background-repeat: no-repeat;}
#col2 #box2, #col2 #box3 { background-image:url(/includes/images/col2-topbg.gif); 
	background-position: top; 
	background-repeat: no-repeat;}
#col3 { width: 235px;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	overflow: hidden}
	
#col3 #box1foot { background-image:url(/includes/images/col3box1-footbg.gif); 
	background-position: bottom; 
	background-repeat: no-repeat;
	background-color: #9CCEF8;
	padding-bottom: 5px}
#col3 #box1 { background-image:url(/includes/images/col3box1-topbg.gif); 
	background-position: top; 
	background-repeat: no-repeat;}
	
#col3 #box1 strong { margin-right: 15px;}
#col3 #box1 img { margin-right: 8px; margin-left: 8px;}
	
#col3 #box2foot { background-image:url(/includes/images/col3box2-footbg.gif); 
	background-position: bottom; 
	background-repeat: no-repeat;
	background-color: #85B3D4;
	border-top: 15px solid #FAFBF9;
	padding-bottom: 5px}
#col3 #box2 { background-image:url(/includes/images/col3box2-topbg.gif); 
	background-position: top; 
	background-repeat: no-repeat;}
	
#col1 #box1 p, #col1 #box2 p, #col2 #box1 p, #col2 #box2 p, #col2 #box3 p, #col3 #box1 p, #col3 #box2 p  { margin: 0px; padding: 0px;
	font-size: 85%;
	line-height: 150%;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;}
#col1 img, #col2 img, #col3 img { padding-top: 5px;
	margin-left: 8px;}
	
#col1 a.right, #col2 a.right, #col3 a.right { padding-top: 4px;}
	
#col3 #box2foot #box2 h2 { color: #FFFFFF;}
#banner { width: 485px; 
	margin-left: 250px;
	height: 125px;}
	
* html #banner  { margin-left: 247px;} 
#body #colcontainer #col3 #ads { padding-top: 10px; font-size: 1px; line-height: 100%;	}
#body #colcontainer #col3 #ads a, #body #colcontainer #col3 #ads p { margin: 0px; padding: 0px;}
#body #colcontainer #col3 #ads ul { list-style: none; margin: 0px; padding: 0px;}
#body #colcontainer #col3 #ads li { margin: 0px; padding: 0px; margin-top: 7px;}
#body #colcontainer #col3 #ads img { margin: 0px; padding: 0px; margin-top: 0px; margin-bottom: 0px;}
.contactus {background-image: url(/includes/images/contact.gif); background-position: 80px 30px; background-repeat: no-repeat;}
	
/* Main Body Styles */
#body { width: 735px;
	font-size: 70%;
	margin-top: 58px;
	margin-left: auto;
	margin-right: auto;
	line-height: 135%;}
	
#body a { color: #3333CC;
	text-decoration: underline;}
	
#body a:hover { color: #3333CC;
	text-decoration: none;}
	
#colcontainer a {text-decoration: none;}
#colcontainer a:hover { text-decoration: underline;}
	
#body .nounderline a, a .nounderline { text-decoration: none;}
#body .nounderline a:hover, #body a:hover .nounderline { text-decoration: underline;}
/* Right Left Columns */
#leftcol {width: 510px;
	float: left;}
	
#rightcol { width: 200px;
	margin-left: 535px;}
* html #rightcol { margin-left: 532px;}
/* General Body Styling */
	
#body p {margin-left: 10px;
	margin-top: 12px;
	margin-bottom: 12px;}
#body ul {
	list-style:none;
	color: #5C5C5C;
	padding: 0px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	margin-top: 0px;
	padding-top: 3px;
	margin-left:10px;}
#body li  {margin: 0px;
	padding-left: 18px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
	background-image: url(/includes/images/li.gif);
	background-repeat: no-repeat;
    background-position: 5px 10px;}
	
#body h1 { width: 725px;
	font-size: 140%;
	color: #FAFBF9;
	height: 24px;
	background-color: #84B3D2;
	margin: 0px;
	display: block;
	padding-top: 9px;
	padding-left: 10px;
	background-image:url(/includes/images/h1bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;}
	
#leftcol h1 { width: 510px;}
#body h2 { width: 725px;
	font-size: 130%;
	color: #494674;
	height: 20px;
	background-color: #CBE4F4;
	margin: 0px;
	display: block;
	margin-top: 15px;
	padding-top: 5px;
	padding-left: 10px;
	background-image:url(/includes/images/h2bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;}
#body #colcontainer h2 { width: 200px; background-image: none; background-color: transparent; margin: 0px; padding: 0px; font-size: 100%; height: 18px; display: block;
 padding-top: 8px; padding-bottom: 5px; padding-left: 10px; clear: right;}
#leftcol h2 { width: 510px; margin-bottom: 10px;}
	
#leftcol h2.off { /* 'off' Style for Incriment only headings */
	background-color:#FADDB3;}
#leftcol h3 {color: #666699;
	padding-left: 10px;
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #F1F2ED;
	display: block;
	width: 510px;
	padding-left: 10px;
	padding-top: 4px;
	height: 18px;}
	
/* Body Tables Styles and SmallTable Style */
	
#leftcol table, #leftcol table.smalltable  { background-color: #E7F2F9;}
#leftcol table th, #leftcol table.smalltable th { font-weight: normal; padding-left: 10px; padding-right: 10px;  padding-top: 2px; padding-bottom: 2px;}
#leftcol table td, #leftcol table.smalltable td { background-color: #FAFBF9; }
	
#leftcol table.smalltable td { text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px;}
	
/* Puff Styles ... Use: <div class=puff><p>Content</p></div> */
.puff { float: right;
	padding-bottom: 10px;
	width: 190px;
	margin-left: 10px;
	background-image:url(/includes/images/puffbottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;}
	
.puff p { background-image: url(/includes/images/pufftop.gif); background-repeat: no-repeat; background-position: top left;
	width: 170px;
	margin: 0px !important;
	padding-top: 10px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	content:}
	
/* Back to top styles */
.backtotop { float: right; display: block; width: 110px; background-image: url(/includes/images/backtotop.gif); background-position: right; background-repeat: no-repeat; text-align: left;}
	
/* Related Links Styles */
#related { background-color: #DFF1FF;
	width: 200px;
	background-image:url(/includes/images/relatedbg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 3px;}
	
#related p {line-height: 150%;}
#relatedbottom { margin-top: 20px;
	background-color: #DFF1FF;
	background-image:url(/includes/images/relatedbottombg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 3px;
	width: 735px;
	font-size: 85%;
	margin-bottom: 15px;}
	
#related h5, #relatedbottom h5 {font-size: 120%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #3492D6;
	height: 18px;
	margin: 0px;
	display: block;
	padding-top: 6px;
	padding-left: 10px;
	background-image:url(/includes/images/h5bg.gif);
	background-position: top;
	background-repeat: no-repeat;}
	
#related h5 { width: 190px;}
	
#relatedbottom h5 { width: 725px;
	background-image:url(/includes/images/relatedbottombgtop.gif);
	font-size: 140%;}
#related p{margin-right: 0px;}
#relatedbottom p {margin-right: 0px; line-height: 70%;}
	
#related a {color: #3333CC;
	text-decoration: none; }
	
#related ul, #relatedbottom ul { list-style: none; margin: 0px; padding: 0px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; font-weight: bold;}
#related li, #relatedbottom li { padding: 0px; margin: 0px; background-image: none; padding-top: 2px; padding-bottom: 2px;}
#related li a, #relatedbottom li a { font-weight: normal;}
	
#relatedbottom a {color: #3333CC;
	text-decoration: underline;}
#related a:hover {color: #3333CC;
	text-decoration: underline;}
	
#relatedbottom a:hover {color: #3333CC;
	text-decoration: none;}
	
/* Footer Styles */
#footerwrapper {
	margin-top: 15px;
	width: 100%; 
	background-image:url(/includes/images/footerbg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	clear: both}
	
#footernav { width: 735px;
	margin-left: auto;
	margin-right: auto;
	font-size: 60%;
	height: 22px;
	text-align: left;
	color: #3333CC;}
	
#footernav a {color: #3333CC;
	text-decoration: none;}
#footernav a:hover {color: #3333CC;
	text-decoration: underline;}
#footernav p {color: #3333CC; padding-top: 5px;}
#footer { width: 735px;
	margin-left: auto;
	margin-right: auto;
	color: #A3A3A3;
	font-size: 60%;
	padding-bottom: 10px;}
#footer a {color: #3333CC;
	text-decoration: none;}
#footer a:hover {color: #3333CC;
	text-decoration: underline;}
#foooter p { margin: 0px; padding: 0px;}
	
/* Page breadcrum and print this page styles */
#pageopt { position: absolute;
	width: 100%; 
	top: 133px;
	margin-left: auto;
	margin-right: auto; 
	height: 15px;
	font-size: 60%;
	margin-top: 0px;}
	
#pageopt p {margin: 0px;
	margin-top: 1px;}
	
#pageopt a {color: #3333CC;
	text-decoration: underline;}
#pageopt a:hover {color: #3333CC;
	text-decoration: none;}
#breadcrum { 
	margin-left: auto;
	margin-right:auto;
	width: 735px;
	height: 15px;}
	
#breadcrum p:before { content: "Go to : "} /* Insert text before breadcrum */
#print { width: 150px;
	height: 15px;
	float: right;
	text-align: right; }
	
/* Form Styles */
#loginbox { background-color: #E7F2F9;
	width: 370px;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: auto;
	background-image: url(/includes/images/loginbottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;}
#loginbox form { background-image: url(/includes/images/logintop.gif);
	background-position: top left;
	padding-top: 3px;
	background-repeat: no-repeat;}
.inputlogin, input, select, textarea {border: 1px solid #3995D7;
	background-color: #FAFBF9;
	font-size: x-small;
	padding: 2px;
	color: #646464;
	width: 140px;}
.radio { border: 0px;}
input, select, radio, textarea { width: auto;}
/* To assign a width to make a uniform width for form elements, assign a class to all form input areas */
	
.submitlogin {margin-left: 220px; 
	color: #646464;
	font-size: x-small;
	font-weight: bold;
	padding: 1px;
	background-color: #E7F2F9;
	border: 1px solid #52A2DC;}
.labellogin { padding-top: 2px;
	padding-left: 50px;
	width: 82px;
	float: left;
	display: block;}
	
#loggedon { font-size: x-small; color:#FFFFFF; position: absolute; top: 30px; margin-left: 280px;}
#loggedon a {text-decoration: underline; color:#FFFFFF;}
#loggedon a:hover { text-decoration: none; color:#FFFFFF;}
	
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;}
.sIFR-replaced {
	visibility: visible !important;}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;}
/* These decoy styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #colcontainer h2 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;}
	
.sIFR-hasFlash #body h1 {
	font-size: 120%;
	margin: 0px;
	color: #FAFBF9;
	height: 26px;
	background-color: #84B3D2;
	margin: 0px;
	display: block;
	padding-left: 10px;
	padding-top: 7px;
}
.sIFR-hasFlash #related h5, #relatedbottom h5 {font-size: 120%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #3492D6;
	height: 22px;
	margin: 0px;
	display: block;
	padding-top: 6px;
	padding-left: 10px;
	background-image:url(/includes/images/h5bg.gif);
	background-position: top;
	background-repeat: no-repeat;}
	
.sIFR-hasFlash #body h2 {
	font-size: 130%;
	color: #494674;
	height: 22px;
	background-color: #CBE4F4;
	margin: 0px;
	display: block;
	margin-top: 15px;
	padding-top: 3px;
	padding-left: 10px;
	background-image:url(/includes/images/h2bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;}
	
.sIFR-hasFlash #leftcol h3 {color: #666699;
	padding-left: 10px;
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #F1F2ED;
	display: block;
	width: 510px;
	padding-left: 10px;
	padding-top: 4px;
	height: 18px;}