/* CSS Document */
html, body, ul, ol, li, div {
	margin:0;
	padding:0;
}
body {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;	
	background-color: #667990;
}

.selected {
	height:100% !important;
}
.content {
	
}


.moboutline {
	width:50%;
	float:left;
}
.mobnotes {
	width:50%;
	float:left;
	clear: right;
}
.moboutline p {
	text-align:center;
	border-top: 1px solid #51627c;
	border-left: 1px solid #51627c;
	border-right: 1px solid #51627c;
	border-bottom: 1px solid #51627c;
	padding:10px;
}
.mobnotes p {
	text-align:center;
	border-top: 1px solid #51627c;
	border-bottom: 1px solid #51627c;
	border-right: 1px solid #51627c;
	padding:10px;
}
#moboutline ol {
	margin-left:40px;
	margin-top:10px;
	margin-bottom:10px;
}
#moboutline ol li {
	padding:5px;
	
}
#moboutline ol li:hover, .moboutline p:hover, .mobnotes p:hover {
	background-color:#4d647f;
}
#moboutline ol li a {
	display:inline-block;
	height:auto;
	width:100%;
}
#mobnotes div {
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}
.mobilehidden {
	display:none;
}
.active {
	border-bottom: 0px solid #51627c !important;
	background-color:#36475a;
}
.current {
	background-color:#36475a;
}
.hide {
	display:none;
}
a {
	text-decoration:none;
	color:#fff;
}


#menu-button:after {
        content:'\2261';
        color:#fff;
        position:absolute;
        top:0.39em;
        left:0.036em;
        line-height:0em;
}

#menu-button:active {
        top:1px;
        left:1px;
}



.line p {
	height: 40px;
	line-height: 40px;
	margin:0;
	margin-left:15px;
}

#videos {
	width:75%;
	float:left;
	background-color:#999;
}
#menu-button {
	font-size:60px; /* Change to alter button size */
	font-family:verdana !important;
	font-weight:normal !important;
	font-style:normal !important;
	height:0.9em;
	width:0.9em;
	background:#415368;
	cursor:pointer;
	position:relative; /* Also works with absolute */
	border:0.05em solid #555;
	display:none;
}
.header {
	width:25%;
	float:left;
	height:auto;
	background-color:#415368;
}
#moboutline {
	overflow-y:scroll;
	width: 100%;
}
#mobnotes {
	overflow-y:scroll;
	width: 100%;
}
.logo {
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}
.line {
	width:100%;
	height:40px;
	background-color:#415368;
	border-bottom: 3px solid #fff;
	display:block;
}
.prev {
	position:absolute;
	top:0;
	left:25%;
	width:80px;
	height:80px;
	z-index:2;
	background-image: url(../images/left.png);
}
.next {
	position:absolute;
	top:0;
	right:0px;
	width:80px;
	height:80px;
	z-index:2;
	background-image: url(../images/right.png);
}
video {
	width:100%;
}
@media (max-width: 800px) {
#videos {
	width:100%;
}
#menu-button {
	display:block;
}
.header {
	width:100%;
	height:50px;
	overflow:hidden;
}
#moboutline {
	height: 241px;
	
}
#mobnotes {
	height: 241px;
	
}
.logo {
	margin-top:0px;
}
.line {
	display:none;
}
.prev {
	left:auto;
	right:50px !important;
	width:50px;
	height:50px;
	background-image: url(../images/left-small.png);
}
.next {
	width:50px;
	height:50px;
	background-image: url(../images/right-small.png);
}
}