/* Start CSS Reset Classes */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
 
 
/* Font size conversion chart 
10px = 77%
11px  = 85%
12px  =	93%
13px  =	100%
14px  =	108%
15px  = 116%
16px  =	123.1%
17px  =	131%
18px  =	138.5%
19px  =	146.5%
20px  =	153.9%
21px  =	161.6%
22px  =	167%
23px  =	174%
24px  =	182%
25px  =	189%
26px  =	197%
*/

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;}


/* Start CSS Reset Classes */
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;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* End CSS Reset Classes */


/* Begin Global Link Treatment */
a {color: #0F57C2; text-decoration: none; font-family: arial, sans-serif;}
a:visited {color:#800080; text-decoration: none;}
a:active, a:focus {color:#E74B00; text-decoration: underline;}
a:hover {text-decoration: underline;}
/* End Global Link Treatment */

/* Begin Utility Classes */
.bold {font-weight: bold;}
.unbold	{font-weight: normal;}
.emphasis {font-style: italic;}
.underline	{text-decoration:underline;}
.grey-hr	{border-bottom:1px solid #DBDCDE; clear:both; height:1px; margin:0; padding:0;}
.hr-for-ie {display:none;}
.clear-both	{clear:both;}
/* End Utility Classes */


/* Layout Clases */
.layout-breadcrumb-region	{margin:7px 0px 0px 3px;}
.layout-left-side-region	{vertical-align:top;}
.layout-left-gutter-region	{padding:0px 0px 0px 20px;}
.layout-center-content-region	{vertical-align:top; width:561px;}
.layout-right-gutter-region	{padding:0px 0px 0px 20px;}
.layout-right-side-region	{vertical-align:top; width:180px;}
.layout-footer-region	{width:995px;}

.layout-breadcrumb-region .layout-spacer-1	{padding:15px 0px 0px 0px;}
.layout-center-content-region .layout-spacer-1	{padding:10px 0px 0px 0px;}
.layout-footer-region .layout-spacer-1	{padding:32px 0px 0px 0px;}


/* Component Classes */
.breadcrumb	{color:#666666; font-size:85%;}
.breadcrumb .first	{background:none; font-weight:bold;}
.breadcrumb li	 {padding:0px 0px 0px 10px;display:inline; background:url(/images/caret.gif) 0px 4.5px no-repeat;}
.breadcrumb a	{color:#666666; text-decoration:none;}
.breadcrumb a:visited	{color:#666666; text-decoration:none;}
.breadcrumb a:hover	{color:#666666; text-decoration:underline;}
.breadcrumb a:active	{color:#666666; text-decoration:none;}

.toc	{margin:0px 0px 0px 4px;}

.header h1	{color:#387800; font-size:182%; font-weight:normal;}

.content h2	{color:#3D7000; font-size:131%; margin:10px 0px 7px 0px;}
.content h3	{color:#000000; font-size:108%; margin:0px 0px 5px 0px;}
.content p	{line-height:150%; padding:0px 0px 8px 0px;}
.content ul {margin:0px 0px 5px 5px;}
.content ul li	{background:url(/common/always-cached/images/bullets/greenbulsq.gif) 0px 6px no-repeat; padding:0px 0px 5px 15px;}
.content ol	{margin: 10px 0px 0px 25px;}
.content ol li	{list-style:decimal; padding:0px 0px 7px 0px;}
.content img	{margin:10px 0px 20px 0px;}
.content .disclosures	{margin:5px 0px 20px 0px; font-size:85%; color:#666666; padding:0px 0px 3px 0px;}

.learn-more	{margin:20px 0px 0px 0px;}
.learn-more h3	{color:#3D7000; font-size:108%; margin:0px 0px 5px 0px;}

.side-bar-glossary	{margin:40px 0px 20px 0px;}
.side-bar-glossary h5	{color:#3D7000; padding:0px 0px 5px 0px;}
.side-bar-glossary ul li	{background:url(/common/always-cached/images/bullets/greenbulsq.gif) 0px 6px no-repeat; padding:0px 0px 5px 10px;}

.side-bar-links h5	{color:#3D7000; padding:0px 0px 5px 0px;}
.side-bar-links p	{padding:0px 0px 10px 0px;}
.side-bar-links ul li	{background:url(/common/always-cached/images/bullets/greenbulsq.gif) 0px 6px no-repeat; padding:0px 0px 5px 10px;}

.rounded-corner-callout {background: url(/products/incomesolutions/images/sidebar/greenroundedcorner-tl.gif) no-repeat top left;}
.rounded-corner-callout-top {background: url(/products/incomesolutions/images/sidebar/greenroundedcorner-tr.gif) no-repeat top right;}
.rounded-corner-callout-bottom {background: url(/products/incomesolutions/images/sidebar/greenroundedcorner-bl.gif) no-repeat bottom left;}
.rounded-corner-callout-bottom div {background: url(/products/incomesolutions/images/sidebar/greenroundedcorner-br.gif) no-repeat bottom right;}
.rounded-corner-callout-content {background: url(/products/incomesolutions/images/sidebar/greenroundedcorner-r.gif) top right repeat-y;}
.rounded-corner-callout-top div, .rounded-corner-callout-top,
.rounded-corner-callout-bottom div, .rounded-corner-callout-bottom {width: 100%; height: 10px; font-size: 1px;}
.rounded-corner-callout-content, .rounded-corner-callout-bottom {margin-top:0px;}
.rounded-corner-callout-content { padding-left: 5px; padding-right:5px; margin-left: 5px; }
.rounded-corner-callout-content img	{ margin-left: 10px;}

/* price.shtml */
.bi-fold-callout	{margin:10px 0px 0px 0px; margin:20px 0px 20px 0px;}
.bi-fold-callout .left	{float:left; width:260px; border:1px solid #CCCCCC; padding:10px 9px 29px 10px;}
.bi-fold-callout .right	{float:right; width:259px; border:1px solid #CCCCCC; padding:10px 9px 10px 10px;}
.bi-fold-callout img	{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.bi-fold-text-block .left	{float:left; width:350px;}
.bi-fold-text-block .right	{float:right;}
.bi-fold-text-block .right .call-out-box	{width:185px; border:1px solid #CCCCCC; padding:0px 0px 0px 0px; margin-top:4px;}
.bi-fold-text-block .right .call-out-box .header	{background-color:#F0F2F7;}
.bi-fold-text-block .right .call-out-box ul {padding:0px 5px 0px 5px;}
.bi-fold-text-block .right .call-out-box h4	{color:#3F8800; padding:10px 0px 10px 0px; text-align:center}
.bi-fold-text-block .right .call-out-box p	{padding:10px 10px 10px 10px;}
.bi-fold-text-block .right .call-out-box img	{margin:0px 0px 20px 20px;}
.example	{margin:10px 0px 10px 15px; width:530px;}
.example-2	{margin:10px 10px 10px 15px; width:330px;}
.top	{float:right; font-size:85%;}

.tri-fold-callout	{margin:20px 0px 20px 0px;}
.tri-fold-callout .left	{float:left; width:166px; border:1px solid #CCCCCC; padding:10px 9px 29px 10px;}
.tri-fold-callout .center	{float:left; width:166px; border:1px solid #CCCCCC; padding:10px 9px 9px 10px;}
.tri-fold-callout .right	{float:right; width:166px; border:1px solid #CCCCCC; padding:10px 9px 29px 10px;}
.bi-fold-text-block .right .call-out-box .ladder	{float:left; margin:0px 5px 10px 0px;}
.bi-fold-text-block .right .call-out-box .bullets	{float:right; margin:0px 0px 0px 5px;} 
.individual-bond-strategies .bi-fold-text-block .right .call-out-box p	{padding:0px 10px 10px 10px;}

.taxable-vs-municpal-bond-funds .bi-fold-callout .left {border:none;}
.taxable-vs-municpal-bond-funds .bi-fold-callout .right {border:none;}
.taxable-vs-municpal-bond-funds .bi-fold-callout .left	{float:left; width:219px; padding:10px 9px 29px 0px;} 
.taxable-vs-municpal-bond-funds .bi-fold-callout .left p	{padding:0px 0px 0px 0px; text-align:center;}
.taxable-vs-municpal-bond-funds .bi-fold-callout .right	{float:right; width:320px; padding:20px 9px 29px 0px;} 
.municipal-bond-table	{margin:0px 0px 15px 0px;}
.municipal-bond-table th	{border:1px solid #CCCCCC; color:#FFFFFF; background-color:#666666; font-weight:bold; padding:5px 10px 5px 10px; text-align:center;}
.municipal-bond-table tr	{border:1px solid #CCCCCC;}
.municipal-bond-table td	{border:1px solid #CCCCCC; text-align:center; padding:5px 0px 5px 0px;}
.municipal-bond-table .shaded	{background:#F0F0F0;}

.bi-fold-text-block .right .call-out-image	{border:1px solid #CCCCCC; padding:5px 5px 5px 5px;}

.bond-comparison	{margin:0px 0px 15px 0px;}
.bond-comparison .column	{border:1px solid #CCCCCC; color:#FFFFFF; background-color:#666666; font-weight:bold; padding:5px 10px 5px 10px; text-align:center;}
.bond-comparison th	{border:1px solid #CCCCCC; font-weight:bold; padding:5px 10px 5px 10px; text-align:center;}
.bond-comparison tr	{border:1px solid #CCCCCC;}
.bond-comparison td	{border:1px solid #CCCCCC; padding:5px 5px 5px 5px;}

.bond-funds-vs-bonds .bi-fold-callout .right	{padding:10px 9px 59px 10px;}

.diversify-your-portfolio .bi-fold-text-block .right	{width:180px;}

.how-bonds-work .tri-fold-callout .left	{width:166px; padding:10px 9px 19px 10px;}
.how-bonds-work .tri-fold-callout .center	{width:166px; padding:10px 9px 19px 10px;}
.how-bonds-work .tri-fold-callout .right	{width:166px; padding:10px 9px 0px 10px;}

.how-bonds-work .bond-table .column	{border:1px solid #CCCCCC; color:#FFFFFF; background-color:#666666; font-weight:bold; padding:5px 10px 5px 10px; text-align:center;}
.how-bonds-work .bond-table th	{border:1px solid #CCCCCC; font-weight:bold; padding:5px 10px 5px 10px; text-align:center;}
.how-bonds-work .bond-table tr	{border:1px solid #CCCCCC;}
.how-bonds-work .bond-table td	{border:1px solid #CCCCCC; padding:5px 5px 5px 5px;}