* {
	font-family: calibri, cambria, verdana, arial; font-size: 9pt; color: rgba(0,0,0,.7);
}
body {
	width: 100vw; height: 100vh; margin: 0; 
	 background-size: 100vw 100vh; background-repeat: no-repeat;
}
#wrapper {
	width: 100%; height: 100vh; margin: 0; background: rgba(255,255,255,.7);
}
article {
	width: 95vw; height: 100vh; margin: 0 0 0 5vw; 
	/* border-right: 1px solid rgba(0,0,0,.2);  border-left: 1px solid rgba(0,0,0,.2); */
}
.sec_one {
	width: 100%; height: 10vh; margin: 0; 
}
.sec_two {
	width: 100%; height: 80vh; margin: 0; 
}
.sec_three {
	width: 100%; height: 10vh; margin: 0; 
}
#logo {
	width: 15vw; height: 10vh; background: rgba(250,250,250,.9); display: inline-block; vertical-align: top; margin-right: 30px;
}
#center_head {
	width: 40vw; height: 7vh; display: inline-block; vertical-align: top; margin-right: 0px 10px 0 5px;
}
#right_head {
	width: 31.5vw; height: 7vh; background: rgba(0,0,0,.7); display: inline-block; vertical-align: top; float: right;
}
aside {
	width: 15vw; height: 80vh; background: rgba(0,0,0,.8); display: inline-block; vertical-align: top; margin-right: 30px; 
}
#content {
	width: 43vw; height: 75vh; background: rgba(250,250,250,0.9); display: inline-block; vertical-align: top; margin: 0 10px 0 0;
	border: 1px solid rgba(0,0,0,.2); padding: 10px; font-size: 11pt; overflow: auto;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
	/*box-shadow: 0px 0px 0px 1px; -webkit-box-shadow: 0px 0px 0px 1px; -moz-box-shadow: 0px 0px 0px 1px;*/
}
#adds {
	width: 30vw; height: 78vh; background: rgba(250,250,250,0.9); display: inline-block; vertical-align: top; margin: 0;
	border: 1px solid rgba(0,0,0,.2);
	/*box-shadow: 0px 0px 0px 1px; -webkit-box-shadow: 0px 0px 0px 1px; -moz-box-shadow: 0px 0px 0px 1px;*/
}
#ad1 {
	width: 99%; height: 60%; background: rgba(250,250,250,0.9); display: block; vertical-align: top; margin: 0 auto; 
	/*box-shadow: 0px 0px 0px 1px; -webkit-box-shadow: 0px 0px 0px 1px; -moz-box-shadow: 0px 0px 0px 1px;*/
}
#ad2 {
	width: 95%; height: 30%; background: rgba(250,250,250,0.9); display: block; vertical-align: top; margin: 5px auto; overflow: auto;
	padding: 5px;
	/*box-shadow: 0px 0px 0px 1px; -webkit-box-shadow: 0px 0px 0px 1px; -moz-box-shadow: 0px 0px 0px 1px;*/
}
#link {
	width: 15vw; height: 10vh; background: rgba(220,220,220,.9); display: inline-block; vertical-align: top; margin-right: 30px;
}
footer {
	width: 75.5vw; height: 9.5vh; background: rgba(250,250,250,.9); display: inline-block; vertical-align: top; border: 1px solid rgba(0,0,0,.3);
}

aside .nav {
	width: 100%; height: 15px; border-top: 1px solid rgba(250,250,250,.1); text-align: center; cursor: pointer; font-size: 11pt; font-weight: bold;
	vertical-align: middle; color: white; padding: 10px 0;
}
aside .nav:hover {
	background: rgba(255,255,255,1.0); color: rgba(0,0,0,.9);
}
.welcome {
	width: 100%; height: 20vh; text-align: center; font-family: Aharoni, calibri, cambria; font-size: 300%; color: rgba(0,25,150,.9);
	text-shadow: 1px 1px rgba(0,0,0,.6); margin: -95vh auto;
}
.enter {
	height: 20vh; text-align: center; font-family: Aharoni, calibri, cambria; font-size: 500%; color: rgba(255,255,255,.9);
	text-shadow: 1px 1px rgba(0,0,0,.6); margin: 0 auto; position: fixed; bottom: -10vh; left: 42vw; cursor: pointer;
}
.writeups {
	font-size: 13pt; text-decoration: underline; color: rgb(250,50,0);
}
li {
	font-size: 13pt; line-height: 15pt; text-decoration: none;
}
a.hf {
	display: inline-block; padding: 10px 20px; font-size: 13pt; text-decoration: none;
}
a.hf:hover {
	color: rgba(0,0,0,.9); text-decoration: underline;
}