
html{
	background-color: #1c140e;
}

body{
	margin: 0px auto;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #332D28;	
}

li{
	font-size: 11px;
	line-height: 14px;
	list-style-type:disc;
	list-style-position: inside;
}

.lightBrown{color: #40342a;}
.darkBrown{color: #332D28;}
.orange{color: #90390a;}
.darkGrey{color: #909090;}
.blueGrey{color: #809098;}

.lightGreen{color: #dee7e2;}
.medGreen{color: #98b9a9;}
.darkGreen{color: #508c76;}

.lightBlue{color: #dee6eb;}
.medBlue{color: #9db6c2;}
.darkBlue{color: #5a899e;}

a:link, a:visited, a:hover, a:active{
	color: #809098;
}

a.tinyGreyLink{
	color: #666666;
	font-size: 9px;
}

a.whiteLink{
	color: #FFF;

}

#ContentContainerContainer{
	height: 610px;
	background-color: #1c140e;
	background-image: url('../images/background_MainRepeater.jpg');
	background-repeat: repeat-x;
}

#ContentContainerContainer:after { /* forces the contentContainer div to stretch with floating content (FF fix) */
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both;
	visibility: hidden;
}

#ContentContainer{
	width: 1024px;
	height: 610px;	
	margin: 0px auto;
	text-align:center;
	background-color: #1c140e;
	background-image: url('../images/background_Main.jpg');
	background-repeat: no-repeat;
}

#ContentContainer:after { /* forces the contentContainer div to stretch with floating content (FF fix) */
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both;
	visibility: hidden;
}

#insideBodyContainer{
	width: 948px;		
	margin: 0px auto;
	background-color: #FFF;
	position: relative;
}			

#insideBodyContainer:after { /* forces the contentContainer div to stretch with floating content (FF fix) */
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both;
	visibility: hidden;	
}

#insideBody{
	width: 948px;	
	margin: 0px auto;
	text-align:left;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

#insideBody:after { /* forces the contentContainer div to stretch with floating content (FF fix) */
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both;
	visibility: hidden;
}

#insideRight{
	float: right;
	width: 630px;
	margin-top: 5px;
	margin-right: 10px;
	text-align: left;
}


#insideLeft{
	float: left;
	width: 250px;
	margin-left: 35px;
	margin-top: 5px;
}

#insideFullWidth{
	float: left;
	width: 895px;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 5px;
	text-align: left;
}


#insidePageMainNoCol{
	width: 625px;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 40px;
}

#insidePageMainNoColNoMenu{
	width: 820px;
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 40px;
}

#insidePageMainWithCol{
	width: 415px;
	float: left;
	margin-top: 20px;
	border-right: 2px #f1efed solid;
	padding-right: 10px;
	margin-bottom: 40px;
}

#insidePageMainWithColNoMenu{
	width: 620px;
	float: left;
	margin-top: 20px;
	margin-left: 30px;
	border-right: 2px #f1efed solid;
	padding-right: 10px;
	margin-bottom: 40px;
}

#insidePageRightCol{
	width: 210px;
	float: right;
	margin-top: 20px;	
	margin-right: 10px;
	margin-bottom: 40px;
}

.title{
	font-size: 20px;
	line-height: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#subTitle{
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	/*border-top: 1px solid #c1c0be;*/
	border-bottom: 1px solid #c1c0be;
	margin-bottom: 10px;	
}

#subTitleNoLine{
	font-size: 16px;
	line-height: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;	
}

.medSubTitle{
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}
.smallerSubTitle{
	font-size: 12px;
}

#calloutButton{
	background-image: url('../images/btn_Callout.jpg');
	background-repeat: no-repeat;
	width: 212px;
	height: 26px;
	font-size: 10px;
	line-height: 26px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	padding-left: 10px;
	cursor: pointer;
}

.bodySeparator{
	width: 920px; 
	height: 1px;
	border-top: 1px;
	color: #f1efed; 
	margin: 0px auto; 
}

