body {
	
	}
	#contents {
	max-width: 1020px; 
	margin:auto; padding: 1em;;
	
	}
	div.header {
	margin: auto;
	text-align: center; 
	clear: both;
	padding-bottom:.4em;;
	 }
	 
	.section {
	margin: .5em 1em; padding-top: 1em;
	border-top: 1px dashed rgba(0, 0, 51, .5);
	}
	
	#sitenav {box-shadow: 4px 4px 8px 8px rgba(255, 255, 255, .3) inset; 
    border: 9px double #003;
    padding: 1em .5em; color:#003;
    background:url(images/navigation.jpg)  top left no-repeat;
    background-color:#FFF;
    padding-top: 180px;
    margin-top:2em;
    }
	 .nav_maincat {	 text-align: center; 	 }
	.nav_maincat h4{background-color: rgba(255,255,255,.8); }
	 .nav_maincat p {margin: auto; font-size:.8em; }
     
     table {border: 0; }
    
	.caption, #disclaimer{ font-size: .8em; }
	.alert {color:#F00; background-color: #FFF; padding:.4em; border: 1 solid #F00;}
    
    .img_left{float:left; clear:left; margin-right: 1em;}
    .img_right{float:right; clear:right; margin-left: 1em;}
    .img_center{margin:auto; text-align:center;}
    .dl_img, .img_left, .img_right,.img_center  {text-align:center; }
 
 /** http://nicolasgallagher.com/micro-clearfix-hack/
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}