* {margin: 0 0;}

body{
	background-color: #FFF;
	width: 100%;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	line-height: 1em;
	color: #464646;
}


#contentContainer{
	width: 100%;
	background-image: url('../images/background_bodyTop.gif');
	background-repeat: repeat-x;
}

/*#contentContainer:after{
	content:".";
	display: block;
	height: 1px;
	visibility: hidden;
	clear: both;
}*/

#bodyHomeTop{
	width: 1024px;
	margin: 0px auto;
	height: 270px;
	background:none;
	font-size: 13px;
}

#bodyHomeTop:after{
	content:".";
	display: block;
	height: 1px;
	visibility: hidden;
	clear: both;
}

#bodyHomeTopRight{	
	float: right;
	width: 370px;
	margin-top: 15px;
	padding-right: 100px;
	line-height: 1.5em;
}

#bodyHomeTopLeft{
	float: left;
	width: 512px;
	padding-left: 30px;
}


#bodyTop{
	width: 1024px;
	margin: 0px auto;
	background:none;
	padding-bottom: 25px;
}

#bodyTop:after{
	content:".";
	display: block;
	height: 1px;
	visibility: hidden;
	clear: both;
}

#bodyTopRight{	
	float: right;
	width: 302px;
	margin-top: 15px;
	padding-right: 50px;
	line-height: 1.5em;
	font-size: 0.9em;	
}

#bodyTopLeft{
	float: left;
	width: 530px;
	padding-left: 70px;
	margin-top: 15px;
	line-height: 1.5em;
	font-size: 0.85em;
}

#bodyBottom{
	width: 1024px;
	margin: 0px auto;
	padding-bottom: 20px;
	min-height: 400px;
	/*todo: background-image: url('../images/bodyBackground_Bottom.jpg'); 
	background-repeat: no-repeat;	
	height: 213px;*/	
}


#bodyBottom:after{
	content:".";
	display: block;
	height: 1px;
	visibility: hidden;
	clear: both;
}



#bodyBottomRight{
	width: 280px;
	float: right;
	padding-right: 100px;
}

#bodyBottomCenter{
	width: 280px;
	position: relative;
	left: 335px;

}

#bodyBottomLeft{
	float: left;
	width: 280px;	
	padding-left: 30px;
}


/***********************************************************************************************************************************************************
	HOME PAGE CALLOUTS
***********************************************************************************************************************************************************/

	#calloutHeader{
		height: 42px;
		position:absolute;
		width: 280px;
	}
	
	#calloutContent{
		position:absolute;
		width: 240px;
		margin-top: 55px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 10px;
		line-height: 1.5em;
	}
	#calloutContent a{font-size: 0.9em;}
	
	#calloutThinHeader{
		height: 28px;	
		width: 276px;
	}
	#calloutThinContent{
		width: 240px;
		padding-left: 30px;
		padding-right: 20px;
		font-size: 10px;
		line-height: 1.8em;
	}

	ul{
		padding-left: 15px;
	}
	
	
	.viewDownload{
		text-align: right;
		width: 65px;
	}

/***********************************************************************************************************************************************************/



