html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
		
}

body {
	line-height: 170%;
	font-size: 12px;
	color: #7a7a7a;
	margin:0px;
	padding:0px;
	background:#414142 url(images/bg-site.jpg) scroll center top no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, ol {
	line-height: 170%;
}

ul {
	list-style: none;
}

ol {
    padding: 0 0 0 20px;
}

a:active, a:focus {
	outline: 0;
}

a:link, a:visited  {
	color: #7a7a7a;
	text-decoration: underline;	
}
	
a:active, a:hover  {
	color: #00a5e1;
	text-decoration: none;
}

/*_______________________________________________________________________________________SITE CENTER DIV___*/

#centerVH {
	position:absolute;
	left: 50%;
	width:956px;
	height:576px;
	margin-top: 25px;
	margin-left: -478px; /*set to a negative number 1/2 of your width*/
	display:inline;
}

/*_______________________________________________________________________________________TOP NAV___*/




#containerTopNav {
	position: relative;
	float: left;
	display:block;
	width: 100%;
	line-height: 100%;
	text-align: right;
	padding-top: 50px;
	font-size: 10px;
	display:inline;
	z-index: 999;
	background: url(images/donvillekentwatermark.gif) no-repeat 5px top;
}
#containerTopNav p, #containerBottomNav p {
	color: #00a5e1;
	font-size: 10px;
}
#containerTopNav a:link, #containerTopNav a:visited, #containerBottomNav a:link, #containerBottomNav a:visited  {
	color: #808080;
	text-decoration: none;
	padding-left: 0;
	
	}
	
#containerTopNav a:active, #containerTopNav a:hover, #containerBottomNav a:active,#containerBottomNav a:hover {
	color: #FFF;
	text-decoration: none;
	padding-left: 0;
	}

/*_______________________________________________________________________________________SITE BODY___*/
	
#containerBody {
	position: relative;
	float: left;
	display:block;
	width: 100%;
	height: 447px;
	text-align: left;
	margin-top: 10px;
	border: 1px solid #909090;
	z-index: 1;
}
#containerBody2 {
	position: relative;
	float: left;
	display:table-cell;
	width: 100%;
	text-align: left;
	margin-top: 10px;
	border: 1px solid #909090;
	background: #FFF;
	z-index: 1;
}

/*_______________________________________________________________________________________TEXT___*/
#containerTextArea {
	position: relative;
	float: left;
	width: 724px;
	height: 447px;
	text-align: left;
	background-color: #FFFFFF;
}

#TextArea {
	position: relative;
	float: left;
	width: 535px;
	margin: 115px 0 0 95px;
	text-align: left;
	z-index:1;
	display:inline;
}

#TextArea h1 {
	font-size: 16px;
	display: inline;
	color: #494949;
}

#TextArea h2 {
    color: #00A4E4;
    font-weight: normal;
    padding-bottom: 10px;
    text-transform: uppercase;
	line-height: normal;
}

#TextArea h2 a {
    color: #00A4E4;
	text-decoration: none;
}

#TextArea h2 a:hover {
    color: #00A4E4;
	text-decoration: underline;
}

#TextArea h3 {
	font-size: 10px;
	font-weight:normal;
	text-transform: uppercase;
	line-height: 170%;
	display:inline;
}

.blue {
	color: #00a5e1;
}

a.noUnder:link, a.noUnder:visited  {
	color: #7a7a7a;
	text-decoration: none;	
}
	
a.noUnder:active, a.noUnder:hover  {
	color: #00a5e1;
	text-decoration: none;
} 

/*_______________________________________________________________________________________TEXT FULL WIDTH___*/
#containerTextAreaFullWidth {
	position: relative;
	float: left;
	width: 956px;
	height: 447px;
	text-align: left;
	background-color: #FFFFFF;
}

#TextAreaFullWidth {
	position: relative;
	float: left;
	width: 535px;
	margin: 115px 0 0 95px;
	text-align: left;
	z-index:1;
	display:inline;
}



/*_______________________________________________________________________________________CHART___*/
#TextAreaChart {
	position: relative;
	float: left;
	width: 600px;
	margin: 115px 0 0 95px;
	text-align: left;
	display:inline;
}

#TextAreaChart h1 {
	font-size: 16px;
	display: block;
	color: #494949;
}

.fund_ul {
	padding: 6px 0;
	border-bottom: 1px dashed #e3e3e3;
}

.fund {
	padding: 0px 0 10px 0;
}

.roe-badge {
	position: absolute;
	left: 588px;
	top: 34px;
}


/*_______________________________________________________________________________________SUB NAV___*/
#subNav {
	margin-top: 410px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	z-index: 2;
	color: #00a5e1;
	font-weight: bold;
}
#subNav2 {
	margin-top: 30px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	z-index: 2;
	color: #00a5e1;
	font-weight: bold;
	position:absolute;
}

#subNav img, #subNav2 img {
	padding: 0 10px 1px 10px;
}

#subNav a:link, #subNav a:visited, #subNav2 a:link, #subNav2 a:visited   {
	color: #b3b3b3;
	text-decoration: none;
}
	
#subNav a:active, #subNav a:hover, #subNav2 a:active, #subNav2 a:hover   {
	color: #00a5e1;
	text-decoration: none;
}	

