/* CSS for menu   */
.nav-bar1 {display:inline-block; height:30px; margin:0;padding:0;font-size:0px;}
.nav-bar2 {display:inline-block; height:30px; margin:0;padding:0;font-size:0px;}
.nav-bar3 {display:inline-block; height:30px; margin:0;padding:0;font-size:0px;}
.nav-bar1 li {display:inline; vertical-align:bottom;}
.nav-bar2 li {display:inline; vertical-align:bottom;}
.nav-bar3 li {display:inline; vertical-align:bottom;}

#topwrapper {
	width: 100%;
}
#logo {
	width: 20%;
	float: left;
}
#logo2 {
	width: 15%;
	float: left;
}
#motto {
	width: 50%;
	float: left;
	text-align: center;
}
#motto2 {
	width: 35%;
	float: left;
	text-align: center;
}
#rightpad {
	width: 30%;
	float: left;
}
#rightpad2 {
	width: 10%;
	float: left;
}
#hib {
	display: none;
	color: #00FF00;
}


#mainwrapper {
	width: 100%;
}
#prompts {
	width: 20%;
	float: left;
}
#main {
	width: 80%;
	float: left;
}

@media screen and (max-width: 700px) {
	#motto {
	width: 79%;
	}
	#rightpad {
	width: 1%;
	}
}

img { max-width: 100%; max-height: 100%;}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:95%;
	height:95%;
}