/* Generic Selectors */ 

body { 

font-family: Arial, Helvetica, sans-serif; 

font-size: 12pt; 

color: "white"; 

background-color: "black";

} 

p { 

width: 90%; 

} 

li { 

list-style-type: none; 

line-height: 300%; 

} 

h1 { 

font-family: Arial, Helvetica, sans-serif; 

font-size: 30pt; 

font-weight: extra bold; 

color: royalblue;

} 

h2 { 

font-family: Arial, Helvetica, sans-serif; 

font-size: 24pt; 

font-weight: bold; 

color: royalblue; 

} 

h3 { 

font-family: Arial, Helvetica, sans-serif; 

font-size: 18pt; 

font-weight: bold; 

color: royalblue; 

} 

h4 { 

font-family: Arial, Helvetica, sans-serif; 

font-size: 30pt; 

font-weight: extra bold; 

color: yellow; 

} 

h5 { 

font-family: Arial, Helvetica, sans-serif; 

font-size: 24pt; 

font-weight: bold; 

color: yellow; 

} 

h6 { 

font-family: Arial, Helvetica, sans-serif; 

font-size: 18pt; 

font-weight: bold; 

color: yellow; 

} 



 

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

:link { 

color: royal blue;

text-decoration: none;

font-weight: bold; 

} 

li :link { 

color: orange;

text-decoration: none;

font-weight: bold;

} 

:visited { 

color: red;

text-decoration: none;

font-weight: bold; 

} 

li :visited { 

color: orange;

text-decoration: none;

font-weight: bold;

} 

:hover { 

color: orange;

font-weight: bold; 

} 

li :hover { 

font-weight: bold; 

} 

:active { 

color: teal;

font-weight: bold; 

} 

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

#navigation { 

position: absolute; 

z-index: 10; 

width: 250px; 

height: 500px; 

margin: 0; 

margin-top: 20px; 

padding: 0px

font-weight: normal;

} 


#centerDoc { 

position: absolute; 

z-index: 15; 

padding: 5 0 0px 250px; /*top right bottom left*/ 

margin-top: 10px; 

} 

#rightDoc {

position: absolute

z-index: 15;

padding: 125 0 10px 300px; /*top right bottom left*/

margin-top: 10px;

}

#pageDoc {

position: absolute

z-index: 15;

padding: 10 0 20px 300px; /*top right bottom left*/

margin-top: 20px;

}



/************************* CLASSES *************************/ 

.navigationlinks { border-color: royal blue; border-size: 20 }  
.listlinks { border-color: none ; list-style: circle url(musicnote.gif) hspace="5" vspace="5" outside li margin-left: 10em; margin-right: 2em; margin-top: 1 em; margin-bottom: 1em }