body {
	margin: 0;
	padding: 0;
	background: #000;
	font-family: 'Inconsolata', Helvetica, Arial, Verdana, serif;
	font-size:11px;
	color: #fff;
	background-image: url(../images/bg.jpg);	
}
.container {width: 910px; overflow: hidden; position: relative;}
#sidenav {
	height:430px;
	width: 249px;
	position: fixed;
	float: left;
	padding-top: 15px;
	padding-left: 10px;
	padding-right:5px;
	text-align:right;
	background-image:url(../images/arrowbg.png);
	background-repeat: no-repeat;
	font-size:1.1em;
}
*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;
	font-size: 1.2em;
	padding: 0; margin: 15px 15 5px;
	
}	
h2.categories {}
h2.sites {}
#sidenav ul {
	margin: 0; padding: 0 15px 0px 0px;
	list-style: none;
	
}
#sidenav ul li{
	margin: 0; padding:  0;
	display: inline;
}
#sidenav ul li a{
	display: block;
	margin: 0; padding:  0px 0 3px 5px;
	
	text-decoration: none;
	color: #fff;
}
#sidenav ul li a:hover {
	color: #ccc;
}



#content {
	float: right;
	width: 640px;
	padding-top: 65px;
}
#content h1 {
	
	text-indent: -9999px;
	
	margin: 0 0 0 -20px; padding: 0;
}
#content h2 {
	color: #fff;
	margin: 10px 0;  padding: 0px 0;
	font-size: 1.2em;
	font-weight:600;
}
#content p {
	
	padding: 3px 0;
	margin: 3px 0;
	font-size:1.1em;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

td, th {
	font-size: 12px;
	
}