/*_______________________________________________________________________________________RIGHT SIDE IMAGE___*/
#containerSideImage {
	position: relative;
	float: left;
	width: 232px;
	height: 447px;
	text-align: left;
	background-color: #CCCCCC;
}

#containerSideImage.newsletter {
    background: url("images/newsletter.jpg") no-repeat scroll 0 0 transparent;
    color: #cce7f9;
    font-size: 12px;
    height: 397px;
    padding: 50px 20px 0;
    width: 192px;
	letter-spacing: -0.09em;
}

#containerSideImage.newsletter h2 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	margin: 0 0 1px;
}

#containerSideImage.newsletter .reg-button {
    display: inline-block;
    margin: 40px 0 0;
}

#containerSideImage.newsletter a {
	color: #cce7f9;
}

#containerSideImage.newsletter a:hover {
	color: #fff;
	text-decoration: underline;
}


#containerSideImage2 {
	position: relative;
	float: left;
	width: 232px;

	text-align: left;
	background-color: #CCCCCC;
}

.number {
    display: inline;
    left: 0;
    position: absolute;
	margin: -4px 0 0 0;
}

/*_______________________________________________________________________________________BOTTOM NAV___*/
#containerBottomNav {
	position: relative;
	float: left;
	display:block;
	width: 100%;
	margin-top: 20px;
	display:inline;
	font-size: 10px;
}

#fluidSite {
	position: relative;
	float: right;
	margin: 25px 0 0 0;
	display:inline;
}

/*_______________________________________________________________________________________FORM STYLES__*/

td.col-left {
	text-align: right;
	width: 160px;
	padding: 4px 5px 4px 0;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;	
}
td.col-right {
	text-align: left;
	font-size: 10px;
	padding: 4px 5px;
	vertical-align: middle;

}

td.col-middle {
	vertical-align: middle;
	text-align: right;
	padding: 4px 0;
}

span.tiny {
	font-style: italic;
	font-size: 10px;
	font-weight: normal;
}
span.form-header{
	text-transform: uppercase;
	font-weight: bold;
}
td.col-big {
	font-size: 10px;
	text-align: left;
}
input.btn{
	background: url(images/button.gif);
	color: #FFF;
	font-weight: bold;
	width: 73px;
	height: 20px;
	font-size: 9px;
	border:none;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
}

td.base {
	padding: 25px 0 0 0;
	text-align: center;
	
}

/*_______________________________________________________________________________________SCROLLER___*/
		
			.scroll-pane {
				width: 525px;
				overflow: auto;
				padding-right: 35px;
				float: left;
				background: transparent;
				display:inline;
			}
	
			#pane3 {
				height: 291px;
			}
			#pane4 {
				height: 300px;
			}
			
			a.jScrollArrowUp {
				background: url(basic_arrow_up.gif) no-repeat 0 0;
			}
			a.jScrollArrowUp:hover {
				background-position: 0 -15px;
			}
			a.jScrollArrowDown {
				background: url(basic_arrow_down.gif) no-repeat 0 0;
			}
			a.jScrollArrowDown:hover {
				background-position: 0 -15px;
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				background-position: 0 -30px;
			}

			.orange-bar .jScrollPaneTrack {
				background: url(images/bg-scroll.gif) repeat-y 0 0;
			}
			.orange-bar .jScrollPaneDrag {
				background: url(images/scroll-dot.gif) no-repeat 50% 10%;
			}
			
			.orange-bar {
			margin-top:4px;

			}
			/* _______________________________________________________________________________ PRIVACY ___*/
				.orange-barFullWidth .jScrollPaneTrack {
				background: url(images/bg-scroll-long.gif) no-repeat 0 0;
			}
			.orange-barFullWidth .jScrollPaneDrag {
				background: url(images/scroll-dot.gif) no-repeat 50% 10%;
			}
			
			.orange-barFullWidth {
			margin-top:4px;

			}
			/* _______________________________________________________________________________ WHY ___*/
				.orange-barWhy .jScrollPaneTrack {
				background: url(images/bg-scroll-why.gif) no-repeat 0 0;
			}
			.orange-barWhy .jScrollPaneDrag {
				background: url(images/scroll-dot.gif) no-repeat 50% 4%;
			}
			
			.orange-barWhy {
			margin-top:4px;

			}
			/* _______________________________________________________________________________ WHAT ___*/
				.orange-barWhat .jScrollPaneTrack {
				background: url(images/bg-scroll-what.gif) no-repeat 0 0;
			}
			.orange-barWhat .jScrollPaneDrag {
				background: url(images/scroll-dot.gif) no-repeat 50% 5%;
			}
			
			.orange-barWhat {
			margin-top:4px;

			}
			/* _______________________________________________________________________________ INVEST ___*/
				.orange-barInvest .jScrollPaneTrack {
				background: url(images/bg-scroll-invest.gif) no-repeat 0 0;
			}
			.orange-barInvest .jScrollPaneDrag {
				background: url(images/scroll-dot.gif) no-repeat 50% 5%;
			}
			
			.orange-barInvest {
			margin-top:4px;

			}
			
			
/*_______________________________________________________________________________________MEDIA___*/			
.media{
	color: #7A7A7A;
	text-decoration: underline;
	
}
.media:hover, .media:active {
	color: #00A5E1;
	text-decoration: underline;
	
}