/* Generic Selectors */ 

body { 

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

font-size: 16px; 

color: darkblue;

line-height: 1.5;

background-color: beige;				/* #F5F5DC */

} 

p { 

width: 80%; 

} 

li { 

list-style-type: disc; 

/*  line-height: 150%;  */

/* <!-- list-style-image: url(../images/arrowSmall.gif); --> */

} 

h1 { 

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

font-size: 32px; 

font-weight: bold; 

color: darkcyan; 

} 

h2 { 

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

font-size: 24px; 

font-weight: bold; 

color: darkcyan; 

/* border-bottom: 3px solid khaki;  */

} 

h3 { 

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

font-size: 22px; 

font-weight: bold; 

color: darkcyan; 

}  
h4 { 

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

font-size: 18px; 

font-weight: bold; 

color: darkcyan; 
border-bottom: 3px solid khaki; 
} 
/**************** Pseudo classes ****************/ 

a:link { 

color: Navy; 

text-decoration: underline; 

font-weight: bold; 

} 

li a:link { 

color: Navy;

text-decoration: underline; 

font-weight: bold; 

} 

a:visited { 

color: DarkCyan; 

text-decoration: none; 

font-weight: bold; 

} 

li a:visited { 

color: DarkCyan; 

text-decoration: none; 

font-weight: bold; 

} 

a:hover { 

color: LimeGreen; 

font-weight: bold; 

text-decoration: underline; 

} 

li a:hover { 

text-decoration: underline; 

color: LimeGreen; 

font-weight: bold; 

} 

a:active { 

color: DarkOliveGreen; 

font-weight: bold; 

} 

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

#navigation { 

position: absolute; 

width: 245px; 

height: auto; 
/*
margin: 0; 
*/
margin-top: 50px; 

border-right: dotted black 1px;
/*
font-weight: normal;
font-style: italic;
*/

} 

#centerDoc { 

position: absolute; 

width: 650px;

padding: 0 0 0 0; /*top right bottom left*/ 

margin-top: 0px;


margin-left: 260px;

}