.tiny{
	font-size: 9px;
	line-height: 11px;
}


.heading_top {							
	width: 300px;
	font-size: 12px;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	border-bottom-color: #332D28;
	padding: 0px 0px 3px 0px;
	text-transform: uppercase;
}

.subHeading_top {
	font-size: 10px;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	border-bottom-color: #332D28;
	padding: 0px 0px 3px 0px;
	text-transform: uppercase;
}


/***********************************************************************************************************************************************************
	HEADER
***********************************************************************************************************************************************************/
	
	#headerContainer{
		background-image: url('../images/background_header.jpg');
		background-repeat: no-repeat;
		width: 948px;
		height: 90px;
		margin: 0px auto;
		text-align: left;
	}

	#headerMenuContainer{
		float: right;
		width: 655px;
		position: relative;	
		margin-top: 8px;
		height: 26px;		
	}	
	
	
	#menuHeaderItem{
			float:left; 
			position:relative;
	}
	
	#menuHeaderItem a{
		text-decoration: none;
	}
	
	.menuHeader{
		height: 15px;		
		font-size: 8px;
		line-height: 15px;		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	.menuHeader a:link, .menuHeader a:visited, .menuHeader a:active{				
		height: 15px;
		color: #909090;
		cursor: pointer;	
		text-decoration: none;
		text-align: center;			
		display: block;
		padding-left: 5px;
		padding-right: 5px;
	
	}
		
	.menuHeader a:hover {
		height: 15px;
		color: #909090;
		background-color: #EFEFEF;
		text-decoration: none;
		text-align: center;		
		display: block;
		padding-left: 5px;
		padding-right: 5px;

	}
	
	.menuHeaderTab{
		height: 23px;
		width: 100px;
		background-image: url('../images/btn_Login.jpg');
		background-repeat: no-repeat;
		float:left;
		font-size: 8px;
		line-height: 23px;
		margin-left: 6px;
		margin-top: -4px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	.menuHeaderTab a:link, .menuHeaderTab a:visited, .menuHeaderTab a:hover, .menuHeaderTab a:active{
		height: 23px;
		color: #FFFFFF;
		cursor: pointer;	
		text-decoration: none;
		text-align: center;			
		display: block;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 0px;
	}
		
	.searchTextbox{
		float: left;
		background:transparent;
		border: none;
		background-image: url('../images/searchBox.gif');
		background-repeat: no-repeat;
		height: 20px;
		width: 128px;
		color: #909090;
		font-size: 8px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		line-height: 20px;
		padding-left: 8px;
		padding-top: 0px;
		* padding-top: 0px;
		margin-left: 6px;
	}
	
	.clearSearchButton{
		width: 27px;
		height: 20px;
		border: none;
		position: absolute;
		top: -3px;
		right: 325px;
		cursor: pointer;
	}

	
/***********************************************************************************************************************************************************/



/***********************************************************************************************************************************************************
	FOOTER
***********************************************************************************************************************************************************/

	#footerContainer{
		width: 948px;
		height: 70px;
		background-color: #FFF;
		margin: 20px auto;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		line-height: 15px;
		color: #909090;	
		position: relative;
		z-index: 1;		
		/*position: absolute;*/
		bottom: 0px;
		left: 0px;
	}
	
	#footerRight{
		background-color: #FFF;
		float: right;
		width: 120px;
		margin-right: 30px;
		text-align: right;
		padding-top: 30px;
	}
	
	#footerLeft{
		background-color: #FFF;
		float: left;
		width: 680px;
		text-align: left;
		margin-left: 15px;
		padding-top: 30px;
	}
	

    .footer a:link, .footer a:visited, .footer a:hover, .footer a:active{color: #332D28;  text-decoration: none;}
	
	
/***********************************************************************************************************************************************************/


/***********************************************************************************************************************************************************
	MENU 
***********************************************************************************************************************************************************/
		#menuContainer{
			width: 655px;
			float: right;
			text-align: right;
			position: relative;
			top: 32px;
			height: 30px;
			z-index: 999;
		}		
		.hide{
		display: none;
		}
		
		.show{
		display: block;
		}
				
		.subContainer{	
			position: relative; 
			z-index: 9999;
			float: left;
			color: #fff;
			top: 20px;			
			font-family: Verdana, Arial, Helvetica, sans-serif;
			
		}
		.subContainer a:link, .subContainer a:visited, .subContainer a:active{
			color: #fff; 
			line-height: 24px; 
			height: 24px;
			text-decoration:none; 
			display:block; 
			position: relative; 
			z-index: 9999; 
			opacity: 1; 
			filter:alpha(opacity=100);
			padding-left: 15px;
			padding-right: 15px;
			border-bottom: 1px solid #cac4be;		
		}
		.subContainer a:hover{
			color: #fff; 
			line-height: 24px; 
			height: 24px;
			text-decoration:none; 
			display:block; 
			position: relative; 
			z-index: 9999; 
			opacity: 1; 
			filter:alpha(opacity=100);
			padding-left: 15px;
			padding-right: 15px;
			border-bottom: 1px solid #cac4be;
			background-color: #809098; 			
		}
		
		.subContents{	
			z-index: 9999;			
			position: absolute;
			text-align: left;
			background-image:url('../images/background_color.gif');
			background-repeat: repeat;
			width: 240px;					
			opacity: .95; 
			filter:alpha(opacity=95);  /*IE's opacity */
		}
		
	
		#menuItem{
			float:left; 
			position:relative;
		}
		
		#menuItem a{
			text-decoration: none;
		}
		
		.menu1{
			float:left;
			height: 20px;
			line-height: 20px;
			color: #332D28;
			cursor: pointer;
			text-align: center;
		}
		
		.menu1 a:link, .menu1 a:visited, .menu1 a:active{				
			display: block;			
			height: 20px;			
			text-decoration: none;
			text-align: center;
			color: #332D28;	
			font-weight: bold;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			text-transform: uppercase;
			line-height: 20px;
			padding-left: 7px;
			padding-right: 7px;
			margin-left: 1px;
			margin-right: 1px;
		}
		
		.menu1 a:hover{	
			display: block;
			height: 20px;			
			text-decoration: none;
			text-align: center;
			color: #FFFFFF;	
			background-color: #809098;
			font-weight: bold;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			text-transform: uppercase;
			line-height: 20px;
			padding-left: 7px;
			padding-right: 7px;
			margin-left: 1px;
			margin-right: 1px;
		}
		
		.menu1On a:link, .menu1On a:visited, .menu1On a:hover, .menu1On a:active{	
			display: block;
			height: 20px;			
			text-decoration: none;
			text-align: center;
			color: #FFFFFF;	
			background-color: #809098;
			font-weight: bold;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			text-transform: uppercase;
			line-height: 20px;
			padding-left: 7px;
			padding-right: 7px;
			margin-left: 1px;
			margin-right: 1px;
		}
		
		#aboutSub{left: -51px;}
		#advantageSub{left: -98px;}
		#fundSub{left: -48px;}
		#performanceSub{left: -91px;}
		#newsSub{left: -97px;}
		#floorSub{left: -104px;}
		#investNowSub{left: -52px;}
		#myAccountSub{left: -150px;}

