#container {width: 720px; background-color: #fff; padding: 20px; margin: 20px; float: right; /* This seems to be wro */}
	#header {height: 40px;}
	#nav {background-color: #fff; float: left; width: 320px; padding: 18px 0; border-top: 8px solid #6c0; border-bottom: 8px solid #6c0;}
		/* Navigation */
		ol {margin: 0; list-style-type: none; padding: 0;}
		ol li {height: auto;}
		ol li a {/* height: auto; */ padding: 0; margin: 0; display: block;}
		/* m3(20.2.06): I was using the following as a desperate way to control the size of the a href that was slipping below the image and creating extra space below each list item and had seemingly fixed this problem by forcing the element to display as a block level element. It works in all browswers except from Windows IE. So I have to specify each image again. */
		#nav_stichting {height: 35px;}
		a#nav_stichting:hover {height: 57px;}
		#nav_stipendia {height: 35px;}
		a#nav_stipendia:hover {height: 57px;}
		#nav_bijhouwer {height: 23px;}
		a#nav_bijhouwer:hover {height: 37px;}
		#nav_onderzoek {height: 30px;}
		a#nav_onderzoek:hover {height: 51px;}
		#nav_contact {height: 37px;}
		a#nav_contact:hover {height: 65px;}

		img {border: none; padding: 0; margin: 0;}
		/* Navigation end */

	#content {background-color: #fff; margin: 0 0 0 320px; font: 0.7em/130% verdana, sans-serif; color: #666; }
	#content div{border-top: 8px solid #999; padding: 18px 0 9px 0; border-bottom: 8px solid #999; margin: 8px 0 0 0;}
		h3 {font: bold 1em/1em verdana, sans-serif; margin: 0 0 3px 0; color: #360;}
		/* m3(8.2.06): h3.grey {color: #999;} */
		#contact h3 {margin-bottom: 2em;}
		
		p {margin: 0 0 1.5em 0;}
		p a {text-decoration: none; color: #9C0; font-weight: bold;}
		p a:hover {text-decoration: underline;}
		ul.colbackground {color: #360; padding: 0; margin: 0; list-style-type: none;}
			.colbackground li ul li {margin: 0 0 1em 0; list-style-type: circle; padding: 0;}
			.colbackground ul {margin: 0; padding: 0 0 0 1em;}

		
		#stichting ul {padding: 0; list-style-type: none;}
		#stipendia, #bijhouwerprijs, #onderzoeks, #contact {position: relative; display: block;}
		
		/* Form */
		form {background-color: #fff; color: #666;}
			form a {font: bold 1em/1em verdana, sans-serif; color: #6C0; text-decoration: none;}
			form a:hover {color: #666;}
			label {background-color: #fff; display: block; color: #666;}
		
			#address, #message, #naam {height: 1.4em; margin-bottom: 1em; padding: 3px; border: 1px solid #ccc; /*m3: not valid CSS overflow: visibile; */ width: 340px; /* Must put a MS Exploror hack here to fix the extra space provided above the feild */ background: #ccc; font: normal 1em/1em verdana, sans-serif; color: #000;/* m3(8.2.06): width: 394px; */}
			#message {height: 9em; margin-bottom: 1em;}
			/* Form end */