/** META-STYLE START**/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 10pt verdana, arial, helvetica, sans-serif;
	color: black;
	background: url(pics/water.jpg);
	background-position: center;
	background-repeat:no-repeat;
	background-attachment:fixed
	}

/** MAIN-STYLE START**/
#main {
	/** min-height: 665px; **/
	width: 900px;
	background-color: white
}


/** TOP-STYLE START**/
#top {
	height: 135px;
	background-color: white
}

/** TOP_SUB-STYLE START**/
#top_sub {
	height: 30px;
	border-top: 0px solid;
	border-bottom: 1px solid;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	background-color: white
}
#top_sub a {
text-decoration: none;
}

/** LEFT-STYLE START**/

#left {
	height: 2220;
	width: 625px;
	float: left;
	background-color: white
}

#left table {
	border-collapse: collapse; 
	background-color: white
	border-style: none;
	border-color: gray;
}

#left td {
	border-collapse: collapse; 
	font-size: 9pt;
	color: black;
	border: solid 1px; 
	border-color: gray;
}

#left p {
	margin-left: 50px;
	margin-right: 50px;
	font-size: 9pt;
	text-align: left
}

#left h1 {
	margin-left: 50px;
	margin-right: 100px;
	font-size: 11pt;
	text-align: left
}


/** RIGHT-STYLE START 2150**/
#right {
	height: 2220;
	width: 274px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: gray;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: gray;
	background-color: white
}

#right p {
	margin-left: 15px;
	margin-right: 15px;
	font-size: 13px;
	text-align: left
}

#right ul {
	/**margin-left: 15px;**/s
	margin-right: 15px;
	font-size: 13px;
	text-align: left
}

#right li {
	background-color: #FFF;
	border-left: 3px solid #FFF;
}

#right h2 {
	text-align: center
}

#right a {
	color: blue;
	text-decoration: underline
	font-weight: normal;
}

#right a:hover {
	color: blue;
	text-decoration: none
	font-weight: normal;
}

#right hr {
	height: 1px;
	border-width:0;
	color:gray;
	background-color:gray
}


/** OLD MENU-STYLE START (not being used anymore) **/

#menu {
	height: 25px;
	font: 18px verdana, arial, helvetica;
	color: white;
	background-color: blue
}

#menu a {
	color: white;
	text-decoration: none
}

#menu a:hover {
	color: white;
	text-decoration: underline
}

/** style for pull down menu's http://sceneone.nl/tips_tricks/drop_down_menu.php **/

#nav, #nav ul {
padding: 3px 0 0 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
width: 125px;
}

#nav ul {
position: absolute;
width: 125px;
left: -1000px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}

#nav a {
display: block;
margin: 2px 5px 3px 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

ul a{
font-weight: bold;
color: #FFF;
cursor: default;
}

ul a:hover, ul a:active{
font-weight: bold;
color: #DDD;
cursor: pointer;
}
ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #FFF;
cursor: pointer;
}

ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #DDD;
cursor: pointer;
}

ul li{
background-color: #69F;
border-left: 3px solid #69F;
}

ul ul li{
background-color: #69F;
border-top: 3px solid #FFF;
border-left: 0;
}

/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 3px solid #FFF;
}

* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */