﻿*{
	border-style: solid;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:64.5%;
	background:#b4bdc7;
}

/* ---------------------------------------------------------------------------
HREF Selectors
-----------------------------------------------------------------------------*/	
a:link { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #378cd0; font-size:12px; }
a:visited { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #2c7dbf; font-size:12px; }
a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #44a9fb; font-size:12px; }
a:active { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #378cd0; font-size:12px; }

#wrapper{
	width:980px;
	padding:10px;
	margin:0 auto;
	background:#fff url("../images2/body-gradient.gif") repeat-x bottom;
}
/* ------ HEADER ------ */
#header{ background:url(../images/topBanner.jpg) no-repeat; height:88px; padding-top:24px; position: relative; 
}

#header #logo{ width:455px; height:59px; float:left; padding: 3px 0px 0px 2px; 
}

	/* ------ Sub-Nav ------ */
	#header #sub-nav{ float:right; position:absolute; top:6px; font-size:1.1em; left: 651px; width: 334px; 
	}
	#header #sub-nav ul{
		list-style:none;
	}
	#header #sub-nav li{
		float:left;
	}
	#header a{
		color:#000;
		padding:0 5px;
	}
	#header a:hover{
		color:#900;
	}

/* ------ NAVIGATION ------ */
#navigation{
	height:36px;
	font-family:Arial Narrow;
	font-size:1.6em;
	background:#36526a url("../images2/nav-gradient.png") repeat-x;
}
#navigation ul{
	list-style:none;	
}
#navigation li{
	float:left;
	
	background:url("../images2/nav-separator.gif") no-repeat top left;
}
#navigation li.first{
	background:none;
}

/* ------ CONTENT ------ */
#content{
	margin-top:10px;
}
	/* ------ Image/ Flash ------ */
	#content #image{
		height:245px;
	}
	#image #flash{
		background:#CCC;
		width:735px;
		height:245px;
		float:left;
	}
	#image #text{
		background:url("../images2/text-bg.png") repeat-x;
		padding:20px 15px 0 20px;
		overflow:hidden;
		height:245px;
		color:#fff;
		font-size:1.7em;
		letter-spacing:-0.3px;
		line-height:105%;
	}
	#image #text p{
		padding-bottom:15px;
	}
	#image #text .bold{
		font-weight:bold;	
	}
	/* ------ Info ------ */
	#content #info{
		margin-top:15px;
	}
	#content #info div{
		width:201px;
		padding:5px;
		margin-right:15px;
		float:left;
		background:#f0f5ff;
	}
	#content #info div.header{
		width:auto;
		padding:0px;
		margin-right:0px;
		float:none;
		background:none;
	}
	#content #info div h3{
		color:#456989;
		font-family:Arial Narrow;
		font-size:1.8em;
		border-bottom:1px solid #456989;
		margin-bottom:8px;
		width:165px;
	}
	#content #info div p{
		font-size:1.2em;	
	}
	
	#content #info .more{
		text-align:right;
		padding-top:3px;
	}
	#content #info .more a{
		color:#900;
	}
		/* ------ Markets ------ */
		#content #info #markets{
			background:#fff;	
		}
		#markets td{
			padding-right:30px;	
		}
		#markets .name{
			font-weight:bold;	
		}
		#markets .diff{
			color:#900;	
		}
		#markets .asof{
			text-align:right;
			color:#666;
		}
/* ------ FOOTER ------ */
#footer{
	padding-top:80px;
	padding-bottom:30px;
	clear:left;
}
#footer ul{
	list-style:none;	
}
#footer li{
	float:left;
	padding-bottom:10px;
}
#footer li a{
	padding:0 3px;
	color:#456a87;
	font-weight:bold;
}
#footer p{
	border-top:1px solid #ccc;
	padding-top:10px;
	clear:left;	
}
#footerContent { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; font-style:italic; line-height:17px; color:#5f5f5f; width: 650px;}


