body 	
		{ 	margin-left: 0%; 
			margin-top: 0%; 
			border-top-width: 0pt;
			border-left-width: 0pt;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 8pt; 
			background-image: url('img/body-backfill.gif');
			color: #222222; }

font	
		{	font-family: Arial, Helvetica, sans-serif; 
			font-size: 8pt; }
a:link	
		{	color: #ff0000; }
a:visited
		{	color: #808080; }
a:active
		{	color: #FF5708; }
a:hover 
		{ 	color: #ffffff; 
			text-decoration: none; }			
.plain
		{ 	color: #ffffff;
			text-decoration: none; }
.enhance 
		{ 	color: #ffffff; 
			text-decoration: none; }			

/* headings */

h1		
		{	font-size: 18pt;
			font-weight: bold; }
h2		
		{	font-size: 16pt;
			font-weight: bold; }
h3		
		{	font-size: 14pt;
			font-weight: bold; }
h4		
		{	font-size: 12pt;
			font-weight: bold; }
h5		
		{	font-size: 10pt;
			font-weight: lighter; }
h6		
		{	font-size: 8pt;
			font-weight: lighter; }

.nopad
		{	padding-top: 0px; 
			padding-bottom: 0px;
			margin: 0px; }
			
/* body wrapper div */

div.wrapper
		{	text-align: left; 
			width: 800px; 
			margin: 0px auto; 
			margin-top: 2px; 
			margin-bottom: 10px; 
			padding: 2px;
			border-width: 1px; 
			border-color: #333333;
			border-style: solid; 
			background-color: #080808; }
html>body div.wrapper	
		{	width: 796px; }		/* non-IE child selector fix */

/* centre zone */

div.bod
		{	width: 780px;
			height: auto;
			min-height: 1000px;
			float: left; 
			text-align: left; 
			padding: 3px 3px 3px 6px; }
			
/* logo */

div.hlogo
		{	border: 0px; 
			margin: 0px; 
			padding: 0px; 
			width: 100%; 
			background-image: url('img/htop-rightfill.gif'); }

/* category nav list */

div.nav a
		{	padding: 1px 1px 1px 3px; 
            display: block;
			width: 156px; }
div.nav a:link	
		{	color: #ffffff; }
div.nav a:visited
		{	color: #808080; }
div.nav a:active
		{	color: #ff0000; }
div.nav a:hover 
		{ 	background-color: #800000;
			color: #000000; 
			text-decoration: none; }
div.nav br
        {   display: none; }
		
/* category nav selection */

div.navsel
		{	padding: 1px 1px 1px 3px; 
            display: block;
			width: 100px;
			background-color: #444444;
			color: #ff0000; 
			text-decoration: none; }
div.navsel br
        {   display: none; }
			
/* separator div */

div.sep
		{	display: block;
			width: 100%;
			background-color: #aaaaaa;
			color: #000000; 
			text-decoration: none; 
			clear: both; 
			line-height: 0px; 
			font-size: 1px; 
			padding: 2px 2px 2px 6px; }

/* misc */

ul.li
		{	list-style: square;
			display: block; 
			padding: 0px; }
ul.home
		{	list-style: square;
			display: none; }
			
#ordlist li
		{	margin-bottom: 0.5em; }
pre	
		{	font-family: Arial, Helvetica, sans-serif; }
td		
		{	font-size: 8pt; }
HR		
		{ 	height: 1px; margin: 3px; }
B		
		{	font-weight: bold; }
		
select.smallfont
		{ 	font-size: 9pt; }

.dropshadow
		{	float: left;
			clear: left;	
        	background: url(img/shadow-png.png) no-repeat bottom right !important; /* nice browsers (e.g. Firefox/Opera/Safari) ONLY notice this line*/
        	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='img/shadow-png.png'); 
        	margin: 10px 2px 0px 6px; }
.dropshadow img
		{	position: relative;
        	bottom: 6px;
        	right: 6px;
        	border: 1px solid #888;
        	background: #fff;
        	padding: 2px 2px 2px 2px; /* gives us the white area - but not in IE5 + IE5.5 */
        	margin: 0px; }