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

#main_content {
	margin-right:20px;
}
	
#ngma_instr {
	float:left;
	width:540px; /* total width of main_cont  - 20px margin right */
	/*background:url(bg_images/instr_bg.png) no-repeat top left;*/
	padding:10px 0;
	}

#ngma_instr dl {
	float: left; /* floating each list so that it'll wrap around containing elements (self-clearing floats)*/
	width:500px; /* fixes IE bug that stretches floated elements wider then the width of their container */
	/*margin:10px 20px;*/
	margin:0;
	padding:15px 20px;
	display:inline; /* fixes IE/Win double margin bug */
	background:url(../bg_images/instr_bg_small.png) repeat-x top left;
	}
#ngma_instr dt { /* name of instructor */
	float:right;
	width: 273px; /* assign the width to title to the bio dd does not float in: 540px - (20 + 20) - 200px (image) */
						 /* 300px - (4px + 4px)padding - 15px right margin - 4 px border */
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-size:120%;
	letter-spacing:1px;
	color:#CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}

#ngma_instr dd {
	margin:0;
	padding:0; /* removes indent */
	font-size:90%;
	color:#000000;
	text-align:justify;
}
#ngma_instr dd p{
	margin:0;
	padding:0; 
	padding-top:5px;
}
#ngma_instr dd p.belt_rank {
	font-weight:bold;
	letter-spacing:3px;
	color:#333333;
	text-indent:0;
}	
#ngma_instr dd.img img {
	float:left;
	margin:0 15px 0 0;
	padding:4px; 
	border: 2px solid #999999;
	border-left-color:#CCCCCC;
	border-top-color:#999999;
	border-bottom-color:#333333; /* darker shade then top and left */
	border-right-color:#666666;
	background:#E6E6E6;
}

/* reverse float */
#ngma_instr .alt dt {
	float: left;
	}
#ngma_instr .alt dd.img  img{
	float:right;
	margin:0 0 0 15px; /* switch margin to left side */
}

p#email a{
	text-decoration:none;
	color:#FFFFFF;
	font-style:italic;
	}
p#email a:hover{
	color:#CCCCCC;
}