@charset "UTF-8";

body {
    color: #006;
	background-color: #FBFBEF
}
.header {
	position:fixed;
	top: 0;
	right: 0;
	width: 77%;
	background: #FFFFF0;
	text-align: center;
	height: 10%;
	margin-left: 25%;
}

.logo {
	position:fixed;
	top: 0;
	left: 0;
	width: 23%;
	height: 21%;
	background: #FFFFF0;
}
.maharishi {
	display:block;
	max-width:100%;
	max-height:100%;
	margin-left:auto;
	margin-right:auto;
	padding:9%;
	}

.vertical-menu {
	position:fixed; 
	top:21%; 
	left:0; 
	width:23%; 
	height:100%;
	background:#EEE;
	overflow:auto;
}

.vertical-menu a {
	background-color: #FFF;
	color: black;
	display: block;
	padding: 3%;
	//padding: 12px;
	text-decoration: none;
}

.vertical-menu a:hover {
    background-color: #ccc;
}

.vertical-menu a.active {
	background-color: #F3F8FF;
	color: #339;
}

.content {
	//margin test, war 0
	top:11%; 
	right: 0;
	width:70%;
	height:100%;
	margin-left: 21%;
	margin-right: 10%;
	padding:10% 5%;
	background:#FFFFF0;
	overflow:auto;
}