/***********************************************************************************************************************************************************/




/***********************************************************************************************************************************************************
	MENU SIDE
***********************************************************************************************************************************************************/
#menuSide{
	float: left;
	width: 240px;
	margin-left: -25px;
	margin-top: -3px;
	* margin-top: -1px;
	font-size: 9px;
}

#arrowDown{
	width: 9px;
	height: 5px;
	background-image: url('../images/menuArrowDown.png');
	background-repeat: no-repeat; 
	position: absolute;
	top: 10px;
	left: 5px;
}

#arrowSide{
	width: 5px;
	height: 9px;	
	background-image: url('../images/menuArrowSide.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 8px;
	left: 5px;
}

/*
   ******************************************************
   NOTE: If updating side menu item css, you should update admin/css/dragbox.css so the menu editor will have the new style too
   ALSO: If adding another level, updates need to be made to the 2 css files as well as the submenu.php javascript to allow another level - (see more detailed comment there)
   ******************************************************
*/
.menuSideItem1{ position: relative;}
.menuSideItem1On{ position: relative;}
.menuSideItem2{ position: relative;}
.menuSideItem2On{ position: relative;}
.menuSideItem3{ position: relative;}
.menuSideItem3On{ position: relative;}

.menuSideItem1 a:link, .menuSideItem1 a:visited, .menuSideItem1 a:active{
	width: 240px;
	height: 26px;
	background-color: #909090;
	color: #332D28;
	padding-left: 15px;
	display: block;
	line-height: 26px;
	text-transform: uppercase;
	text-decoration: none;
	border-top: 1px solid #FFF;
}

