@charset "utf-8";
/* CSS Document */

@import url(../CSS/navigation.css);
@import url(../CSS/typography.css);
@import url(../CSS/titles.css);

body {
	background-color:#666666;		
	}

.clear {
	clear:both;   
	height:0;    
	font-size: 1px;    
	line-height: 0px;
	}


#wrapper {
	width: 900px;
	margin: 10px auto!important;
	background-color:#FFFFFF;
	}

/* banner ------------------------------------------------------------------------------ */

#banner {
	background-image:url(../graphics/banner/EMGbanner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height: 200px;}
	
/* main Nav holder ------------------------------------------------------------------------------ */

#navTier1 {
	margin: 0px 10px 20px 0px;
	overflow: auto;
	height: 1%; /* new addition */}
	
	#navFloat {
	border-top: 1px solid #edca10;
	border-bottom: 1px solid #edca10;
	float: right;}

/* secondNav ------------------------------------------------------------------------------ */

#tier2Nav {
margin: 0px 0px 0px 0px;
overflow:hidden;
}	

/* content ------------------------------------------------------------------------------ */

#content {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border-right: 4px solid #edca10;
	border-left: 4px solid #edca10;
	width: 892px;
	overflow: auto;
	}
	
	#leftHolder {
		float: left;
		display:inline;
		width: 210px;
		margin: 20px 5px 10px 20px;
		overflow:auto;}
		
	#contentHolder {
		margin: 20px 10px 0px 10px;
		padding: 0px 0px 0px 10px;
		height: 1%;
		overflow: auto;	}
		
		
	#contentMain {
		padding: 0px 0px 0px 0px;
		margin: 40px 10px 0px 0px;
		overflow:auto;
		}
		
		#contentMain img {
		float: right;
		padding: 2px;
		border: 1px solid #edca10;
		margin: 0px 0px 5px 5px;		
		}
		
		.middlePic {
			float:none !important;
			display: block !important;
			margin: 10px auto !important;}
			
			.caption {
				margin: 5px 100px 15px 100px;
				text-align:center;
				color: #666666;}
		
	/* rounded box yellow content, darker yellow back ground --------------------------------------------------------- */		

	.t2 {background: 	url(../graphics/round-border/dot2.png) 0 0 repeat-x; width: 100%;}
	.t2 {background-color:#edca10;}
	.t2 {margin: 0px 0px 5px 0px;}
	.b2 {background: 	url(../graphics/round-border/dot2.png) 0 100% repeat-x}
	.l2 {background: 	url(../graphics/round-border/dot2.png) 0 0 repeat-y; }
	.r2 {background:	 url(../graphics/round-border/dot2.png) 100% 0 repeat-y}
	.bl2 {background: 	url(../graphics/round-border/bl2.png) 0 100% no-repeat}
	.br2 {background: 	url(../graphics/round-border/br2.png) 100% 100% no-repeat}
	.tl2 {background: 	url(../graphics/round-border/tl2.png) 0 0 no-repeat}
	.tr2 {background: 	url(../graphics/round-border/tr2.png) 100% 0 no-repeat; padding:10px;}
	.tr2a {background: 	url(../graphics/round-border/tr2.png) 100% 0 no-repeat; padding:10px 10px 10px 10px;}
	
	/* rounded box yellow content, darker yellow back ground --------------------------------------------------------- */		

	.t3 {background: 	url(../graphics/round-border/dot3.png) 0 0 repeat-x; width: 100%;}
	.t3 {background-color:#fef7dd;}
	.t3 {margin: 0px 0px 0px 0px;}
	.b3 {background: 	url(../graphics/round-border/dot3.png) 0 100% repeat-x}
	.l3 {background: 	url(../graphics/round-border/dot3.png) 0 0 repeat-y; }
	.r3	{background:	 url(../graphics/round-border/dot3.png) 100% 0 repeat-y}
	.bl3 {background: 	url(../graphics/round-border/bl3.png) 0 100% no-repeat}
	.br3 {background: 	url(../graphics/round-border/br3.png) 100% 100% no-repeat}
	.tl3 {background: 	url(../graphics/round-border/tl3.png) 0 0 no-repeat}
	.tr3 {background: 	url(../graphics/round-border/tr3.png) 100% 0 no-repeat; padding:10px}

	/* rounded box yellow content, light yellow back ground white  --------------------------------------------------------- */		

	.t4 {background: 	url(../graphics/round-border/dot4.png) 0 0 repeat-x; width: 100%;}
	.t4 {background-color:#fef7dd;}
	.t4 {margin: 0px 0px 0px 0px;}
	.b4 {background: 	url(../graphics/round-border/dot4.png) 0 100% repeat-x}
	.l4 {background: 	url(../graphics/round-border/dot4.png) 0 0 repeat-y; }
	.r4	{background:	 url(../graphics/round-border/dot4.png) 100% 0 repeat-y}
	.bl4 {background: 	url(../graphics/round-border/bl4.png) 0 100% no-repeat}
	.br4 {background: 	url(../graphics/round-border/br4.png) 100% 100% no-repeat}
	.tl4 {background: 	url(../graphics/round-border/tl4.png) 0 0 no-repeat}
	.tr4 {background: 	url(../graphics/round-border/tr4.png) 100% 0 no-repeat; padding:5px 5px 10px 5px;}
	
/* info Boxes ------------------------------------------------------------------------------ */

	.infoBox {
		margin: 10px 0px 10px 0px;
		width: 200px;
		float: left;
		display:inline;
		overflow:auto;}	
		
		.infoBox1 {
		margin: 10px 7px 10px 7px;
		width: 200px;
		float: left;
		display:inline;
		overflow:auto;}
	
		.infoBox img, .infoBox1 img {
		float: right;
		padding: 2px;
		border: 1px solid #edca10;
		background-color:#FFFFFF;
		margin: 0px 0px 2px 5px;		
		}
		
		.spacer {
		height: 120px;	
		}
		
		.spacer1 {
		height: 150px;	
		}
		
		.detailBox {
		margin: 0px 0px 10px 0px;
		overflow:auto;}


/* feature ------------------------------------------------------------------------------ */

	.feature {
		border-top: 5px solid #edca10;
		border-bottom: 1px solid #edca10;
		padding: 0px;
		margin: 10px 30px 10px 30px;
		height: 1%;
		overflow:auto;	}		


/* coverage ------------------------------------------------------------------------------ */


/* footer ------------------------------------------------------------------------------ */

#footer {
	background-image:url(../graphics/banner/EMGfooter1.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height: 190px;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	position: relative;
	}
	
	#chamber {
		position: absolute;
		top: 40px;
		left: 30px;}
		
		#chamber a {
		text-decoration:none;}
		
		#chamber img a {
			border: none;}