*{
	height: 100%;
	min-height:100%;
	font-family:Verdana;
	font-size:8pt;
	color:#666666;
	text-align:left;
	margin:0;
	padding:0;
}

BODY{
	margin:10px;
	text-align: center;
	background-color:#171D57;
	background-image:url('images/clouds.png');
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-position:bottom; 

}



#canvas{
	display:block;
	margin:auto;
	width:800px;
	min-height:100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
	background-color:#FFFFFF;
	border:1px solid #7F7F7F;
	border-right:4px solid #7F7F7F;
	border-bottom:4px solid #7F7F7F;
}

#header{
	background-image:url('images/header.png');
	clear:both;
	width:100%;
	height:100px;
}

#content{
	float:left;
	width:575px;
	min-height:400px;
	padding:10px 10px 10px 10px;
}

#menu_wrapper{
	clear:both;
	background:#C8BFE7;
	background-image:url('images/menu_bt_bg.png');
	background-repeat:repeat-x;
	width:100%;
	height:30px;
}

#menu{
	list-style-type:none;
}

#menu li{
	float:left;
}

#menu li a{
	display:block;
	background-color:#171D57;
	color:#EAE7F5;
	min-width:50px;
	height:30px;
	text-decoration:none;
	line-height:28px;
	padding-left:5px;
	padding-right:4px;
	text-align:center;
	background-image:url('images/menu_bt_bg.png');
	background-repeat:repeat-x;
}

#menu li a:hover{
	color:#171D57;
	background-color:#EAE7F5;
	background-image:url('images/menu_bg.png');
	background-repeat:repeat-x;
}

#user_menu_wrapper{
	float:left;
	background:#C8BFE7;
	background-image:url('images/menu_bt_bg.png');
	background-repeat:repeat-x;
	width:200px;
	height:100%;
	
}

#user_menu{
	list-style-type:none;
}

#user_menu li{
	clear:both;
}

#user_menu li a{
	display:block;
	background-color:#171D57;
	color:#EAE7F5;
	min-width:50px;
	height:30px;
	text-decoration:none;
	line-height:28px;
	padding-left:5px;
	padding-right:4px;
	text-align:center;
	background-image:url('images/menu_bt_bg.png');
	background-repeat:repeat-x;
}

#user_menu li a:hover{
	color:#171D57;
	background-color:#EAE7F5;
	background-image:url('images/menu_bg.png');
	background-repeat:repeat-x;
}

#user_menu li div.user{
	display:block;
	border:1px solid #7F7F7F;
	border-right:4px solid #7F7F7F;
	border-bottom:4px solid #7F7F7F;
	background-color:#FFF;
	font-size:10pt;
	min-width:50px;
	height:60px;
	font-weight:bold;
	text-decoration:none;
	line-height:60px;
	padding-left:5px;
	padding-right:4px;
	text-align:center;
}

#user_menu li a.title{
	display:block;
	background-color:#171D57;
	color:#EAE7F5;
	font-size:10pt;
	min-width:50px;
	height:30px;
	font-weight:bold;
	text-decoration:none;
	line-height:28px;
	padding-left:5px;
	padding-right:4px;
	text-align:center;
	background-image:url('images/menu_titlebg.png');
	background-repeat:repeat-x;
}

#user_menu li a.title:hover{ }

#page_menu{
	list-style-type:none;
	display:block;
	border:1px solid #7F7F7F;
	border-right:4px solid #7F7F7F;
	border-bottom:4px solid #7F7F7F;
	margin-bottom:10px;
	padding:10px;
	min-height:15px;
}

#page_menu li{
	float:left;
	display:block;
	width:50px;
	text-align:center;
	background-color:#171D57;
	color:#7F7F7F;
}

#page_menu li a{
	display:block;
	width:50px;
	text-decoration:none;
	text-align:center;
	background-color:#171D57;
	color:#EAE7F5;
}

#page_menu li a:hover{
	color:#171D57;
	background-color:#EAE7F5;
}

.character{
	float:left;
	text-align:center;
	width:100px;
	border:1px solid #7F7F7F;
	border-right:4px solid #7F7F7F;
	border-bottom:4px solid #7F7F7F;
	padding:10px;
	margin-right:5px;
	margin-bottom:5px;
	min-height:150px;
	overflow:hidden;
}

.message{
	clear:both;
	background-color:#FEE680;
	border:1px solid #7F7F7F;
	border-right:4px solid #7F7F7F;
	border-bottom:4px solid #7F7F7F;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
}

.article{
	border:1px solid #7F7F7F;
	border-right:4px solid #7F7F7F;
	border-bottom:4px solid #7F7F7F;
	padding:10px;
	min-height:270px;
}

.article span.title{
	display:block;
	margin-bottom:10px;
	border-bottom:1px dashed #7F7F7F;
}

.article span.title a{
	display:block;
	font-size:12pt;
	text-decoration:none;
	margin-bottom:5px;
}

.article span.text{
	
}
.article span.footnote{
	margin-top:20px;
	display:block;
}

.flashContent{
	border:1px solid #7F7F7F;
	padding:5px;
	margin:5px;
	clear:both;
	display:block;
	height:600px;
	text-align:center;
}

.gameImg{
	min-width:200px;
	width:200px;
	min-height:200px;
	height:200px;
	margin: 5px;
	padding:5px;
	float:right;
	border:1px solid #7F7F7F;
}

/*HYPERLINKS*/
a.select{
	display:block;
	text-align:center;
	vertical-align:bottom;
}


#footer{
	clear:both;
	width:100%;
	height:100px;
	border-top:1px dotted #000000;
}

div.tablelayout{
	display:table;
	width:100%;
}
div.tablelayout div{
	display:table-row;
} 
div.tablelayout div div{
	display:table-cell;
}

div.formlayout{
	display:table;
	width:100%;
}
div.formlayout div{
	display:table-row;
}
div.formlayout div div{
	display:table-cell;
	padding:5px;
}

input[type=text],input[type=password]{
	border:1px solid #7F7F7F;
}

input[type=submit]{
	background-color:#FFFFFF;
	padding:5px;
	min-height:30px;
	border:1px solid #7F7F7F;
}

input[type=submit]:hover{
	background-color:#C8BFE7;
	padding:5px;
	border:1px solid #7F7F7F;
}

h1, h2, h3{
	font-size:15pt;
}
.hidden{
	display:none;	
}