
header{
		height: 96px;
		width: 100%;
		background-color: #2005aa;
		position: absolute;
		top: 0px;
		text-align: left;
	}

footer{
		height: 48px;
		width: 100%;
		background-color: #0000bb;
		position: absolute;
		bottom: 0px;
	}

#center{
	top: 96px;
	bottom: 48px;
	height: 100%;
	width: 100%;
	background-color: #c0e50f0;
	position: absolute;
	}	

#logo{
	margin: 8px 8px 8px 8px;
	width: 80px;
	height: 80px;
}

#logotd{
	width: 96px;
	height: 96px;
}

#ShutdownButton{
   background-image: url('images/Shutdown.png');
   height: 36px;
   width: 36px;
}
#ShutdownButton:hover {
   background-image: url('images/Shutdown_pressed.png');
}

#RebootButton{
   background-image: url('images/Reboot.png');
   height: 36px;
   width: 36px;
}
#RebootButton:hover {
   background-image: url('images/Reboot_pressed.png');
}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 0px;
    border-color: grey;
	width: 100%;
	height: 100%;
	border: 0px;
}

aside {
	float: left;
	width: 250px;
	height: 100%;
	background-color: #c0e5ff;
}

#title{
	color: #fff;
	text-align: left;
}

#headerbutton{
	margin: 4px;
	width: 36px;
	height: 36px;
}

#shutdownreboot{
	top: 0px;
	margin: 4px;
	right: 0px;
	width: 44px;
}

#social{
	margin-top: 7px;
	margin-bottom: 7px;
	vertical-align: middle;
	height: 32px;
}

#ifr{
	width: 100%;
	height: 100%;
}

#subcontent{
	float: right;
	right: 0px;
	
	width: calc(100% - 250px);
	height: calc(100% - 48px - 96px);
}





#menu-title{
	text-align: center;
	font-size: 150%;
}

.aside-menu{
	margin: 8px;
}

.aside-menu li {
	font-weight: 300;
	font-size: 32px;
	list-style-type: square;
	border-top: 2px solid #e7e7e7;
}

.aside-menu li:first-child {
	border: none;
}

.aside-menu li.active {
	color: #29c5e6;
}

.aside-menu a {
	color: #8f8f8f;
}













html{overflow: hidden;}
body{margin: 0; padding: 0;}