/* =SPLASH
----------------------------------------------- */
.SplashContainer {
	height:294px;
	width:780px;
}

.SplashBodyLeft {
	width:516px;
	height:294px;	
	float:left;
	background-position:top left;
	background-repeat:no-repeat;
}

.SplashFeatureContainer {
	padding-left:220px;
	height:294px;
	width:293px;
	float:left;	
}

.SplashFeatureBody {
	height:275px;
	width:285px;
	overflow:hidden;
	padding:0;
	margin:0 0 15px 4px;
}

.SplashFeatureText {
	line-height:20px;
	
    height:180px; !important;
    	/* Read by all browsers. But IE/Win does 
    	not implement !important so this width 
    	value will not override others. */
    	
	height /**/:235px;	
		/* This is for IE5.5 */
	
	height/**/:/**/180px;
		/* IE6/Win meanwhile will read all the width values 
		but apply only the last one */		
	
	
	margin-bottom:10px;
	padding-top:60px;
}

.LearnMore {
	background-image:url(../images/splash/LearnMore.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:82px;
	height:12px;
	float:right;
}

.SplashBodyRight {
	background-image:url(../images/splash/background-right.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:264px;
	height:294px;	
	float:left;
}

.SubFeatureContainer {
	width:264px;
	height:294px;	
}

.BreakingNewsContainer {
	width:224px;
	height:157px;	
	padding:0 10px 0 30px;
}

.BreakingNewsBody {}

.BreakingNewsBody ul {
	list-style: none;	
	margin:0;
	padding:0;
}

.BreakingNewsBody ul li {
	width:214px;
	font-size:8pt;
	background-image: url(../images/splash/BreakingNewsArrow.gif);
	background-repeat: no-repeat;
	background-position:left 4px;
	padding:0 0 10px 10px;
}

.BreakingNewsBody ul li a {
	color:#333333;
	text-decoration:none;
}

.BreakingNewsHeader {
	height:32px;
	width:220px;
	background-image:url(../images/splash/BreakingNews.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

.MiniPageHeader {
	color:#003C9B;
	font-weight:bold;
	font-size:10pt;
}

.MiniFeatureContainer {
	height:127px;	
	padding:10px 10px 0 30px;
	
    width:214px !important;
    	/* Read by all browsers. But IE/Win does 
    	not implement !important so this width 
    	value will not override others. */
    	
	width /**/:264px;	
		/* This is for IE5.5 */
	
	width/**/:/**/214px;
		/* IE6/Win meanwhile will read all the width values 
		but apply only the last one */		
}

.MiniFeatureHeader {
	width:214px;
	font-size:10pt;
	font-weight:bold;
	color:#20469B;
}

.MiniFeatureImage {
	height:60px;
	width:64px;
	float:left;
}

.MiniFeatureBody {
	padding-top:10px;
}

.MiniFeatureText {
	font-size:8pt;
	float:left;
	width:140px;
	padding-left:10px;
	height:40px;
}

.ReadTheFullStory {
	background-image:url(../images/splash/ReadTheFullStory.jpg);
	background-position:0 2%;
	background-repeat:no-repeat;
	width:98px;
	height:11px;
	float:left;
	padding:0 0 0 10px;
	margin-top:10px;
}

.splashline {/* override the padding/margins of .line */
	padding:0;
	margin:2px 0 4px 0;
}