.menuSideItem1 a:hover{
	width: 240px;
	height: 26px;
	background-color: #809098;
	color: #FFFFFF;
	padding-left: 15px;
	display: block;
	line-height: 26px;
	text-transform: uppercase;
	text-decoration: none;
	border-top: 1px solid #FFF;
}

.menuSideItem1On a:link, .menuSideItem1On a:visited, .menuSideItem1On a:hover, .menuSideItem1On a:active{
	width: 240px;
	height: 26px;
	background-color: #809098;
	color: #FFFFFF;
	padding-left: 15px;
	display: block;
	line-height: 26px;
	text-transform: uppercase;
	text-decoration: none;
	border-top: 1px solid #FFF;
}

.menuSideItem2 a:link, .menuSideItem2 a:visited, .menuSideItem2 a:active{
	width: 240px;
	height: 26px;
	background-color: #ccc6c5;
	color: #332D28;
	padding-left: 15px;
	display: block;
	line-height: 26px;
	text-transform: uppercase;
	text-decoration: none;
	border-top: 1px solid #FFF;
}

.menuSideItem2 a:hover{
	width: 240px;
	height: 26px;
	background-color: #b2c1c8;
	color: #332D28;
	padding-left: 15px;
	display: block;
	line-height: 26px;
	text-transform: uppercase;
	text-decoration: none;
	border-top: 1px solid #FFF;
}

.menuSideItem2On a:link, .menuSideItem2On a:visited, .menuSideItem2On a:hover, .menuSideItem2On a:active{
	width: 240px;
	height: 26px;
	background-color: #b2c1c8;
	color: #332D28;
	padding-left: 15px;
	display: block;
	line-height: 26px;
	text-transform: uppercase;
	text-decoration: none;
	border-top: 1px solid #FFF;
}
	
.menuSideItem3 a:link, .menuSideItem3 a:visited, .menuSideItem3 a:active{
	width: 240px;
	height: 26px;
	background-color: #dae1e4;
	color: #332D28;
	padding-left: 15px;
	display: block;
	line-height: 26px;
	text-transform: uppercase;
	text-decoration: none;
	border-top: 1px solid #FFF;
}

.menuSideItem3 a:hover{
	width: 238px;
	height: 24px;
	background-color: #dae1e4;
	color: #332D28;
	padding-left: 15px;
	display: block;
	line-height: 24px;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #809098;
}

.menuSideItem3On a:link, .menuSideItem3On a:visited, .menuSideItem3On a:hover, .menuSideItem3On a:active{
	width: 238px;
	height: 24px;
	background-color: #dae1e4;
	color: #332D28;
	padding-left: 15px;
	display: block;
	line-height: 24px;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #809098;
}
/***********************************************************************************************************************************************************/


