/***************************************************/
/* Page Layout
/***************************************************/
body {
	width:964px;
	margin:0; padding:0;
	font:96%/1.3 Verdana, Arial, Helvetica, sans-serif;
	color:#8a1c00; background-color:#eea572;
}

#leftside {
	float:left;	width:180px;
}

#main {
	margin-left:180px; /*float:left;*/ width:764px;
	background-color:#f9f7ed;
}

#rightside {
	float:right; width:20px;
}

/***************************************************/
/* Main Layout
/***************************************************/
#header {
	height:94px;
	background:#f9f7ed url(/images/header.png) top left no-repeat;
}

#crumbs {
	height:2px;
	background:#f9f7ed url(/images/crumbs.png) top left no-repeat;
}

#content {
	padding:8px 32px;
	background:#f9f7ed url(/images/content.png) top left repeat-y;
}

#footer {
	height:43px;
	background:#f9f7ed url(/images/footer.png) top left no-repeat;
}

/***************************************************/
/* Content Formating
/***************************************************/
#content h1 {
	margin:1em 0 1em 0;
	padding:0;
	font-size:large;
	font-weight:normal;
	text-align:center;
}

#content h2 {
	margin:2em 0 0 0;
	padding:.5em .2em .1em .2em;
	font-size:small;
	background-color:#edb;
	border-bottom:1px dotted #8a1c00;
}

#content h3, #content blockquote {
	margin:1em 0 0 .2em;
	font-size:small;
	color:#c30;
}

#content p {
	margin:.5em .2em;
	text-align:justify;
}

#content blockquote {
	text-align:center;
}

#content #epigraph {
	padding:.5em;
	text-align:center;
	font-size:small;
	background-color:#efdfbf;
	border-top:1px dotted #8a1c00;
	border-bottom:1px dotted #8a1c00;
}

#content #foreword {
	margin:1em 0 0 0;
	padding:0 .2em;
	list-style:none;
	font-size:small;
}

#content a,
#content a:visited,
#userinfo p span {
	color:#b24;
	font-weight:bold;
	text-decoration:none;
}

#notes,
#enquete_form p.note {
	margin:2em 0; padding:.5em 1em;
	border-top:1px dotted #999;
	font-size:80%; font-style:italic;
	background-color:#eed;
}

#notes ol {
	margin:0 1em; padding:0 1em;
	background-color:#eed;
}

#f_about ul li {
	margin:.5em 0 0; padding:0;
	list-style-type:disc;
}

#f_about ol li {
	margin:0; padding:0;
	list-style-type:decimal;
}

/***************************************************/
/* Enquete Formating
/***************************************************/
#enquete_form fieldset {
	margin:1em 0; padding:0;
	border:none;
}

#enquete_form input[type="text"],
#enquete_form textarea {
	background-color:#fff;
	border:1px solid #810;
}

#enquete_form textarea {
	overflow:auto;
}

#enquete_form h6,
#userinfo label {
	margin:0 0 .3em;
	font-size:small;
	font-weight:normal;
	color:#999;
}

#enquete_form blockquote {
	margin:0;
	text-align:justify;
	font-style:italic;
}

#enquete_form cite {
	display:block;
	margin:0 0 1em 0;
	font-style:normal;
	text-align:right;
}

#enquete_form ul {
	list-style:none;
	margin:0; padding:0;
}

#userinfo {
	margin:1em 0 0; padding:.5em 0 0;
	border-top:1px dotted #810;
}

#userinfo label {
	display:block;
}

/***************************************************/
/* Submenu Formatings
/***************************************************/
#submenu, submenu li {
	margin:0; padding:0;
	list-style:none;
}

#submenu {
	margin-bottom:2em;
}

#submenu a {
	display:block;
	margin:0; padding:.2em .2em;
	text-decoration:none; font-size:small;
	border-bottom:1px dotted #8a1c00;
}

#submenu a,
#submenu a:visited {
	color:#810;
}

#submenu a:hover {
	background-color:#edb;
}

