/* CSS by Vins */
/* e: vins@konstruktor.nl */
/* w: http://www.konstruktor.nl */

/* MAIN PART (for centered websites) */

html {
	background-color: #E3D3E2;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	width: 760px;
	height: 100%; /* for IE/PC */
	margin: auto;
	margin-top: 0px;
	padding: 0px;

	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	color: #000;

	background-color: #FFFFFF;
	background-image: url(../img/bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	clear:both;
}

html>body {
	/* for !IE/PC browsers */
	min-height: 100%;
	height: auto !important;
}


/* HEADER */

#header {
	float: left;
	width: 560px;
	height: 70px;
	background-image: url(../img/header.gif);
	
	padding-left: 200px;
	padding-top: 30px;
	
	border-bottom: 1px dashed #d3baba;
}

	#header ul, li {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	

/* TRUNK */

#trunk {
	float: left;
	width: 736px;
	padding: 12px 12px 0px 12px;
}

	#navi {
		float: left; 
		width: 165px;
	}
	
		#navi ul {
			margin: 0px;
			padding: 0px;
		}
		
		#navi li {
			margin: 0px 0px 2px 0px;
			padding: 0px 12px 0px 0px;
			
			list-style: square inside;
		}

		#navi a {
			color: #999;
			text-decoration: none;
		}
		
		#navi a:hover {
			color: #d3baba;
		}
	
	#main {
		float: left;
		width: 457px;
		margin: 0px 12px 12px 0px;
	}
	
		#main h1 {
			font-size: 14px;
			font-weight: bold;
			color: #d3baba;
			
			margin: 0px 0px 12px 0px;
			padding: 0px;
		}
		
		#main h2 {
			font-size: 11px;
			font-weight: bold;
			margin: 0px;
		}
		
		#main p.intro {
			font-weight: bold;
			margin: 0px 0px 12px 0px;
		}
		
		#main p {
			margin: 0px 0px 12px 0px;
		}
		
		#main a {
			color: #d3baba;
			text-decoration: none;
		}
		
		#main a:hover {
			text-decoration: underline;
		}

		#main img {
			border: 1px solid #d3baba;
		}
		
		#main img.noline{
			border: none;
		}
	
	#right {
		float: left;
		width: 102px;
	}
	
		#right img {
			border: 1px solid #d3baba;
			margin: 0px 0px 12px 0px;
		}
	
	#clear_break {
		clear: both;
	}

/* FOOTER */

#footer {
	float: left;
	width: 748px;
	height: 15px;
	margin-top: 10px;
	padding: 0px 12px 0px 0px;
	border-top: 1px dashed #d3baba;
	
	text-align: right;
	color: #999;
}

	#footer a {
		color: #999;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: line-through;
	}