html { overflow-y:scroll; overflow-x: auto }
html,body { padding:0; margin:0; width: 100%; height: 100%; }
body {
	font-family: Lucida Sans Unicode, Helvetica, sans-serif;
	font-size:10pt;
	line-height: 1.3em;
	background: #30292B url(../img/bg_main.png) top repeat-x; 
}

a { outline:none; }
a.defaultLink { color:#6D9C21; text-decoration:none; border-bottom:1px solid #6D9C21; }
a.defaultLink:hover { color:#6D9C21; text-decoration:none; border-bottom:0; }

#head, #foot .foot, #content .content { width: 840px; margin:0 auto;  }

#foot .foot { color: #818181; padding: 10px 0 40px 0; font-size: 8pt;}
#foot .foot a { color: #818181; text-decoration:none; border-bottom: 1px dotted #818181; }
#foot .foot a:hover { color:#999999; border:0; }

h1 { font: 15pt "Lucida Fax"; padding: 5px 0 2px 0px; margin-bottom: 10px; background:url(../img/h1dot.gif) bottom repeat-x; }
h2 { font: bold 12pt "Lucida Fax"; padding: 5px 0; margin-top: 20px; color:#588E00; }

.bullet-point { list-style:url(../img/icons/star.gif); padding: 0 0 0 25px;}

#head { height: 85px; background:url(../img/logo.png) 0 25px no-repeat; }
	#login_panel { float:right; height: 25px; width:336px; font-size:8pt; background:url(../img/bg_login_bg.png) center top no-repeat; }
	#login_panel .textbox { margin:2px 15px 0 0; font: 11px tahoma,sans-serif; }
	
	#menu { float:right; width: 670px; height: 30px; margin-top: 30px; padding:0; }
	#menu li { margin:0; padding:0; float:left; }
	#menu li a { text-decoration:none; display:block; height:30px; margin-right: 5px; background-position:center top; background-repeat:no-repeat; }
	#menu li a.tab-home { background-image:url(../img/menu/tab_home.png); width: 59px; }
	#menu li a.tab-funds { background-image:url(../img/menu/tab_funds.png); width: 88px; }
	#menu li a.tab-about { background-image:url(../img/menu/tab_about.png); width: 80px; }
	#menu li a.tab-contact { background-image:url(../img/menu/tab_contact.png); width: 92px; }
	#menu li a:hover { background-position: center -30px; }
	#menu li a.active { background-position: center -30px; }

	.submenuhead { height:50px; border-top: 1px solid #C0C0C0; background: #DFDFDF; }
	.submenuhead h2 { color: #474747; border:0; background:none; margin: 10px 15px; font: 11pt "Lucida Sans Unicode"; }
	.submenufoot { height:3px; border: 1px solid #C0C0C0; background: #EAEAEA; margin-top:-1px; position:relative;  z-index: 5; }

	#submenu { height: 22px; padding:0; background: #DFDFDF; }
	#submenu li { float:left; margin:0; padding:0; margin-left: 3px; }
	#submenu li a { float:left; text-decoration:none; color: #474747; font-size: 8pt; position:relative; z-index: 1; }
	#submenu li a span { background-image:url(../img/menu/tabs-sprite.gif); float:left; padding:0; margin:0; color: #474747; background-repeat:no-repeat; cursor:pointer; }
	#submenu li a span.text { margin-top: 3px; background:0; }

	#submenu li a span.left  { background-position: 0 -50px;  padding-left: 8px;  }
	#submenu li a span.right { background-position: right -350px; padding-right: 8px; }
	#submenu li a span.inner { background-position: 0 -200px; background-repeat: repeat-x; text-align:center; height:22px; }

	#submenu li a:hover span.left  { background-position: 0 -100px;  }
	#submenu li a:hover span.right { background-position: right -400px; }
	#submenu li a:hover span.inner { background-position: 0 -250px; }
		
	#submenu li a.active { z-index: 10; }
	#submenu li a.active span { font-weight:bold; }
	#submenu li a.active span.left  { background-position: 0 0;  }
	#submenu li a.active span.right { background-position: right -300px; }
	#submenu li a.active span.inner { background-position: 0 -150px; }






#content { background-color:#FFFFFF;  }
#content .content { padding-bottom: 15px; padding-top: 15px; }
#content>p { padding: 5px 10px; }
#content>ul { padding: 5px 10px; list-style:square; }

#infobar { border:1px solid #AFAFAF; color:#333; background:#BCE27F url(../img/icons/ok.png) 2px 2px no-repeat; font: normal 10pt Arial, Helvetica, sans-serif; 
	margin:-10px 5px 0 5px; padding: 2px 8px 2px 24px; position:relative;
}
	
	.home-cols { height:260px;  }
	.home-cols div { width:250px; float:left;  }
	.home-cols div.col1 { margin-right: 40px; #margin-right: 35px; }
	.home-cols div.col3 { float:right; margin-right: 8px; #margin-right: 3px; }
	.home-cols div h1 { font: 15pt "Lucida Fax"; border-bottom: 1px dotted black; padding: 5px 0 5px 8px; }
	.home-cols div p { font-size: 9pt; padding: 5px 0 5px 8px; }
	.home-cols div p a { color:#6D9C21; text-decoration:none; border-bottom:1px solid #6D9C21; }

	.home-cols .boxes { }
	
		.boxes a { display:block; width:253px; height:63px; background-position:left top; background-repeat:no-repeat; margin: 7px 0; text-decoration:none;}
		.boxes a:hover { background-position:left bottom; }
		.boxes a span { float:left; padding:0; margin:0 0 0 10px; font-size: 8pt; line-height:1.2em; clear:both; white-space:nowrap; cursor:pointer; }
		.boxes a span.h { color: #A20000; padding: 8px 0 2px; margin-bottom: 3px; font-size: 9pt; border-bottom:1px solid #A20000; }
		.boxes a span.b { color: #30292B; }
		.boxes a span.f { color: #797979; }
	
		.boxes a.factsBox1 { background-image:url(../img/factsBox1.png); }
		.boxes a.factsBox2 { background-image:url(../img/factsBox2.png); }
		.boxes a.factsBox3 { background-image:url(../img/factsBox3.png); }

		.boxes a.bluebutton { background-image:url(../img/short_button.png); height: 49px; width: 203px; }
		
		.boxes a.newsBox1 { background-image:url(../img/newsBox1.png); }
		.boxes a.newsBox2 { background-image:url(../img/newsBox2.png); }
	
	
		#content .subpage { border: 1px solid #b0b0b0; border-top:0; padding: 10px; }
		#content .subpage ul { list-style:url(../img/icons/star.gif); padding: 0 0 0 25px;}
		#content .subpage ul li { padding: 2px 0;}
		#content .subpage h4 { font-size: 10pt; margin-top: 15px; margin-bottom: 5px;}
		
		#content .subpage .downloads { list-style:none; list-style-image:none; padding:0 border:1px solid red;}
		#content .subpage .downloads li { padding: 0; border-bottom: 1px dotted #ccc; }
		#content .subpage .downloads a { color:#000; text-decoration:none; display:block; background: url(../img/icons/icon_pdf.png) 3px 12px no-repeat;  padding: 10px 10px 10px 27px; position:relative}
		#content .subpage .downloads a:hover { background-color: #E9F5D5}
		#content .subpage .downloads .label { font-weight:bold;  }
		#content .subpage .downloads .size { float:right; color:#666; }
		#content .subpage .downloads .desc { color:#666; display:block; width: 80%;}

		#content .subpage .downloads li.pdf a { background: url(../img/icons/icon_pdf.png) 3px 12px no-repeat;  }
		#content .subpage .downloads li.ppt a { background: url(../img/icons/icon_ppt.png) 3px 12px no-repeat;  }
			

		#content .subpage #portInfo { border-collapse:collapse; margin: 0 0 20px 0; border:1px solid #D0D0D0; font:11px Arial, Helvetica, sans-serif;  }
		#content .subpage #portInfo td { padding:5px 10px; vertical-align: top; }
		#content .subpage #portInfo .odd td { background:#FAFAFA; border-top: 1px solid #EDEDED; }
	
		#content .funds_back { background:url(../img/funds_back.png) left top no-repeat; display:block; height:21px; margin: -7px 0 8px 0; }
		#content .funds_back:hover { background:url(../img/funds_back.png) left -21px no-repeat; }
		#content .funds_back:active { background:url(../img/funds_back.png) left -42px no-repeat; }
	
		#content .subpage .x-table-layout .ChartGridTable { vertical-align:top; }

	
	.form-login *,.form-logout * { font: 7pt Verdana, Helvetica, sans-serif;  }
	.form-login div { float:left; border:1px solid #FEFEFE; padding:0; height: 16px; #margin-right: 0;  }
	.form-login div input { width: 90px; border:1px solid #C2C2C2; height: 13px; margin:0; padding:1px 2px 0 2px; float:left; color: #5B5B5B; }
	.form-login div.separator { border:0; width:10px; }
	.form-login .login { background: #fff url(../img/bg_login.gif) 5px 0 no-repeat; }
	.form-login .pass { background: #fff url(../img/bg_pass.gif) 5px 0 no-repeat; }
	.form-login .clr { background: #fff; }

	.form-login button, .form-logout button { background: #82AB40; border:1px solid #FEFEFE; color:#FEFEFE; width: 60px; font-weight:bold;  }
	.form-logout b { float:left; width: 220px; padding-top: 3px; font-weight:bold; font-size: 8pt;}
	.form-logout-error b { color:#CC0000; }


	#contactForm { margin: 20px 0; }


.right { text-align:right; }


/* fix for grids in IE */
.ext-strict .ext-ie .x-grid3-header-inner{position:static; }
.ext-strict .ext-ie6 .x-grid3-hd{position:static; }
.ext-el-mask {  background:#000000; opacity:0.7; filter: alpha(opacity=70); -moz-opacity:0.7;}
form .ext-el-mask, .x-panel .ext-el-mask { opacity:0; filter: alpha(opacity=0); -moz-opacity:0; }