body {
margin-left: 5%;
margin-right: 10%;

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

font-size: 14px;
color: #333333;
background-color: #F9F9F9;
}


li {
line-height: 150%;
}


/*

h1 {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 200%;
}

h2 {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 150%;
}

h3 {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 120%;
}

*/

 

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




a:link {
color: #333333;
text-decoration: underline;
font-weight: bold;
}

li :link {
color: #333333;
text-decoration: underline;
font-weight: bold;
}

a:visited {
color: #333333;
text-decoration: underline;
font-weight: bold;
}

li a:visited {
color: #333333;
text-decoration: underline;
font-weight: bold;
}

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


li a: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;
*/
}



a:active {
color: rgb(255, 0, 102);
font-weight: bold;
}



/*----------------------------IDs for div sections */

#navigation {

position: absolute;
width: 180px;
height: 400px;
margin: 0;
margin-top: 50px;

/*border-right: 1px solid #C6EC8C;*/
/*border-right: 2px solid red; */
font-weight: normal;
}

#centerDoc {

position: absolute;
padding: 0 0 20px 0; /*top right bottom left*/
margin-top: 50px;
margin-left: 180px;
padding-left: 40px;
padding-right: 40px;
border-left: 2px solid red;
}