@charset "utf-8";
/* CSS Document */

/*PAGE LAYOUT*/

.body	{
		background-color: #FFF;
		background-repeat: no-repeat;
		background-size: auto 100%;   
		background-position:top;
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0%;
		margin-right: 0%;
		line-height: 90%;
		text-align: left;
		overflow-x: hidden;
}


h1 		{
		font-family:Verdana, Geneva, sans-serif;
		color: #FFF;
		font-size: 15px;
		line-height: 90%
}

h2		{
		font-family:Verdana, Geneva, sans-serif;
		color: #999;
		/*font-size: 30px;*/
		line-height: 1.2;
		font-size: 0.8vw;
}

.maindiv {
		position: absolute;
		background: url(../_images/header.png) no-repeat center;
		background-size: cover;
		height: 100%;
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		z-index: 0;
}

.logodiv {
		position: relative;
		background: url(../_images/milo-it-white.gif) no-repeat;
		background-position:left top;
		background-size: 200px 42px;
		width: 240px;
		height: 85px;
		margin-left: 40px;
		margin-top: 40px;	
}

.menudiv {
		position: relative;
		background: url(../_images/menu.gif) no-repeat;
		background-position:left top;
		background-size: 40px 40px;	
		width: 85px;
		height: 85px;
		margin-left: 20px;
		margin-top: 40px;
}

.menuclose {
		background: url(../_images/menuclose.gif) no-repeat;	
		background-size: 15px 15px;
		margin-top: 5px;
		margin-right: 5px;
		width: 20px;
		height: 20px;			
}

.menu 	{
		position: fixed;
		top: 0;
		left: -250px; /* Initially off-screen */
		height: 600px;
		width: 250px; /* Adjust as needed */
		background-color: rgba(55, 104, 140, 0.75);
		transition: left 0.2s ease; /* Only transition the left property */
		z-index: 1000; /* Ensure it's above other content */
		margin-top: 177px;
}

.menu.active {
    left: 0;
}


.menu.disabled {
    left: -250; /* Slide the menu into view */
}


/* Example styling for menu items */
.menu-item {
		padding: 10px;
		color: #fff;
		text-decoration: none;
		display: block;
}

.headertab {
		padding: 0px;
}

.menutab {
		padding: 0px;
		width: 250px;
		height: 600px;
}

[role=button], button {
    	cursor: pointer;

}

button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
		-webkit-appearance: button;
		background-color: transparent;
		border:none;
}


.slidediv {
		overflow:hidden;
		background-color: #03F;
		opacity: 0.75;
		width: 400px;
		height: 600px;
		position: absolute;
		margin-left: 40px;
		margin-top: 160px;
		text-align: justify;
		z-index: 0;
		transition:0.4s ease;
}

.menutd {
		text-align: left;
}

.menutda {
		text-align: left;
		vertical-align: top;
		margin-top: 0px;
}

.menutdb {
		text-align: right;
		vertical-align: top;
		margin-top: 0px;
}

.readbardiv {
		position: relative;
		background-color: rgba(255, 255, 255, 0.7);
		height: 600px;
		margin-left: 0px;
		margin-right: 40px;
		margin-top: 50px;
		margin-right: 0px;
		
}

.contentframe {
		position: absolute;
		margin-left: 0px;
		margin-right: 0px;
		height: 594px;
		width: 100%;
}

/* swipe function ofr mobile devices */