@charset "UTF-8";
/* CSS Document */
/* 
Imported Styles
-----------------------------------------------------------------------------*/	
@import url("cssreset.css"); /* Resets defaults to help minimize browser interpretation issues */
@import url("sifr.css"); /* used for professional font replacment */
@import url("slideshow.css"); /* used for professional font replacment */
/* 
Typography
-----------------------------------------------------------------------------*/	
h1, h2, h3, h4, h5, h6, th {margin-bottom: 10px; padding:0; margin-top:0;}
h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
#primary-content .sub h3 {font-size:18px; border-bottom: #fff 1px solid;}
h4 {font-size:18px;}
#content-area p, #content-area ol, #content-area ul, #content-area dl, #content-area small, #content-area td, #content-area dd 
{ line-height:16px; margin-bottom:1.5em; padding:0; margin-top:0;}
#content-area ul {margin-left:25px;}
#content-area ul li {list-style:square;}
#content-area ol {margin-left:32px;}
#content-area ol li {list-style:decimal;}
#categories-menu li, #fund-menu li, #index-menu li {margin-bottom: .75em; font-size:15px;}
ol ul li {list-style:square !important;}
#footer ul, #footer p, #footer h5 {margin-bottom:0; color:#000;}
#primary-content .sub strong {font-size:16px;}
dt, dd span {font-weight:bold; font-size:18px;}
.hilite {color:#73b7ff;}
a:link, a:visited {text-decoration:; color:#73b7ff;}
a:hover, a:focus {text-decoration:none;}
a:active {}
#logo a {color:#fff; text-decoration:none;}
#logo a:hover {color:#ebebeb;}

/* 
Containers
-----------------------------------------------------------------------------*/	
html {text-align: center; font:13px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0;background:#0a3d79 url(../images/html-back.png) top left repeat-x;}

small {font-size:11px;}
#masthead, #primary-content, #secondary-content, #tertiary-content, #footer {width: 100%;}
#masthead .gutter, #primary-content .gutter, #secondary-content .gutter, #tertiary-content .gutter, #footer .gutter {width: 935px; position:relative; margin:0 auto;}
#wrapper, body {margin:0; padding:0;}
#masthead {height:110px;}
#logo {position: absolute; top:0; left:-5px;}
#banner {width: 935px; margin:0 auto; background-color:#007cff; height:302px; margin-bottom:30px; border-bottom:#fff 7px solid; position:relative; z-index:10;}
#content-area {margin-top:40px;}
#home #content-area {margin-top:0;}
#primary-content{margin-bottom:20px;}
#primary-content .gutter, #secondary-content .gutter {text-align: left;}

#primary-content .main, #secondary-content .main {float:left; width:648px; background:url(../images/content-back-trans.png) top right repeat-y;}
.chart {border:#0e539a 1px solid; background-color:#0c488a; padding:10px 0; margin-bottom:1.5em;}
.chart div, .chart h2 { text-align:center; margin-bottom:0;}
.chart div img {margin-bottom:1em;}
#primary-content .sub, #secondary-content .sub {float:right; width:268px;}
#secondary-content {background-color:#fff !important; color:#000; text-align:left; z-index:10000; padding-bottom:10px;}
#footer {clear:both; background-color:#fff; margin:0; padding:0;}
/* 
Gutters
-----------------------------------------------------------------------------*/	
#primary-content .main .padding, #secondary-content .main .padding {padding: 0 18px 0 0; width}
#secondary-content .gutter {padding: 20px 0;}
#masthead .gutter {padding:;}
#banner .gutter {padding:;}
#footer .gutter {padding:15px 0; border-top: #ccc 1px solid;}
/* 
Navigation
-----------------------------------------------------------------------------*/	
#main-navigation {width:935px; margin:0 auto; background: url(../images/nav-bar-back.png) top left repeat-x; height:50px; margin-bottom:10px;}
#nav {height:30px; float:left;}
#nav li {float: left; margin-right:1px;}
#nav li a {background: url(../images/nav-back.png) top left repeat-x; line-height:50px; float:left; display:block; width:133px;  color:#fff; text-decoration:none;}
#nav li.last {margin-right:0;}
#nav li.last a {width: 131px;}
#nav li a:hover, #nav li a:focus, #nav li a.active { background:url(../images/nav-back-hover.png) top left repeat-x;}
#nav li a.active:hover {cursor: default;}

.sub li a.active {color:#fff;}
/* 
Superfish Drop Down Navigation
-----------------------------------------------------------------------------*/	
.sf-menu {line-height:	30px;}
.sf-menu ul {position:absolute;	top:-999em;	width:15em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative;}
.sf-menu a {position:relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top:1.5em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:15em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:	0;}
.sf-menu ul {border: #ccc 1px solid; border-bottom: none;}
.sf-menu ul a {border-bottom:#ccc 1px solid; display:block; background-color: #f4f4f4; font-size:12px;}
.sf-menu ul a:hover {background-color:#4a71bd; color:#fff !important;}
.sf-menu {float:left;margin-bottom:	1em;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;}
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

#footer-nav {width: 100%;}
#footer-nav li {display:inline;}
/* 
Images
-----------------------------------------------------------------------------*/	
.img-right {float:right; margin:0 0 1em 1em;}
.img-left {float:left; margin:0 1em 1em 0;}
/* 
Forms
-----------------------------------------------------------------------------*/	
label {display: block;}
#personal-info div {margin:0 0 10px 0;}
#contact form p {margin:0;}
/* 
Tables
-----------------------------------------------------------------------------*/	
	/*
	   "Tiger Striping"
		if you want the rows to alternate colors, add class="stripe" to the 
		table tag on your web page.
	*/
	.stripe .alt {background-color:#1269ba;}
		/*This will make every other table right a different back ground color. */
	.stripe .over {background-color:#0f58a2;}
		/*This will make the background color change when you hover over a table row. */
.investment-table, #quote-table {margin-bottom:1.5em; border:#0e539a 1px solid;}
#quote-table td {padding:5px !important;}
.investment-table td {vertical-align:top; padding:5px !important; text-align:center; border-bottom:#fff 1px solid;}
.investment-table tr.last td {border-bottom:#fff 3px solid;}
/* 
Curvy Corners
-----------------------------------------------------------------------------*/	
.curvy {-webkit-border-radius: 8px; -moz-border-radius: 8px;}
/* 
Box Shaow (JQuery)
-----------------------------------------------------------------------------*/	
.box {box-shadow:0 0 5px #999; -o-box-shadow:0 0 5px #999; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999;}