/***********************************************************************************************************************************************************
	HEADER
***********************************************************************************************************************************************************/
	#headerContainer{
		width: 100%;
		background-image: url('../images/background_header_alpha.gif'); 
		background-repeat: repeat-x;
		height: 110px;
	}
	
	#headerInside{
		width: 1024px;
		margin: 0px auto;
	}
	
	#LoginBox{
		float: right;
		vertical-align: top;
		text-align: right;
		position:relative;
		top: 15px;
		right: 50px;
		color: #FFFFFF;
		font-size: 0.85em;
		margin-right: 50px;
	}
	
	#searchBox{
		z-index: 99;
		width: 300px;
		height: 50px;
		float: right;
		text-align: right;
		vertical-align: bottom;
		position: absolute;
		bottom: -11px;
		right: 90px;		
		color: #FFFFFF;
		font-size: 1em;
	}
	
	.searchBoxText{color: #666666;font-size:0.9em; line-height: 0.9em;vertical-align: middle;}
	
	.toggleInfoContents{
		position: absolute;
		top: 150px;
		left: 225px;
		color: #FFF;
		font-size: 11px;
		line-height: 1.5em;
		text-align: left;
		width: 175px;
		height: 144px;
		padding-top: 45px;
		padding-left: 15px;
	}

	.toggleInfoContainer{
		position: relative;
		left: -185px;		
		top: 10px;
	}
	
	.toggleHeader{
		font-size: 1.3em; 
		line-height:2em;
	}
/***********************************************************************************************************************************************************/


/***********************************************************************************************************************************************************
	FOOTER
***********************************************************************************************************************************************************/

	#footerContainer{
		width: 100%;
		height: 94px;
		background-image: url('../images/background_footerRepeater.gif');
		background-repeat: repeat-x;
		background-position: bottom;
	}
	
	#footerInside{
		width: 1024px;
		margin: 0px auto;
		text-align: center;
		font-size: 11px;
		line-height: 1.8em;
	}
	
	#footerContainer a{color: #04255A; padding-left: 5px; padding-right: 5px;}
	
/***********************************************************************************************************************************************************/



