body { background-color: #000000; font-family: "Times New Roman", Times, serif; font-size: 12px; 
color: #000000; text-align: left; margin-left: 20px; padding-left: 20px; } 

p { font-family: "Verdana", Times New Roman, serif; font-size: 14px; color: #ffffff; 
text-align: justify; } 
p.journal {font-family: "Verdana", Times New Roman, serif; font-size: 14px; color: #ff0000; 
text-align: left; margin-bottom: 3px;}
p.work {font-family: "Verdana", Times New Roman, serif; font-size: 14px; color: #ffffff; 
text-align: left; margin-top: 0px;}

h1 { font-family: "Arial", serif; font-size: 48px; color: #336699; text-align: left;
margin-top: 20px; } 

h2 { font-family: "Verdana", sans-serif; font-size: 16px; font-weight: bold; text-align: left;
color: #ffcc66; } 

h3 { font-family: "Verdana", Times, sans-serif; font-size: 12px; 
font-weight: bold; color: #000080; } 

h4 { font-family: "Verdana", Times, sans-serif; font-size: 14px; 
font-weight: bold; color: #ffffff; text-align: left; margin-top: 20px; } 

h5 { font-family: "Verdana"; font-size: 20px;
font-weight: bold; color: #800000; text-align: center; }

h6 { font-family: "Verdana", Times, sans-serif; 
font-size: 12px; font-weight: bold; color: #666666; text-align: left; } 

/************************* ID's *************************/ 

#container { position: relative; height: 800px; width :760px; margin-left: auto; margin-right: auto; border: 2px solid red;	}

#headpic { position: absolute; top: 0px; left: 0px; width: 150px; height: 150px; }
#headpic img { border: none; }

#header { background-color: #000000; position: absolute; top: 0px; left: 150px;
width: 505px; height: 150px; text-align: left; padding-left: 50px; } 

#menu { background-color: #000000; position: absolute; top: 150px; left: 0px; width: 150px; 
height: 615px; text-align: left; padding-top: 20px; padding-left: 0px; padding-right: 10px; } 
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { margin-top: 4px; padding-left: 0px;}
#menu a:link, #menu a:visited {  padding-left: 5px; font: 11px Helvetica, sans-serif; color: #000000;  display: block; width: 150px; height: 20px; background: url('images/arrows.gif') top left no-repeat; text-decoration: none; }
#menu a:hover { padding-left: 5px; background-position: 0 -20px; }
#menu a:active { padding-left: 5px; background-position: 0 -40px;}

#copy { background-color: #000000; position: absolute; top: 150px; left: 165px; 
width: 520px; height: 550px; text-align: left; padding-left: 20px; padding-right: 30px; padding-top: 20px;} 
#copy a:link { color: #99ccff; text-align: left; font-size: 12px;}
#copy a:visited { color: #99ccff; text-align: left; }
#copy a:hover { color: #cccccc; text-align: left; }
#copy p {text-align: left;}
#copy h2 { font-family: "Verdana", sans-serif; font-size: 24px; text-align: left;
color: #ccccaa; font-weight: normal;} 
#copy ul { list-style: none; margin-top: 0px; padding: 0px;}
#copy li { display: inline; margin-right: 20px; list-style-image: none; }
#copy img { border: none; margin-bottom: 18px;}


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

a:link { font-family: "Verdana", sans-serif; font-size: 10px; text-align: left;
color: #ffffff; text-decoration: none; } 

li:link { position: absolute; color: #999999; text-decoration: none; } 

a:visited { font-family: "Verdana", sans-serif; font-size: 10px; text-align: left;
color: #ffffff; text-decoration: none; } 

a:hover { color: #003300; text-decoration: none; }