/***************************************************/
/* Topmenu
/***************************************************/
#topmenu {
	position:relative;
	margin:0; padding:0;
	width:764px; height:30px;
	background:url(/images/topmenu.png);
}

#topmenu li {
	list-style:none;
	position:absolute;
	top:9px;
}

#topmenu a {
	display:block;
	height:13px;
}

#prophecy	{ left:28px; width:119px; }
#handboek	{ left:178px; width:134px; }
#enquete 	{ left:343px; width:123px; }
#files 		{ left:498px; width:50px; }
#about 		{ left:579px; width:71px; }
#links 		{ left:681px; width:55px; }

#prophecy a:hover	{ background:transparent url(/images/topmenu.png) -28px -40px no-repeat; }
#handboek a:hover	{ background:transparent url(/images/topmenu.png) -178px -40px no-repeat; }
#enquete a:hover 	{ background:transparent url(/images/topmenu.png) -343px -40px no-repeat; }
#files a:hover 		{ background:transparent url(/images/topmenu.png) -498px -40px no-repeat; }
#about a:hover 		{ background:transparent url(/images/topmenu.png) -579px -40px no-repeat; }
#links a:hover 		{ background:transparent url(/images/topmenu.png) -681px -40px no-repeat; }

/***************************************************/
/* Leftmenu
/***************************************************/
#leftmenu {
	width:180px;
	height:624px;
	margin:0;
	padding:0;
	position:relative;
	background:url(/images/leftmenu.png) no-repeat;
}

#leftmenu li {
	list-style:none;
	position:absolute;
	left:0;
}

#leftmenu a {
	display:block;
	height:39px; width:180px;
	text-decoration:none;
}

#homepage a {
	height:92px; 
}

#introduction a, #mission a {
	height:30px;
}

#homepage		{ top:0; }
#introduction	{ top:94px; }
#les01			{ top:125px; }
#les02			{ top:164px; }
#les03			{ top:203px; }
#les04			{ top:242px; }
#les05			{ top:281px; }
#les06			{ top:320px; }
#les07			{ top:359px; }
#les08			{ top:398px; }
#les09			{ top:437px; }
#les10			{ top:476px; }
#les11			{ top:515px; }
#les12			{ top:554px; }
#mission		{ top:593px; }

#homepage a:hover		{ background:transparent url(/images/leftmenu.png) -180px -0px no-repeat; }
#introduction a:hover	{ background:transparent url(/images/leftmenu.png) -180px -94px no-repeat; }
#les01 a:hover			{ background:transparent url(/images/leftmenu.png) -180px -125px no-repeat; }
#les02 a:hover			{ background:transparent url(/images/leftmenu.png) -180px -164px no-repeat; }
#les03 a:hover			{ background:transparent url(/images/leftmenu.png) -180px -203px no-repeat; }
#les04 a:hover			{ background:transparent url(/images/leftmenu.png) -180px -242px no-repeat; }
#les05 a:hover			{ background:transparent url(/images/leftmenu.png) -180px -281px no-repeat; }
#les06 a:hover			{ background:transparent url(/images/leftmenu.png) -180px -320px no-repeat; }
#les07 a:hover			{ background:transparent url(/images/leftmenu.png) -180px -359px no-repeat; }
#les08 a:hover			{ background:transparent url(/images/leftmenu.png) -180px -398px no-repeat; }
#les09 a:hover			{ background:transparent url(/images/leftmenu.png) -180px -437px no-repeat; }
#les10 a:hover			{ background:transparent url(/images/leftmenu.png) -180px -476px no-repeat; }
#les11 a:hover			{ background:transparent url(/images/leftmenu.png) -180px -515px no-repeat; }
#les12 a:hover			{ background:transparent url(/images/leftmenu.png) -180px -554px no-repeat; }
#mission a:hover		{ background:transparent url(/images/leftmenu.png) -180px -593px no-repeat; }

/***************************************************/
/* Helper classes
/***************************************************/
a span {
	display:block;
	width:0; height:0;
	overflow:hidden;
}