/* em media - Homepage Stylesheet
 * ------------------------------
 
 * Quirky box model styles - Standards compliant corrections follow.*/

	#main #container #homenews {
	 	width:					382px;
		background-color:		#67AC15;
		background-image:		url(../images/news.png);
		background-repeat:		no-repeat;	
	}
 
	#articles {
	 	margin-left:			0px;
		padding:				12px;
		background-color:		#FFFFFF;
		line-height: 			1.2em;		/* IE6 Peekaboo Bug Workaround*/
	}

	#minheight {
		height:					210px;
		float:					left;
		width:					0px;
	}
	
	* html #minheight {
		height:					216px;
	}
	
	#main #container #homenews #articles .item {
		background-image:		url(../images/news-dots.png);
		background-repeat:		repeat-y;
		margin-bottom:			8px;
	}
	
	#main #container #homenews #articles .item .minheight_article {
		height:					36px;
		float:					left;
		width:					0px;
	}
	
	#main #container #homenews #articles .item .newsimage {
		padding-top:			2px;
		width:					34px;
		height:					34px;
		float:					left;
	}

	.headline {
		font-size:				12px;
		font-weight:			bold;
		color:					#FFFFFF;
		margin:					5px 0px 5px 10px;
	}

	.headline a {
		text-decoration:		none;
		font-weight:			bold;
		color:					#74981A;
	}
	
	.headline a:hover {
		text-decoration:		none;
		color:					#545454;
	}

	.summary {
		margin-left:			10px;	
	}
 
 	#main #container #rightpanel {
		float:					right;
		width:					242px;
		background-image:		url(../images/blackcurvedbg.png);
		background-position:	bottom right;
		background-repeat:		no-repeat;
	}
	
 	#main #container #rightpanel .feature {
		height:					83px;
		he\ight:				76px;
		border-bottom:			1px dashed white;
		margin-bottom:			6px;
		overflow:				hidden;
		padding-right:			5px;
	}

 	#main #container #rightpanel .feature.last {
		border-bottom:			0px;
	}
	
 	#main #container #rightpanel .feature .feature_image {
		float:					left;
	}
	
 	#main #container #rightpanel .feature .feature_go {
		float:					right;
	}
	
 	#main #container #rightpanel .feature .feature_copy {
		padding:				0px 8px 0px 103px;
		color:					white;
	}
	
 	#main #container #rightpanel .feature .feature_link {
		padding-top:			4px;
		text-align:				right;
	}
	
 	#main #container #rightpanel .feature .feature_link a {
		color:					white;
	}
	
 	#main #container #rightpanel .infobox {
		width:					121px;
		height:					73px;
		font-size:				7pt;
		overflow:				hidden;
		text-align:				left;
	}

 	#main #container #rightpanel .infobox-content {
		padding:				4px;
	}
	
	#main #container #rightpanel a {
		color:					white;
	}
	
	#main #container #rightpanel a:hover {
		color:					white;
		text-decoration:		none;
	}	
	
	#main #container #rightpanel .infobox .fwd {
		width:					5px;
		height:					9px;
		float:					right;
	}

 	#main #container #rightpanel .infobox .infotitle {
		font-family:			Arial, sans-serif;
		font-size:				9pt;
		font-style:				italic;
		font-weight:			bold;
		text-transform:			none;
		margin:					0px;
		padding:				0px 0px 0px 0px;
		white-space:			nowrap;
		/*-moz-opacity:			0.8;*/
	}

 	#main #container #rightpanel .infobox .infocontent {
		height:					30px;
		text-transform:			uppercase;
		/*-moz-opacity:			0.8;*/
	}

 	#main #container #rightpanel .infobox#info1 { background-color: #E84848; }
 	#main #container #rightpanel .infobox#info2 { background-color: #FFB400; }
	#main #container #rightpanel .infobox#info3 { background-color: #82A220; }
 	#main #container #rightpanel .infobox#info4 { background-color: #A22066; }
	
  	#main #container #rightpanel #panel {
		clear:					both;
		padding:				0px;
		color:					#FFFFFF;
	}

   	#main #container #rightpanel #panel h4 {
		color:					#FFFFFF;
	}
	
	#main #container #rightpanel #panel p {
		color:					#FFFFFF;		
	}

 	#main #footer #headland {
		display:				inline;
		clear:					both;
		color:					#FFFFFF;
		font-size:				10px;
	}
	
	#main #footer #headland img {
		margin-right:			6px; 
		float: 					left; 
		margin-top: 			2px;
	}

	#main #footer #headland a {
		color:					#FFFFFF;
	}
	
	#main #footer #headland a:hover {
		text-decoration:		underline;
	}


 /* Correct styles back to standards compliant mode using box model hack for standards compliant browsers. */

 	#main #container #homenews #articles {
		voice-family: 			"\"}\""; 
 		voice-family:			inherit;
		min-height:				224px;
	}

	#main #container #homenews #articles .item {
		voice-family: 			"\"}\""; 
 		voice-family:			inherit;
		min-height:				36px;
	}
	
	@media ScReEn { 
		.right_notsafari {
			float:					right;	
		}
	}
	
	#main #container #flashcontainer #noflashimg {
		display:				none;
	}
	
	/* \*/
	#main #container #flashcontainer #noflashimg {
		display:				inline;
	}
	/* */
	
/* And this corrects what I think is a bug in Mozilla */

 	html>body #main #container #rightpanel .infobox {
		overflow:				visible;	
	}