@import "default_JM.css";
@import "style_JoyMining.css";


#contentArea {background:url(images/bg_JM_home.gif) repeat-y;}
	#contentContainer {float:left; width:711px;  background: none; }
	#topContentContainer {float:left; overflow: hidden; width:711px; height:225px; background: url(images/bg_JM_home_Agg.jpg) no-repeat;}
	
	#centerZone {width:694px; _width: 684px; padding-top:15px;}
	.IE6 #centerZone {width: 684px;}
	#centerZone .Freeform{clear:none}
	#centerZone .FreeformLeft {width: 331px; margin:0px; padding:0; float: left;}
	#centerZone .FreeformRight {width: 331px; margin:0px; padding:0; float:right; padding:0;}
	#centerZone h1 {text-transform: uppercase; font-size:18px;}
	
	#rightZone {float:right; /* floats right of centerContent */ width:227px; margin:0px; padding: 18px 23px 0 14px; background:url(images/bg_JM_home_callout.jpg) no-repeat top;}
	#rightZone .RightZone h1 { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size:18px; color: #f37021; text-transform:none;}
	#rightZone .RightZone h1 a {color: #f37021;}
	/*need to remove #rightZone in wkst*/
	
	#rightZone .FreeformBorder {margin-bottom: 15px; padding: 0 0 10px 0;}
	#rightZone .Freeform P {margin-bottom: 5px;}
	

/*==============FOR SlideShow ===================================================================*/
#topContentContainer .TOCBlock #nav a,
#topContentContainer .AggregationResults #nav a{color:#fff;}

#topContentContainer .TOCBlock h4,
#topContentContainer .AggregationResults h4{color:#fff;}

#topContentContainer .TOCBlock h4,
#topContentContainer .AggregationResults h4{color:#fff;}

#topContentContainer .TOCBlock p,
#topContentContainer .AggregationResults p{color:#333333;}

#topContentContainer .TOCBlock a:link,
#topContentContainer .AggregationResults a:link{color:#fff;}

#topContentContainer .TOCBlock a:visited,
#topContentContainer .AggregationResults a:visited{color:#fff;}

#topContentContainer .TOCBlock a:hover,
#topContentContainer .AggregationResults a:hover{color:#fff;}

#topContentContainer .TOCBlock a:active,
#topContentContainer .AggregationResults a:active{color:#fff;}

#topContentContainer .TOCBlock .linkText a:link,
#topContentContainer .AggregationResults .linkText a:link{color:#cf8030;}

#topContentContainer .TOCBlock .linkText a:visited,
#topContentContainer .AggregationResults .linkText a:visited{color:#cf8030;}

#topContentContainer .TOCBlock .linkText a:hover,
#topContentContainer .AggregationResults .linkText a:hover{color:#cf8030; text-decoration:underline;}

#topContentContainer .TOCBlock .linkText a:active,
#topContentContainer .AggregationResults .linkText a:active{color:#cf8030;}

/*===========================================================*/
#topContentContainer .TOCBlock .OneCol,
#topContentContainer .AggregationResults .OneCol {color:#fff;}

#topContentContainer .TOCBlock .OneCol div p,
#topContentContainer .AggregationResults .OneCol div p{color:#fff;}

/*slideshow Thumbs*/
#thumb1{background: url(/JoyMining/SlideShowImages/t01.jpg) top left no-repeat;}
#thumb2{background: url(/JoyMining/SlideShowImages/t02.jpg) top left no-repeat;}
#thumb3{background: url(/JoyMining/SlideshowImages/t03.jpg) top left no-repeat;}
#thumb4{background: url(/JoyMining/SlideshowImages/t04.jpg) top left no-repeat;}
#thumb5{background: url(/JoyMining/SlideshowImages/t05.jpg) top left no-repeat;}
#thumb6{background: url(/JoyMining/SlideshowImages/t06.jpg) top left no-repeat;}