/***********************************************************************************************************************************************************
	HOME BANNER
***********************************************************************************************************************************************************/
	#homeBanner{
		position: relative; 
		top: -2px;
		z-index: 1;
	}
	
	#homeBannerImageContainer{
		width: 948px;
		height: 287px;
    }
		
	#homeBannerBlurbContainer{
		width: 674px;
		height: 92px;
		position: absolute;		
		bottom: -1px; 
		right: 0px;		
	}
		
	#homeBannerBlurbContents{
		width: 654px;
		height: 72px;
		margin-left: 10px;
		color: #FFFFFF; 
		position: relative;
		top: 20px;
		z-index: 9999;
	}
	
	#homeBannerBlurbLeft{
		float: left;
		height: 72px;
		width: 230px;
		font-size: 20px;
		line-height: 26px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		position: relative;
		left: 15px;		
	}
	
	#homeBannerBlurbRight{
		float: right;
		height: 72px;
		width: 390px;
		padding-right: 30px;
		font-size: 10px;
		line-height: 13px;
		position: relative;
		top: 3px;
	}
	
	#homeBannerNext{
		position: absolute;
		bottom: 15px;
		right: 5px;
		font-size: 9px;
		color: #FFFFFF;
		font-weight: bold;
		z-index: 999;
	}
	
	#homeBannerMenuContainer{
		width: 260px;
		height: 287px;
		position: absolute;		
		bottom: 0px; 
		left: 0px;
		z-index: 5;
	}
	
	#homeBannerMenuContents{
		width: 240px;
		height: 267px;
		margin-left: 15px;
		margin-top: 20px;
	}
	
	.homeBannerMenuHeader{
		font-size: 18px;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
	#homeBannerMenuSeparator{
		position: relative;
		left: -10px;
	}
	
	.homeBannerMenu{
		height: 30px;
		width: 240px;
		color: #FFFFFF;
		cursor: pointer;
	}
		
	.homeBannerMenu a:link, .homeBannerMenu a:visited, .homeBannerMenu a:active{				
		text-decoration: none;
		color: #FFFFFF;	
		font-weight: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 30px;
		width: 240px;
		margin-left: -15px;
		padding-left: 15px;
	}
	
	.homeBannerMenu a:hover{
		text-decoration: none;
		color: #809098;	
		font-weight: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 30px;
		display: block;
		background-color: #FFFFFF;
		width: 240px;
		margin-left: -15px;
		padding-left: 15px;
	}
	
	.homeBannerMenuOn{
		height: 30px;
		color: #FFFFFF;
		cursor: pointer;
	}
		
	.homeBannerMenuOn a:link, .homeBannerMenuOn a:visited, .homeBannerMenuOn a:hover, .homeBannerMenuOn a:active{				
		text-decoration: none;
		color: #809098;	
		font-weight: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 30px;
		display: block;
		background-color: #FFFFFF;
		width: 240px;
		margin-left: -15px;
		padding-left: 15px;
	}
	
	
/***********************************************************************************************************************************************************/



/***********************************************************************************************************************************************************
	INSIDE BANNER
***********************************************************************************************************************************************************/
#insideBanner{
	width: 948px;
	height: 149px;
	margin: -2px auto;
}
/*
#insideBannerLeft{
	width: 709px;
	height: 149px;
	float: left;
	background-image: url('../../images/insideBanner/background_bannerBlurb.jpg');
	background-repeat: no-repeat;
	position: relative;
}
*/
#insideBannerRight{
	width: 239px;
	height: 149px;
	float: right;
}

#insideBannerHeader{
	font-size: 18px;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 25px;
	margin-left: 20px;
}
	
#insideBannerBlurb{
	width: 650px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-left: 20px;
	line-height: 15px;
}

#insideBannerNext a{
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;

}
	
/***********************************************************************************************************************************************************/



