body {
	border-top: 10px solid #1f191a;
	margin: 0; padding: 0;
	background: #f0f0f0 url(body_bg.jpg);
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
}
.container {width: 980px; margin: 0 auto; overflow: hidden; background: url(container_stretch.gif); font-size: 1.2em; position: relative;}
#sidenav {
	width: 300px;
	position: fixed;
	float: left;
	background: #007741;
}
*html #sidenav {
	position: absolute; 
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
#sidenav h2 {
	text-indent: -99999px;
	height: 41px;
	padding: 0; margin: 15px 0 5px;
	background-position:  20px top;
}	
h2.categories {background: url(images/sidenav_1617aug.gif) no-repeat ;}
h2.sites {background: url(h2_othersites.gif) no-repeat ;}
#sidenav ul {
	margin: 0; padding: 0 20px 30px 20px;
	list-style: none;
	background: url(sidenav_hr.gif) no-repeat right bottom;
}
#sidenav ul li{
	margin: 0; padding:  0;
	display: inline;
}
#sidenav ul li a{
	display: block;
	margin: 0; padding:  5px 0 5px 15px;
	background: url(images/sidenav_arrow.gif) no-repeat left center;
	text-decoration: none;
	color: #999;
}
#sidenav ul li a:hover {
	color: #FFFFFF;
}
#content {
	float: right;
	width: 640px;
	padding: 0 20px 20px;
}
#content h2 {
	color: #1f191a;
	margin: 10px 0;  padding: 10px 0;
	font-size: 2em;
	font-weight: normal;
}
#content p {
	line-height: 1.8em;
	padding: 7px 0;
	margin: 7px 0;
}