body{
	background-color:#dddddd;
	margin:0;
	font-family:verdana,arial, helvetica,sans-serif;
	
	/*ie needs this to center the outer container even though it shouldn't*/
	text-align:center;
}

/*this controls the title bar*/

h1{
	padding:0;
	height:3.32em;
	margin:0;	
	background-color: #ffffff;
	color:#990000;
	background-image: url('../images/MaroonShadingRight.jpg');
	background-position:top right;
	background-repeat: no-repeat;
	border-bottom:1px solid #666666;
	text-align:left;
	font-size:.7em;
	clear:both;
	float:none;
}

h1 img{
	margin:0;
	padding:0;
	border: none;	

}

.logo{
	float:left;
	display:block;
	width:200px;
	height:2.4em;

/*	background-image: url('../images/arhs.jpg');
	background-position:top left;
	background-repeat: no-repeat;*/
	padding:0;
	color:#990000;
	text-decoration:none;
}

.dateDisplay{
	text-align:right; 
	margin-right:4em;
	margin-top:0;
	color:#990000;	
	float:right;
	clear:none;
}
/*this holds everything*/
div#outerContainer{
	padding:0;
	margin-left:auto;/*centers the container (non-ie)*/	
	margin-right:auto;
	width:60em;/*prefer percentage, but this keeps the navigation bar from wrapping when page is resized*/
	background-color: #ffffff;
	border-color: #666666;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	text-align:center;	
}

/*this holds everything below the header (incl navigation bar and search box) and above the footer*/
div#mainContainer{
	clear:both;
	padding-top:.4em;
}