body{
	background-color:white;
	background-image:url('img/bg.png');
}

a{
	color:#8B7FFE;
	text-decoration: none;
}

#header{
	top:0px;
	left:0px;
	position:fixed;
	
	width:100%;
	height:32px;
	
	border-bottom-color:#8B7FFE;
	border-bottom-style:solid;
	border-bottom-width:1;

	background-color:white;
}

#main{
	position:fixed;
	
	top:0px;
	left:32px;
	
	width:calc(100% - 32px);
	height:100%;
	border-width:0px;

	overflow-y:scroll;

	text-align:center;
}

#sidebar{
	width:32px;
	height:100%;
	
	background-color:white;
	
	position:fixed;
	top:0px;
	left:0px;
	
	border-right-color:#8B7FFE;
	border-right-style:solid;
	border-right-width:1;
}

.sidebar_image{
	margin-bottom:8px;
	width:100%;
}

.section{
	width:100%;
	min-height:100%;
}

.block{
	text-align:center;
	
	background-color:white;
	background-color:rgba(255,255,255,0.8);
	
	padding-top:16px;
	padding-bottom:16px;
	padding-left:8px;
	padding-right:8px;
	
	
	border-style:solid;
	border-color:#8B7FFE;
	border-width:1px;
	
	min-height:128px;
	width:95%;
	
	margin-left:auto;
	margin-right:auto;
	margin-bottom:16px;
}

.block_header{
	background-color:#8B7FFE;
	
	width:90%;
	
	color:white;
	
	margin-left: auto ;
	margin-right: auto ;
	margin-top:4px ;
	margin-bottom:8px;
	
	padding-top:4px;
	padding-bottom:8px;
	
	border-radius:8px;
	
	text-align:center;
}


::-webkit-scrollbar {
	width: 16px;
}
::-webkit-scrollbar-track {
	background-color:white;
	background-color:rgba(255,255,255,0.8);
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#8B7FFE;
}
::-webkit-scrollbar-thumb {
	background: #8B7FFE; 
}
::-webkit-scrollbar-thumb:hover {
	background: #8B7FFE; 
}