/* Generic Selectors */

<!--body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #FFF;}-->

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style: italic}
h5 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: bold;}

p {font-size: 16px; width: 80%;}

table {	background-color: white; border: solid 1px; width: 90%; text-align: center;	font: Arial;}
td {border:solid 1px; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}

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

a:link {color: blue; text-decoration: none;}   
a:visited {color: purple; background: red;}   
a:hover {color: green; text-decoration: underline;} 
a:active {color: blue; font-weight: bold;}

#centerDoc a:link {color: blue; text-decoration: underline;}   
#centerDoc a:hover {color: green;} 

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

#navigation {
position: absolute; z-index: 10; width: 210px; height: 600px; margin: 0; border-right: 1px solid #000000; font-weight: normal;
}

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

#KokoAsBast{
float: right; margin: 10px; margin-bottom: 50px; margin-right:20%
}

#header {
	height: 256px;
	margin-bottom: 20px;
	background-image:url("ballantine_banner.jpg");
	background-repeat: no-repeat;
	background-position:center top;
}