@charset "utf-8";

/* Universal reset */
* { margin:0; padding:0; }
/* Universal reset */

/****************** Form starts here **************************/

#logIn{  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin-top:5px;
	_margin-top:-10px; /* for IE only */
	padding-bottom:5px;
	position:relative;
	float:right;
	min-width:270px;
	max-width:500px;
	width:270px;
	}
	
#logInPage{  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin-top:5px;
	_margin-top:-10px; /* for IE only */
	padding-bottom:5px;
	position:relative;
	float:left;
	min-width:270px;
	max-width:500px;
	width:270px;
	}
	
form fieldset { margin:0; padding:0; border:0; }

form label { 
	display:block;  /* block float the labels to left column, set a width */
	float:left; 
	width:135px; 
	margin:5px 0 0;
	text-align:right;
	color:#305049;
	}

form label.required { 
	position:relative; 
	float:left; 
	padding-top:2px; 
	_padding-top:6px; /* for IE only */
	font-weight:normal; 
	font-size:.9em; 
	}
	
form label#remember { float:left; width:20em; margin:3px 0 0 -47px; _margin:4px 0 0 -35px;/* for IE only */ }

form fieldset label:first-letter { text-decoration:none; }

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:100px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:2px 0 0 5px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	}
	
form input#login { float:right; width:5em; margin:9px 25px 0 0; _margin:9px 20px 0 0;/* for IE only */ font-size:1.3em;}
form input#checkbox { position:relative; float:right; width:2em; margin:1px 0 0 0; _margin:-11px 0 0 0;/* for IE only */ }

div.form p { text-align:right; font-size:.9em; color:#305049; padding:2px 25px 0 0; _padding:2px 20px 0 0;/* for IE only */ }
div.form p#forget { position:relative; float:right; margin-top:2px; padding-right:5px;  }
div.form p#options { position:relative; float:right; margin-top:2px; padding-right:5px;  }

/****************** Form end here **************************/


html, body { height:100%; }

body { 
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:62.5%;
	color:#000000;
	background-color:#dcd3bb;
	}

div#blankWrap { position:relative; margin:0 auto; width:770px; min-height:100%; height:auto; } 
	
div#bkgdWrap { 
	float:left;
	position: relative;
	border-left:12px solid #d1c8b1;
	border-right:12px solid #d1c8b1;
	border-bottom:12px solid #d1c8b1;
	background-color:#FFF;
	width:770px;
	}
	
div#pageContainer { 
	position:relative;
	float:left;
	border-left:1px solid #8d8778;
	border-right:1px solid #8d8778;
	border-bottom:1px solid #a7a08e;
	background-color:#FFF;
	padding-bottom:20px;
	width:770px;
	}
 
div#header { 
	position:relative; 
	float:left; 
	background-color:#74c3b2;
	border-bottom: 1px solid #4e8478;
	width:100%; 
	min-height:80px;
	height:auto;
	}

div#header a { color:#305049; text-decoration:none; }
div#header a:hover { text-decoration:underline; }

h1 { position:relative; float:left; font-size:2.2em; }
	
h1#NoLoadFundX {
	margin:20px 0 0 20px;
	_margin:20px 0 0 10px; /* for IE only */
    padding:46px 0 0 0;
    overflow:hidden;
    width:466px;
    height:0px !important; /* for most browsers */
    height /**/:46px; /* for IE5.5's bad box model */
	}
	
div#NoLoadFund-h1 { position:absolute; z-index:5000; margin:0; padding:0; top:20px; left:20px; }

div#mainContent {
	position:relative;
	float:left;
	background-color:#FFF;
	}

div#mainContent a { font-weight:bold; color:#e59e2f; text-decoration:none; }
div#mainContent a.link-forget { font-weight:normal; color:#305049; text-decoration:none;}
div#mainContent a:hover{ text-decoration:underline; }
div#mainContent a.circle { font-weight:normal; text-decoration:none; color:#000; }
div#mainContent a.subscribe { font-weight:bold; color:#000000; text-decoration:none; }
div#mainContent a.subscribe:hover { font-weight:bold; color:#e59e2f; text-decoration:underline; }

a.more { font-weight:bold; text-decoration:none; color:#e59e2f; font-size:.85em }

div#leftColumn { position:relative; float:left; padding-right:20px; width:548px; }

div#main-nav {
	position:relative; 
	float:left;
	background:url(../images/main-nav_bkgd.gif) repeat-x top left;
	background-color:#ededed;
	border-bottom:1px solid #d2d2d2;
	text-transform:uppercase;
	font-size:1.1em;
	width:570px;
	min-height:27px;
	}

ul#nav01,ul#nav01 li{ float:left; list-style:none; }
ul#nav01 li{ padding:7px 80px 7px 15px; text-align:center; height:100%; letter-spacing:.05em; }
ul#nav01 a { float:left; text-decoration:none; color:#007c61; font-weight:bold; }
ul#nav01 a:hover{ color:#ffb238; }
ul#nav01 li.activelink a,ul#nav01 li.activelink a:hover{ color:#0b9678; }

div.leftContent { 
	position:relative; 
	float:left;
	padding:20px;
	width:528px;
	}
	
div.leftContent p { font-size:1.1em; line-height:1.4em; padding-bottom:10px; }