/***********************************************************************************************************************************************************
	TABLE STUFF
***********************************************************************************************************************************************************/

	#tblWhiteBorders td{
		border: 1px solid #FFF;
	}
	
	.tableTitle{
		text-transform: uppercase;
		color: #809098;
		font-size: 11px;
		font-weight: bold;
		vertical-align: middle;
		line-height: 30px;
	}
	
	.tableHeader{
		text-transform: uppercase;
		color: #809098;
		font-size: 10px;
		font-weight: bold;
		vertical-align: middle;
		padding-left: 6px;
		
	}
	
	.tableHeaderRight{
		text-transform: uppercase;
		color: #809098;
		font-size: 10px;
		font-weight: bold;
		vertical-align: middle;
		text-align: right;
		padding-right: 6px;
	}
	
	
	.tableHeaderDarkCol{
		background-color: #ccc6c5;
		text-transform: uppercase;
		color: #809098;
		font-size: 10px;
		font-weight: bold;
		vertical-align: middle;
		padding-left: 10px;
	}
	
	.tableBody{
		font-size: 10px;
		vertical-align: middle;
		border-bottom: 1px solid #FFF;
		padding-left: 6px;
	}
	
	.tableBodyDarkCol{
		background-color: #ccc6c5;
		font-size: 10px;
		vertical-align: middle;
		border-bottom: 1px solid #FFF;
		padding-left: 3px;
	}
	
	.tableBodyLarger{
		font-size: 10px;
		vertical-align: middle;
		border-bottom: 1px solid #FFF;
		padding-left: 3px;
	}
	
	.tableBodyCenter{
		font-size: 10px;
		vertical-align: middle;
		border-bottom: 1px solid #FFF;
		text-align: center;
	}
	
	.tableBodySmaller{
		font-size: 9px;
		vertical-align: middle;
		border-bottom: 1px solid #FFF;
		padding-left: 6px;
	}
	
	
	.tableRowHeaderNoColor{
		height: 20px;
		vertical-align: top;
	}
	
	.tableRowNoColor{
		height: 22px;
		vertical-align: middle;
	}
	
	.tableRow{
		background-color: #EFEFEF;
		height: 22px;
		vertical-align: middle;		
	}
	
	.tableRowHeader{
		height: 20px;
		vertical-align: top;
		background-color: #EFEFEF;
	}
	
	.numericTd{
		text-align: right;
		padding-right: 6px;
	}
	
	.centerTd{
		text-align: center;
	}
	
	.altCell{
		background-color: #eeeceb; /* lightGrey */
		vertical-align: middle;	
	}
	
	.plainCell{
		vertical-align: middle;
	}
	
	.darkCell_BtrEnergy{
		vertical-align: middle;	
		color: #FFF;
		background-color: #98b9a9; /* medGreen */
	}
	
	.darkCell_BtrStratGrow{
		vertical-align: middle;	
		color: #FFF;
		background-color: #5a899e; /* darkBlue */
	}
	
	.perfRevTable td{
		border: 1px solid #dae1e4;/* lightSteel */
	}
	
	.darkBlueBack{
		background-color: #5a899e;
		color: #FFFFFF;
	}
						
	.medBlueBack{
		background-color: #9db6c2;
		color: #FFFFFF;
	}
						
	.darkGreenBack{
		background-color: #508c76; /* darkGreen */
		color: #FFFFFF;
	}
							
	.medGreenBack{
		background-color: #98b9a9;
		color: #FFFFFF;
	}
	
	.tableHeaderCenter{
		text-transform: uppercase;
		color: #e0e7eb;
		font-size: 10px;
		font-weight: bold;
		vertical-align: middle;
		text-align: center;
	}
	
	.tableHeaderCenterDark{
		text-transform: uppercase;
		color: #6d7a7c;
		font-size: 10px;
		font-weight: bold;
		vertical-align: middle;
		text-align: center;
	}
	
	.tableHeaderCenterWhite{
		text-transform: uppercase;
		color: #ffffff;
		font-size: 9px;
		font-weight: bold;
		vertical-align: middle;
		text-align: center;
	}
	
	.darkWpfBlue{color: #6c7980;}
	
	.darkWpfBlueBack{
		background-color: #6c7980;
		color: #FFFFFF;
	}
	.medWpfBlue{
		color: #99abb5;
	}
	.medWpfBlueBack{
		background-color: #99abb5;
		color: #FFFFFF;
	}
	
/***********************************************************************************************************************************************************/



/***********************************************************************************************************************************************************
	NEWS
***********************************************************************************************************************************************************/


	#newsContainer{
		height: 142px;
		background-image: url('../images/background_color.gif');
		background-repeat: repeat;
		opacity: .90; 
		filter:alpha(opacity=90);  /*IE's opacity */
		font-family: Georgia, "Times New Roman", Times, serif;
		text-align:center;
		padding: 20px 5px 20px 5px;
	}

	#newsBox{
		float: left;
		width: 620px;
	}
	
	.newsItemTitle{
		text-transform: uppercase;
		color: #809098;
		font-size: 10px;
		font-weight: bold;
	}
	
	.newsItemDate{
		font-size: 10px
	}
	
	#rightColBox{
		float: right;
		width: 200px;
		margin-bottom: 10px;
	}
	
	
	
	#advisorLogin{
		width: 189px;
		height: 183px;
		background-image: url('../images/background_AdvisorLoginNoPageCurl.jpg');
		background-repeat: no-repeat;		
	} 
	
	#advisorLoginContents{
		width: 169px;
		height: 163px;
		padding-top: 10px;
		padding-left: 10px;
	}
	
	.loginTextbox{
		float: left;
		background:transparent;
		border:none;
		background-image: url('../images/loginBox.gif');
		background-repeat: no-repeat;
		height: 20px;
		width: 170px;
		color: #909090;
		font-size: 9px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		line-height: 17px;
		padding-left: 3px;
		margin-top: -1px;
		position: relative;
		left: -3px;
	}