/***********************************************************************************************************************************************************
	QUICK LINKS 
***********************************************************************************************************************************************************/
	
	.quickLinkContainer{
		position: absolute;
		float:right;

	}
	
	.quickLinkContents{
		position: relative;
		top: 5px;
		color: #FFF;
		font-size: 10px;
		line-height: 1.2em;
		text-align: center;
		width: 157px;
		height: 47px;
		/*padding-top: 45px;
		padding-left: 15px;*/
	}
		
	.quickLinkContents a{color:#FFF; text-decoration:none;} 
	
	.quickLinkHeader{
		/*font-size: 1.3em; 
		line-height:2em;*/
	}
	.quicklink{
		padding-right: 5px;	
		 text-decoration:none;
	}
	.quickLinkImage{
		position:absolute;
	}

/***********************************************************************************************************************************************************/



/***********************************************************************************************************************************************************
	MENU 
***********************************************************************************************************************************************************/
		#menuContainer{
			width: 100%;
			height: 85px;			
			background-image: url('../images/background_menuRepeater_alpha.gif');
			background-repeat: repeat-x;		
		}
		#menuInside{
			width: 1024px;
			height: 85px;			
			margin: 0px auto;						
			background-image: url('../images/background_menu_alpha.gif');
			background-repeat: no-repeat;
		}
		#menuInsideContent{
			float: right;
			height: 85px;
			background: transparent;
			padding-right: 50px;
			font-size: 11px;
			position: relative;
		}
			
		#menuItem{
			float:left; 
			position:relative;
			height: 27px;
		}
		
		#menuItem a{
			text-decoration: none;
		}
			
		#menuSide{
			position: absolute; 
			margin-left:151px; 
			margin-top: 25px; 
			cursor:pointer;
		}
		
		.subContainer{
			z-index: 9999;
			float: left;
			color: #FFFFFF;
			position: relative;
			top: 26px;
		}
		.subContainer a{color: #FFF; line-height:1em; text-decoration:none; display:block;z-index: 9999;}
		.subContainer a:hover{color: #FFF; line-height:1em; text-decoration:underline; display:block;z-index: 9999;} 
		
		.subContents{	
			z-index: 9999;		
			position: absolute;
			text-align: left;
			background-image:url('../images/background_SubMenu.gif');
			background-repeat: repeat;
			width: 155px;
			padding-left: 15px;
			padding-bottom: 15px;
			padding-top: 15px;			
			opacity: .95; 
			filter:alpha(opacity=95);  /*IE's opacity */
		}
		
		.hide{
			display: none;
		}
		
		.show{
			display: block;
		}
		
		
		.menu1{
			float:left;
			height: 27px;
			background: url("../images/menuClosed_Repeater.gif") 0 bottom repeat-x;
			color: #FFFFFF;
			cursor: pointer;
			text-align: center;
		}
		.menuText{
			position: relative;
			top: 8px;
		}
		.menu1 a{				
			text-decoration: none;
			text-align: center;
			color: #FFFFFF;
			position: relative;
			top: 8px;			
		}
		
		.menu1 a:hover{
			text-decoration: none;
			text-align: center;
			color: #162b58;
			position: relative;
			top: 8px;			
		}
		
		.menu1Left{
			float:left;
			width: 8px;
			height: 27px;
			background-image: url('../images/menuClosed_Left.gif');
			background-repeat: no-repeat;
			position: absolute;
			left: 0px;
		}
		
		.menu1Right{
			float:right;
			width: 8px;
			height: 27px;
			background-image: url('../images/menuClosed_Right.gif');
			background-repeat: no-repeat;
			position: absolute;
			right: 0px;
		}
		
		
		.menu1open{
			float:left;
			height: 27px;
			background: url("../images/menuOpen_Repeater.gif") 0 bottom repeat-x;
			color: #162b58;
			cursor: pointer;
			text-align: center;
		}
		
		.menu1open a{				
			text-decoration: none;
			text-align: center;
			color: #162b58;
			position: relative;
			top: 8px;			
		}
		
		.menu1open a:hover{
			text-decoration: none;
			text-align: center;
			color: #162b58;
			position: relative;
			top: 8px;			
		}
		
		.menu1openLeft{
			float:left;
			width: 8px;
			height: 27px;
			background-image: url('../images/menuOpen_Left.gif');
			background-repeat: no-repeat;
			position: absolute;
			left: 0px;
		}
		
		.menu1openRight{
			float:right;
			width: 8px;
			height: 27px;
			background-image: url('../images/menuOpen_Right.gif');
			background-repeat: no-repeat;
			position: absolute;
			right: 0px;
		}
		


/***********************************************************************************************************************************************************/


/***********************************************************************************************************************************************************
	FUND TABLE 
***********************************************************************************************************************************************************/
.fundTable{
	width: 530px;
	font-size: 0.9em;
	line-height: 2.2em;
}

thead{
	background-image: url('../images/background_tableHeaderRepeater.gif');
	background-repeat: repeat-x;
	height: 42px;	
}

thead th{
	font-size: 0.9em;
	height: 42px;
	line-height: 1em;
	color: #04255A;
	text-align: left;
	font-weight: bold;
	vertical-align:middle;
	padding-left: 5px;
}

thead th.numeric{
	text-align: right;
	padding-right: 15px;
}

thead th.center{
	text-align: center;
}

tr{
	border-bottom:1px solid #CCCCCC;
}

tr.even{
	background-color:#E0F3FD;
}

td{
	padding-left: 5px;
	
}

td.numeric{
	text-align: right;
	padding-right: 15px;
}

td a{color:#0f0d3d;}

#tableTitle{
	width:530px;
}

#tableTitle:after{
	content:".";
	display: block;
	height: 1px;
	visibility: hidden;
	clear: both;
}

.tableTitleLeft{
	float: left;
	font-weight: bold;
	padding-left: 5px;
}

.tableTitleRight{
	float: right;
	font-weight: bold;
	padding-right: 5px;
}

/***********************************************************************************************************************************************************/



/***********************************************************************************************************************************************************
	MANAGEMENT PROFILE
***********************************************************************************************************************************************************/

#managerContainer{
	width: 500px;
}

#managerContainer:after{
	content:".";
	display: block;
	height: 1px;
	visibility: hidden;
	clear: both;
}

#managerLeft{
	float: left;
	width: 170px;
	text-align: left;
}

#managerRight{
	float: right;
	width: 330px;
}


/***********************************************************************************************************************************************************/


.red{color:#FF0000;}
.homeColor{color:#04255A;}
.white{color:#FFFFFF;}

.bold{font-weight:bold;}
.italic{font-style: italic; }

.header{font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; line-height:1.5em;}
.subHeader{font-size: 1.1em;}

.superscript{font-size:0.7em; vertical-align: super;}

.tiny{font-size: 0.8em;}

a{color: #288cd9;}

.marketTotal{
	text-align: right;
	width: 70px;
}

.marketUp{	
	text-align: right;
	color: green;
	width: 50px;
}

.marketDown{
	text-align: right;
	color:#FF0000;
	width: 50px;
}