div#leftTop { 
	position:relative; 
	float:left;
	background:url(../images/bargraph.jpg) no-repeat bottom left;
	background-color:#FFF;
	padding:0 20px 0 0;
	_padding:0 20px 20px 0; /* for IE 5+ on win, including IE 6 in standard mode */
	width:100%; 
	min-height:319px; 
	height:auto;
	}
	
div#leftTop p { padding:12px 0 10px 260px; font-size:1.1em; line-height:1.4em; }
	
h2#Upgrade { 
	clear:left;
	position:relative; 
	float:left;
	padding:25px 0 5px 260px;
	width:10em;
	display:block;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:2.5em;
	line-height:1.5em;
	color:#969494;
	font-weight:normal;
	}
	
h2#Upgrade span { font-size:.75em; line-height:1em; }

h2#Upgrade a { color:#969494; font-weight:normal; }
h2#Upgrade a:hover { color:#e59e2f; text-decoration:none; }

h2 { font-family:Arial,Verdana,helvetica,sans-serif; font-size:2.3em; color:#969494; font-weight: normal; padding-bottom:5px; }

div.leftBox {
	clear:left; 
	position:relative;
	float:left;
	background:url(../images/gray_border.gif) no-repeat bottom left;
	padding:10px 20px 10px 20px;
	width:528px;
	}
	
div.middleBox {
	clear:left; 
	position:relative;
	float:left;
	padding: 20px 20px 10px 20px;
	width:268px;
	}
	
img#chart { position:relative; float:right; padding:0 30px 0 15px; }
img#greenarrow { position:absolute; }
	
div#lastBox {
	clear:left; 
	position:relative; 
	float:left;
	margin-top:10px;
	_margin-top:30px; /* for IE 5+ on win, including IE 6 in standard mode */
	padding:20px 0 20px 20px;
	width:100%;
	min-height:100%;
	height:auto;
	background:url(../images/gray_border.gif) no-repeat top left;
	}

h4 { margin-top:5px; padding:0; font-family:Arial,Verdana,helvetica,sans-serif; font-size:1.4em; line-height:1.4em; color:#007c61; text-transform:uppercase; }

h3 { font-family:Arial,Verdana,Helvetica,sans-serif; text-transform:uppercase; font-size:1.3em; line-height:1.6em; color:#007c61; }
	
h5 { font-size:1.1em; line-height:1.3em; }
	
p.body-p { position:relative; float:left; font-size:1.1em; line-height:1.4em; }
	
div#rightColumn	{
	position:relative; 
	float:right;
	width:200px;
	background:url(../images/right_bkgd.gif);
	background-repeat:no-repeat;
	background-position:top right;
	min-height:573px;
	voice-family: "\"}\"";
    voice-family: inherit;
	min-height:573px;
	height:auto;
	_height:573px;
	}

div#rightColumn p { 
	clear:left; 
	position:relative; 
	float:left; 
	padding:6px 10px 16px 15px; 
	width:175px;
	color:#666666; 
	font-size:1.1em; 
	line-height:1.4em; 
	}

h4#subscribe { 
	clear:left; 
	position:relative; 
	float:left; 
	padding:310px 0 0 15px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:1.3em;
	font-variant:small-caps; 
	color:#ffb238;
	font-weight:bold;
	}
	
img#upgraderLogo { position:absolute; bottom:15px; right:56px; }


.tablegraph { margin:10px 0; font-size:.9em; line-height:1em; font-family:Verdana,Arial,helvetica,sans-serif; }
.tablegraph td { padding:2px;}

ul#newslist  { margin:10px 0 10px 20px; width:auto; }
ul#newslist li { list-style:none; padding-bottom:15px;font-size:1.1em; line-height:1.4em; }

.sublinks { margin-top:10px;float:right; text-transform:uppercase; text-align:right; line-height:1.4em;}

div#footer {
	clear:both;
	position:relative;
	margin:10px auto 0 auto;
	padding-top:10px;
	_padding-top:0; /* for IE 5+ on win, including IE 6 in standard mode */
	width:770px;
	text-align:center;
	}
	
div#footer p { 
	margin:0 auto;
	padding-bottom:5px;
	font-size:1.1em; 
	line-height:1.3em;
	color:#666666;
	letter-spacing:.05em !important;
	_letter-spacing:0em; /* for IE 5+ on win, including IE 6 in standard mode */
	}
	
div#footer a { color:#666666; text-decoration:none; }
div#footer a:hover { text-decoration:underline; }

.clear { clear:both; padding-bottom:20px; }

/*   promo   */

.promo {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:14px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 20px;
	list-style-position: inside;
	list-style-type: disc;
}
.smTxt {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	line-height:14px;
	color:#666;
	text-transform:uppercase;
}
#subHead_GRN {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#007C61;
	text-transform:uppercase;
}
#subHead_YEL {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#E59E2F;
	text-transform:uppercase;
}
h1#promoGRY {
	padding:10px 0 0px 10px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:21px;
	color:#969494;
	font-weight:normal;
}
h2#promoGRY { 
	padding:0px 0 10px 10px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:18px;
	color:#969494;
	font-weight:normal;
}
h1#promo {
	padding:10px 0 0px 10px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:25px;
	color:#007C61;
	font-weight:bold;
}
h2#promo { 
	padding:0px 0 0px 10px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:20px;
	color:#007C61;
	font-weight:normal;
}