/* Generic Selectors */ 

body 
{
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 14px; 
color: red; 
background-color: black; 
background-attachment: fixed; 
background-image: url(http://www.geocities.com/badboys/images/devilbanner.jpg); 
background-repeat: no-repeat; 
background-position: left; 
} 

p {
	clear: left;
	background: url(http://www.geocities.com/loveabledevils/images/remora.gif) center left no-repeat;
	padding: 1em 1em 0 1em;
	margin: 0;
}

li { 
list-style-type: none; 
line-height: 150%; 
list-style-image: url(http://www.geocities.com/images/arrowSmall.gif); 
} 

h1 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 30px; 
font-weight: bold; 
color: red; 
text-align: center;
padding: 0 0 0.25em 0;
margin: 0;
} 

h2 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 16px; 
font-weight: bold; 
color: red; 


/**************** Pseudo classes ****************/ 

:link { 
color: red;  
text-decoration: underline; 
font-weight: bold; 
} 

:visited { 
color: green; 
text-decoration: underline; 
font-weight: bold; 
} 

:hover { 
color: rgb(0, 96, 255); 
padding-bottom: 5px; 
font-weight: bold; 
text-decoration: underline; 
} 

li :hover { 
display: block; 
color: rgb(0, 96, 255); 
padding-bottom: 5px; 
font-weight: bold; 
border-bottom-width: 1px; 
border-bottom-style: solid; 
border-bottom-color: #C6EC8C; 
} 

:active { 
color: red;
font-weight: bold; 
} 

p.image {
	float: right;
	font-size: 0.8em;
	text-align: center;
	color: #7d6340;
	padding: 1.25em 1.25em 0.25em 0.25em;
}

p.image img {
	display: block;
	border: 1px solid #7d6340;
}

/************************* ID's *************************/ 
#navigation { 
position: absolute; 
z-index: 10;
width: 195px; 
height: 500px; 
margin: 0;
margin-left:50px;
font-weight: normal; 
} 

#centerDoc { 
position: absolute; 
z-index: 10; 
margin-left: 15px;
padding: 0 0 20px 235px; /*top right bottom left*/ 
}