@charset "utf-8";
body,html {
     background-image: url(images/basswood2.jpg);
     margin-top: 1em;
     margin-bottom: 2em;
     margin-left: 1em;
     margin-right: 2em;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: medium;
     line-height: 1.2;
     color: black;
     scrollbar-base-color: #ba9055;
     }  
h1   {
     font-size: 170%;
     }
h2   {
     font-size: 150%;
     }
h2.nl {
     font-size: 150%;
     text-align: center;
     }
h3   {
     font-size: 130%;
     }
#headt {
     text-align: center;
     color: black;
     margin-top: 0px;
     margin-bottom: 0px;
     border-top: 2px solid red;
     }
#headb {
     text-align: center;
     color: black;
     margin-top: 0px;
     margin-bottom: 20px;
     border-bottom: 2px solid red;
     }
p#links {
     font-size: small;
     text-align: center;
     padding: 2px;
     margin-top: 30px;
     margin-bottom: 0px;
     border-top: 2px solid gray;
     border-bottom: 2px solid gray;
     }
p#cr {
     font-size: small;
     text-align: left;
     padding: 0px;
     margin-top: 0px;
     margin-bottom: 0px;
     }

<!-- following must be: link-visited-hover-active -->
a:link {
     color: blue;
     text-decoration: underline;
     }
a:visited{
     color: brown;
     text-decoration: underline;
     }
a:hover{
     color: green;
     text-decoration: underline;
     }
a:active{
     color: red;
     text-decoration: underline;
     }

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

#navigation {
	position: absolute;
	z-index: 10;
	width: 100px;
	height: 600px;	
	margin-top: 10px;
	font-weight: normal;
}

#centerDoc {
	position: absolute;	
	z-index: 15;
	padding: 0 20 20px 20px; /*top right bottom left*/
	margin-right: 5px;
	margin-left: 100px;
	width: 90%;	
}