/* Generic Selectors */

body {

font-family: Arial;

font-size: 14px;

color: #333333;

background-color: white;

}

p {

width: 80%;

}


h1 {

font-family: Arial Black;

font-size: 48px;

font-weight: bold;

color: #000000;

}

h2 {

font-family: Arial Black;

font-size: 26px;

font-weight: bold;

color: #000000;

border-bottom: 0px solid #C6EC8C;

}

h3 {

font-family: Arial Black;

font-weight: none;

color: #000000;

border-bottom: 0px solid #C6EC8C;

}


h4 {

font-family: Arial;

font-size: 18px;

font-weight: bold;

color: #000000;

border-bottom: 0px solid #C6EC8C;

}


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

:link {

color: blue;

text-decoration: underline;

font-weight: bold;

}


:visited {

color: orange;

text-decoration: none;

font-weight: bold;

}


:hover {

color: salmon;

font-weight: bold;

text-decoration: underline;

}


:active {

color: red;

font-weight: bold;

text-decoration: underline;

}

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

#centerDoc {

position: absolute;

z-index: 15;

width: 210px;

height: 600px;

margin: 0;

margin-top: 60px;

}

#navigation {

position: absolute;

z-index: 15;

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

margin-top: 50px;

}