body {
	background-color:#f8f8ed; 
	margin:0 24px 40px 0;
	font-size:16px;
	font-family: Verdana, Arial, sans-serif;
	overflow-x: hidden;
}
h1{font-size:17px;margin:-4px 0 -24px 0;padding-bottom:5px;color: #839ccb;word-spacing: 0.08em;text-shadow: 2px 2px 8px #252f52;}
li {line-height:1.9em;margin-left:24px;max-width:1020px;}
a {color:#4672c1;text-decoration:none;font-weight:700;font-size:17px;letter-spacing:1px;}
a:hover {position:relative;bottom:1px;left:1px;color:#86b08d;}
a:active {color:#d07964;}
#bgfoto {
	position:relative;
	top:14px;
	left:14px;
	background-image: url('../i/vidbg1.jpg');
	height:2398px;
	margin-bottom:-2398px;
	border-radius:2em;
}
#pgcontent {
    position: relative;
    top: 12px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.avtitle {
	margin:-1px 0 0 12px;
	color:#0f1902;
	width:282px;
	padding:6px;
	border: 2px solid #4594ce;
	border-radius:1em;
	background: linear-gradient(-90deg, #c18e2f, #fbe4bb);
}
.avtitle a:hover {
	left:0;
	bottom:0;
}
/*Viewscreen off icon Saturn */
#vsoff {
    display:none;
	position:absolute;
	opacity:.7;
    left: 1048px;
    top: 150px;
	width:100px;
	height:75px;
	background:url(../i/viewscreen-x.png);
	z-index:4;
}
#vsoff:hover {
	background:url(../i/viewscreen-xhc.png);
	position:absolute;
	left:1050px;
	top:149px;
}
#vsoff:active {
	background:url(../i/viewscreen-xh.png);
	position:absolute;
	left:1050px;
	top:150px;
}
#videoPlayer {
	display:none;
	position:absolute;
	height:520px;
	width:916px;
	left:320px;
	top:236px;
	background-color:#000;
	border-top: 6px groove #6F713D;
	border-left: 6px groove #6F713D;
	border-right: 6px groove #52550B;
	border-bottom: 6px groove #52550B;
	z-index:3;
	border-radius: 1em;
}
#videoPlayer img {
	position:relative;
	top:4px;
	left:-3px;
	border-radius:1em;
}
.video.js {
	width:914px;
	height:514px;
}
img {
	opacity:1;
}
#mediagroup {
	position:relative;
	top:40px;
	left:44px;
	padding-top:3px;
	font-size:15px;
	letter-spacing:.06em;
	word-spacing:.18em;
	opacity:0;
	height:1863px;
    max-width: 1300px; /* Keeps videos inside width */
	width:1110px;
	margin:0 auto;
}
#mediagroup img {margin: 4px 0 -4px 0;border: 1px #112376 solid;border-radius:2em;}
#mediagroup > div:nth-child(1) {top:-62px }
#mediagroup > div:nth-child(2) { top:0px; }
#mediagroup > div:nth-child(3) { top:-22px; }
#mediagroup > div:nth-child(4) { top:-22px; }
#mediagroup > div:nth-child(5) { top:-36px; }
#mediagroup > div:nth-child(6) { top:-34px; }
#mediagroup > div:nth-child(7) { top:28px; }
#mediagroup > div:nth-child(8) { top:26px; }
#mediagroup > div:nth-child(9) { top:39px; }

.avlink {
	display:inline-block;
	padding:16px 36px 32px 0;
	position:relative;
	top:2px;
}
.avlink > img {
	cursor:pointer;
}
 #menubar_top {
	position:relative;
	top:6px;
	background: linear-gradient(-90deg, #0080C0, #243371);
    border: 4px groove #445589;
	border-radius:1em;
	width:760px;
	clear:both;
	padding:.25em 0.1em .65em 0.1em;
	text-align:center;
	font-family: Verdana, Arial, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
	letter-spacing:1px;
	overflow:none;
	margin:auto;
	z-index:2;
 }
 #menubar_top li {
 	line-height:48px;
 }
 #menubar_top a {
	font-size: 16px;
	background: linear-gradient(45deg, #0080C0, #243371);
	border-radius:0.6em;
	text-decoration:none;
	color:#839ccb;
	border:1px solid #0080C0;
	padding:12px;  
 }
#menubar_top a:hover, #back-to-top:hover {
	border:1px solid #f4f7d9; 
	color: #f9fe98;
	background: linear-gradient(-20deg, #0080C0, #243371);
	}
 #menubar_top span {
	border:none;
	margin-right: 2px;
	padding-left:0;
	padding-right:6px; 
	display:inline-block;
 }
 #menubar_top ul{
	list-style:none;
	padding:0;
	margin:.25em;
 }
 #menubar_top li {
	display:inline;
	padding: 8px 12px 4px 4px;
	margin: 9px;
 }
 #menubar_top #exit {
	color:#2c4167;
	background: linear-gradient(90deg, #00b1bf, #12728d);
 }
#menubar_top #exit:hover {
	color:#fecfcf;
	background: linear-gradient(20deg, #006fbf, #1cacd7);
 }
#menubar_top #enterft {
	color:#839ccb;
	background: linear-gradient(90deg, #137601, #07430f);
 }
#menubar_top #enterft:hover {
	color:#f5e8f9;
	background: linear-gradient(20deg, #336038, #66a460);
 }
 #menubar_top #butsel {
	border:1px solid #0080C0;
	color:#495278;
	background: linear-gradient(90deg, #f3f786, #edd09a);
 }
  #menubar_top #butsel:hover {
	border:1px solid #0080C0;
	color:#495278;
	background: linear-gradient(90deg, #f3f786, #edd09a);
 }
#footer pre {
	color:#888;
	position:relative;
	float:right;
	right:24px;
}
#footer {
	width:80%;
	height: 120%;
	max-width:720px;
	position:relative;
	top:30px;
    margin-top: 12px;
	margin-bottom: 96px;
	margin-left: auto;
	margin-right: auto;
	padding: 2px 20px;
	background: linear-gradient(90deg, #fdf1d7, #edd09a);
	border:1px solid #327865;
	border-radius:2em;
}
#footer p {margin-left:12px;text-indent:24px;color:#000}

/* Turns off the dark shading above the video controls and replaces it with my preferred file */
audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
	background-image: url('../i/pover01.png');
}