<style type="text/css">
<!--
 body{
	font-family:  "Copperplate Gothic Light",  "MS Mincho";
	font-size: smaller;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#3300CC;
	height:100%;
	}


#mainContainer{
	width:1000px;
	margin:0 auto;
	text-align:left;
	background-color: #FFFF99;
	padding:0px;

	}
#header_top{
	 background-image: url(http://www.barnabas.nu/images/header.jpg);
     height: 100px;

	}
#dhtmlgoodies_menu img{
	border:0px;
	}

/* End general styles for this example page */
/* General configuration CSS */
#dhtmlgoodies_menu ul li ul{
	display:none;	/* Needed to display ok in Opera */
	}
#dhtmlgoodies_menu{
	visibility:hidden;
	}
#dhtmlgoodies_menu ul{
	margin:0px;	/* No indent */
	padding:0px;	/* No indent */
	}
#dhtmlgoodies_menu li{
	list-style-type:none;	/* No bullets */
	}
#dhtmlgoodies_menu a{
	margin:0px;
	padding:0px;
	}
/* End general configuration CSS */

/* Cosmetic */
/***********************************************************************
CSS - MENU BLOCKS
General rules for all menu blocks (group of sub items)
***********************************************************************/
#dhtmlgoodies_menu ul{
	border:0px solid #000;
	background-color:#FFF;
	padding:2px;

    }
#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
	padding:4px;
	border:1px solid #000080;
	background-color:#000080;
	overflow:visible;

	}
#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
	border:0px;
	padding:0px;
	border:1px solid #000080;
    background-color:#000080;
	/*
	by chris
	makes first level submenu wider and higher for image
	*/
	width:215px;
	height:135px;
	padding-top:10px;
	}
#dhtmlgoodies_menu ul.menuBlock2 ul{
	}
#dhtmlgoodies_menu ul.menuBlock2 li{
	border:0px;
	padding-left:10px;
	}
/***********************************************************************
	CSS - MENU ITEMS
	 Here, you could assign regels to the menu items at different diepten.
***********************************************************************/
/* Algemene regels for all menu items */
#dhtmlgoodies_menu a{
	color: #FFFF00;
    font-weight: bolder ;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
	}

/*
Main menu items
*/
#dhtmlgoodies_menu .currentDepth1{
	padding-left:5px;
	padding-right:5px;
	border-right:0px solid #000;  /* het irritante streepje*/
	height:19px;
	}
#dhtmlgoodies_menu .currentDepth1over{
	padding-left:5px;
	padding-right:5px;
	background-color:#000080;
	border-right:1px solid #000;
	height:19px;
	}
#dhtmlgoodies_menu .currentDepth1 a{
	font-weight:bold;
	}
#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
	color:#FFFF00;
	font-weight:bold;
	}

	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:2px;
		border:1px solid #FFF;
		}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:2px;
		background-color: #000080;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;
		color:#FFFF00;
		border:1px solid #000;
		}
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#FFFF00;
	}
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#EDE3EB;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}
-->
</style>
