html	{
		height:				100%;
		width:				100%;
		margin:				0;
		padding:			0;
	}
	body	{
		height:				100%;
		width:				100%;
		top:				0;
		left:				0;
		margin:				0;
		padding:			0;
	}
	div#wrapper {
		width:				100%;
		height:				100%;
		padding:			0;
		position:			absolute;
		top:				0;
		left:				0;
	}		
	div#wrapper .header {
		position:			fixed;
		width:				100%;
		height:				7%;
		min-height:			29px;
		top:				0;
		z-index:			6;
	}
	div#wrapper .head-menu {
		position:			absolute;
		text-align:			center;
		width:				20%;
		height:				100%;
		line-height:		100%;
 		display:			table;
	}
	div#wrapper .head-menu-h1 {
		background-color:	#5555ff; /* blue */
		left:				0%;
	}
	div#wrapper .head-menu-h2 {
		background-color:	#55ff55; /* green */
		left:				20%;
	}
	div#wrapper .head-menu-h3 {
		background-color:	#ffff55; /* yellow */
		left:				40%;
	}
	div#wrapper .head-menu-h4 {
		background-color:	#ffa555; /* orange */
		left:				60%;
	}
	div#wrapper .head-menu-h5 {
		background-color:	#ff5555; /* red */
		left:				80%;
	}

	div#wrapper .head-menu-h1:hover { background-color:	#9999ff; }
	div#wrapper .head-menu-h2:hover { background-color:	#99ff99; }
	div#wrapper .head-menu-h3:hover { background-color:	#ffff99; }
	div#wrapper .head-menu-h4:hover { background-color:	#ffc999; }
	div#wrapper .head-menu-h5:hover { background-color:	#ff9999; }

	div#wrapper .main {
		position:			relative;
		text-align:			center;
		top:				7%;
		left:				0;
		bottom:				0;
		right:				0;
		padding:			4%;
		margin-left:		auto;
		margin-right:		auto;
	}
	div#wrapper img.displayed {
		display:			block;
		margin-left:		auto;
		margin-right:		auto;
		padding-left:		5%;
		padding-right:		5%;
		width:				90%;
		height:				auto;
	} 

	div#wrapper span {
		display:			table-cell;
		vertical-align:		middle;
	}

	div#overlay {
		display:			none;
		z-index:			2;
		background:			#AA0; /* yellowish */
		position:			fixed;
		width:				100%;
		height:				100%;
		top:				0px;
		left:				0px;
		right:				0px;
		bottom:				0px;
		margin:				0;
		padding:			0;
		text-align:			center;
	}
	p.displayed {
		text-align:			center;
		font-size:			25px;
	}
	p.centered {
		text-align:			center;
	}
	.special-box {
		display:			none;
		position:			relative;
		z-index:			7;
		top:				17%;
		margin:				0 17% auto 17%;
		background:			#FFFFFF; /* white */
		color: 				#000;
		padding:			2%;
		border:				1px solid #CCCCCC; /* grey */
	}
	.normal-box {
		display: 			block;
		position: 			relative;
		z-index: 			1;
		top:				13%;
		margin:				0 13% auto 13%;
		background:			#FFFFFF; /* white */
		color: 				#000;
		padding: 			1% 5% 5% 5%;
		height:				auto;
		border: 			1px solid #CCCCCC; /* grey */
	}
	.bottom-right {
		position:			absolute;
		bottom:				0;
		left:				94%;
		width:				6%;
		height:				auto;
		opacity: 			0.4;
	}
	.top-right {
		position:			absolute;
		top:				-15px;
		right:				-15px;
		width:				5%;
		height:				auto;
		opacity:			0.8;
		z-index:			5;
	}
	.top-right:hover {
		content:			url("/img/close-hover.png");
	}
	.warning {
		text-decoration:	underline; 
		font-weight:		bold; 
		color:				#FF9000;
	}
	.highlight {
		font-weight:		bold; 
		color:				#FF0000;
	}
	.updated {
		text-decoration:	underline; 
		font-weight:		bold; 
		color:				#00AADD;
	}
	.constant-width {
		width:				15%;
		min-width:			180px;
	}
	#flex { 
		width:				80% 
	}
	abbr {
		font-weight: bold;
		border: none;
		cursor: help;
	}