/***********************************************************************************************************************************************************/


#blackBackground{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;	
	background-color: #332D28;
	text-align:center;
	vertical-align: middle;
	padding-top: 15px;			
	opacity: .75; 
	filter:alpha(opacity=75);  /*IE's opacity */
	/*visibility: hidden;
	display: none;*/
}

#visitorTypeContainer{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999;
}

#visitorType{
	width: 750px;
	height: 512px;
	color: #a7a7a7;
	margin: 80px auto;	
	text-align: left;	
	opacity: 1; 
	filter:alpha(opacity=100);  /*IE's opacity */
	background-color: #FFF;
	border: 1px solid #cac4be;
	/*border: 1px solid #70594d;
	background-image: url('../../images/background_visitorDiv.jpg');
	background-repeat:repeat-x;*/	
}


#visitorType:after { /* forces the contentContainer div to stretch with floating content (FF fix) */
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both;
	visibility: hidden;
}

#visitorLeft{
	width: 280px;
	height: 138px;
	float: left;	
	padding: 10px 15px 15px 80px;
}

#visitorRight{
	width: 280px;
	height: 138px;
	float: right;
	padding: 10px 60px 15px 15px;
}

#visitorOneCentered{
	width: 620px;
	height: 250px;
	margin: -20px auto;
	text-align: center;
}

#visitorOneRight{
	float:right; 
	margin-left: 15px; 
	margin-top: 45px; 
	width: 320px;
}

a.boldLink:link, a.boldLink:visited, a.boldLink:active {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a.boldLink:hover{
	color: #809098;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}


#awardDivContainer{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999;
}

#awardDiv{
	width: 550px;
	height: 577px;
	color: #a7a7a7;
	margin: 40px auto;	
	text-align: center;	
	opacity: 1; 
	filter:alpha(opacity=100);  /*IE's opacity */
	background-color: #FFF;	
}


