body{
	background-color: #EEEEEE;
}

/* header, footer and menu */
	body > #menu,
	body > #header,
	body > #footer
	{
		position: absolute;
		left: 0;
		z-index: 999;
		overflow: hidden;
		min-height: 30px;
		color: white;
		cursor: default;
		-webkit-user-select: none;
	       -moz-user-select: none;
	        -ms-user-select: none;
	}
	body > #menu
	{
		top: 0;
		bottom: 0;
		padding: 40px 0 30px;
		width: 230px;
		height: 100%;
		background-color: #FFFFFF;
		color: #055A88;
		font-size: 14px;
		line-height: 40px;
	}
	body > #header
	{
		top: 0;
		padding: 0;
		width: 100%;
		height: 40px;
		background-color: #8E8E8E;
		color: #FFFFFF;
		line-height: 40px;
	}
	body > #footer
	{
		bottom: 0;
		padding: 0 15px;
		width: 100%;
		height: 30px;
		background-color: #8E8E8E;
		color: #FFFFFF;
		font-size: 12px;
		line-height: 30px;
	}

/* menu */
	body > #menu > div
	{
		overflow: auto;
		width: 200%;
		height: 100%;
	}
	body > #menu .overlay
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #EEEEEE; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(left, #FFFFFF 75%, #EEEEEE); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, #FFFFFF 75%, #EEEEEE); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, #FFFFFF 75%, #EEEEEE); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, #FFFFFF 75%, #EEEEEE); /* Standard syntax */
		opacity: 0;
	}

	body > #menu *:not(.overlay)
	{
		-webkit-transition: all 150ms;
		   -moz-transition: all 150ms;
		     -o-transition: all 150ms;
		        transition: all 150ms;
	}
	body > #menu ul
	{
		margin: 0;
		padding: 0;
		width: 230px;
		border-top: 1px solid #EEEEFF;
		list-style-type: none;
	}
	body > #menu ul:last-of-type
	{
		border-bottom: 1px solid #EEEEFF;
	}
	body > #menu li
	{
		display: block;
		margin-bottom: 1px;
		border-right: 0;
	}
	body > #menu li:last-of-type
	{
		margin-bottom: 0;
	}
	body > #menu a
	{
		display: block;
		padding: 0 10px;
		color: inherit;
	}

/* header */
	body > #header .nav .title
	{
		display: inline-block;
		margin: 0 5px 0 5px;
	}
	body > #header ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	body > #header ul li
	{
		display: inline-block;
		float: left;
	}
	body > #header a
	{
		display: inline-block;
		padding: 0 10px;
		color: inherit;
	}

/* footer */
	body > #footer ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	body > #footer ul li
	{
		display: inline-block;
		float: left;
	}
	body > #footer a
	{
		display: inline-block;
		padding: 0 10px;
		color: inherit;
	}

/* main_container */
	body > #main_container
	{
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		padding: 40px 0 30px 230px;
		width: 100%;
		height: 100%;
	}

	body > #main_container > .content
	{
		position: relative;
		overflow: auto;
		margin-bottom: 20px;
		padding: 0 15px;
		width: 100%;
		height: 100%;
	}

	body > #main_container > iframe
	{
		border: none !important;
		border-style: groove;
		width: 100%;
		height: 100%;
	}

/* events */
	body > #header ul li:hover,
	body > #header ul li.active
	{
		background-color: rgba(0, 0, 0, 0.05);
	}
	body > #header li.active a,
	body > #header a:hover,
	body > #footer a:hover
	{
		color: #333333;
	}

	body > #menu li:hover a,
	body > #menu li.active a
	{
		border-right: 5px solid #489BE2;
		color: #489BE2;
	}
	body > #menu li.active a
	{
		font-weight: bold;
	}