#awardDiv:after { /* forces the contentContainer div to stretch with floating content (FF fix) */
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both;
	visibility: hidden;
}

/***********************************************************************************************************************************************************
	PAGE TABs STYLES
***********************************************************************************************************************************************************/

.pageTabOnCorner{
	height: 31px;
	width: 9px;
	background-image: url('../images/btn_PageTabOnCorner.jpg');
	background-repeat: no-repeat;
	float: left;	
}

.pageTabOn{
	height: 31px;	
	background-image: url('../images/btn_PageTabOnBackground.jpg');
	background-repeat: repeat-x;
	float: left;
	font-size: 10px;
	line-height: 31px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right: 6px;
}

.pageTabOffCorner{
	height: 31px;
	width: 9px;
	background-image: url('../images/btn_PageTabOffCorner.jpg');
	background-repeat: no-repeat;
	float: left;	
}

.pageTabOff{
	height: 31px;
	background-image: url('../images/btn_PageTabOffBackground.jpg');
	background-repeat: repeat-x;
	float: left;
	font-size: 10px;
	line-height: 31px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right: 6px;
}

.pageTabOn a:link, .pageTabOn a:visited, .pageTabOn a:hover, .pageTabOn a:active{
	height: 31px;
	color: #FFFFFF;
	cursor: pointer;	
	text-decoration: none;
	text-align: center;			
	display: block;
	padding-left: 5px;
	padding-right: 14px;

}

.pageTabOff a:link, .pageTabOff a:visited, .pageTabOff a:hover, .pageTabOff a:active{
	height: 31px;
	color: #FFFFFF;
	cursor: pointer;	
	text-decoration: none;
	text-align: center;			
	display: block;
	padding-left: 5px;
	padding-right: 14px;

}

#pageTabKeylineOn{
	width: 100%;
	border: 1px solid #809098;
	padding: 10px 10px 10px 10px;
}

#pageTabKeylineOff{
	width: 100%;
	height: 100%;
	border: 1px solid #efe2da;
	padding: 10px 10px 10px 10px;
}


.investorTeamPopUps{
	width: 195px; 
	height: 75px; 
	border: 1px solid #a29a94;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #fff;
	padding-top: 10px;
	text-align: center;
	opacity: .9; 
	filter:alpha(opacity=90);
	position: absolute; 
	top: 185px; 
	left: 170px; 
}

a.orangeOverLinks:link, a.orangeOverLinks:visited{
	color: #332D28;
}
a.orangeOverLinks:hover{
	color: #90390a;
}
a.orangeOverLinks:active{
	color: #332D28;
}

a.blueOverLinks:link, a.blueOverLinks:visited{
	color: #332D28;
}
a.blueOverLinks:hover{
	color: #809098;
}
a.blueOverLinks:active{
	color: #332D28;
}



.perfshortTabNorm{
	float: left;
	width: 91px;
	height: 18px;
	background-image: url('../images/background_tab_short_Off.gif');
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 4px;
}


.perfshortTabOn{
	float: left;
	width: 91px;
	height: 18px;
	background-image: url('../images/background_tab_short_On.gif');
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 4px;
}

.perflongTabNorm{
	float: left;
	width: 91px;
	height: 18px;
	background-image: url('../images/background_tab_long_Off.gif');
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 4px;
}


.perflongTabOn{
	float: left;
	width: 91px;
	height: 18px;
	background-image: url('../images/background_tab_long_On.gif');
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 4px;
}

.perfannualTabNorm{
	float: left;
	width: 91px;
	height: 18px;
	background-image: url('../images/background_tab_annual_Off.gif');
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 4px;
}


.perfannualTabOn{
	float: left;
	width: 91px;
	height: 18px;
	background-image: url('../images/background_tab_annual_On.gif');
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 4px;
}


/***********************************************************************************************************************************************************/
