html, body{padding:0;border:0;margin:0;font-family:Calibri,Candara,Arial,sans-serif;color:rgb(48,54,66);text-align:left;font-size:1.0em}
a.linkopacity:hover img{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0}
a.linkopacity img{filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75}
img{border:none;}
h1{font-weight:bolder;font-variant:small-caps;}
h2{font-weight:bolder;padding:0px;margin:0px;text-align:center;font-variant:small-caps;}
h3{font-weight:bolder;padding:0px;margin:0px;text-align:center;font-weight:bolder;font-variant:small-caps;}
h4{font-weight:bolder;padding:0px;margin:0px}
h5{}
h6{font-style:italic;font-size:bigger}

#outside{position:absolute;top:0px;left:0px;width:100%;background-image:url(bg.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:100% 100%;}

#header{position:fixed;background-color:rgb(78,127,196);padding:10px;color:rgb(243,243,243);text-align:center;height:100px;top:0px;left:0px;width:100%;z-index:100;margin-bottom:150px;}
#header .home{}
#header .link{white-space:nowrap;}
#header .current{white-space:nowrap;font-weight:bold;text-shadow:0 0 25px rgb(243,243,243);color:rgb(243,243,243);}
#header a:link, #header a:visited, #header a:active, #header a:hover{text-decoration:none;color:rgb(243,243,243);}
#header a:link, #header a:active{color:rgb(243,243,243);}
#header a:hover{color:red;}
#headerTitle{width:20%;float:left;}
#headerLinks{float:left;width:60%;font-variant:small-caps;font-size:1.5em;}
#headerContact{width:20%;float:left;font-size:0.9em;}

#titlePlatforms{}
#titlePlatforms div{display:inline;}

#break{clear:both;margin-top:125px;width:100%;position:relative;}

#main{float:left;width:65%;margin-top:50px;margin-left:6%;margin-right:3%;box-shadow:25px 0px 100px rgb(100,145,206), -25px 0px 100px rgb(100,145,206);box-sizing:border-box;}

.container{background-color:rgba(243,243,243,0.9);border:thick solid rgb(48,54,66);border-radius:25px;padding:30px;font-size:1.3em}
.container img{border:2px solid rgb(48,54,66);border-radius:10px;max-width:640px;}
.container hr{width:80%;border-color:red;margin:20px auto;}
.container p{margin-bottom:15px;}
.container label{text-align:right;padding-right:8px;color:rgb(48,54,66);}
.container input{padding:5px;box-sizing:border-box;width:100%;border:1px solid rgb(48,54,66);border-radius:5px;}
.container input[type="submit"]{background-color:rgb(100,145,206);color:white;cursor:pointer;border:none;border-radius:5px;}
.container button{background-color:rgb(100,145,206);color:white;cursor:pointer;border:none;border-radius:5px;}

#side1, #side2, #side3, #side4, #side5{margin-top:50px;margin-right:6%;position:relative;float:left;width:20%;box-sizing:border-box;}
#side1 form input[type="text"]{display:inline-block;width:70%;margin-right:5px;}
#side1 form input[type="submit"]{display:inline-block;width:20%;}

.blogheader{font-variant:small-caps;font-size:1.3em;color:#888;font-style:italic;}
.blogposttitle{margin-top:25px;}
.blogposttitle a{text-decoration:underline;font-weight:bolder;padding:0px;margin:0px;text-align:center;font-weight:bolder;font-variant:small-caps;font-size:1.3em;}
.blogpost{margin-bottom:20px;}
.blogpostfooter{font-size:0.8;color:#888;margin-bottom:20px;font-variant:small-caps;font-style:italic;}
#blogPlatforms{}
#blogPlatforms img{background-color:rgb(78,127,196);text-align:center;border-radius:10px;border:thin solid rgb(48,54,66);padding:10px;}
#blogPlatforms div{display:inline;padding:5px;}

#banner{height:0px;width:100%;clear:both;}

#footer{color:rgb(243,243,243);text-align:center;background-color:rgb(78,127,196);margin-top:500px;padding:10px;font-size:0.9em}
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{color:red;}
#footerCredits{}
#disc{font-style:italic;font-weight:bold;padding-top:15px;}

.video-container{max-width:640px;margin:auto;justify-content:center;}
video{width:640px;border-radius:10px;border:thin solid rgb(48,54,66);justify-content:center;}

@media screen and (max-width:1000px)
{
	#outside{position:absolute;top:0px;left:0px;width:100%;background-image:none;}

	#header{position:relative;top:0px;left:0px;width:100%;background-image:url(headerbg.png);padding:10px;color:rgb(243,243,243);text-align:center;height:auto;font-size:1.0em;z-index:100;margin-bottom:10px;}
	#header .img{width:50%;}
	#header .current{font-weight:bold;text-shadow:0 0 25px rgb(243,243,243);}
	#header a:link, #header a:visited, #header a:active, #header a:hover{text-decoration:none;color:rgb(243,243,243);}
	#header a:hover{color:red;}
	#headerTitle{width:90%;float:none;}
	#headerLinks{float:none;width:90%;font-variant:small-caps;margin-top:10px;margin-bottom:10px;}
	#headerContact{width:90%;float:none;font-size:0.8em;}

	#break{clear:both;margin-top:5px;width:100%;}

	#main{margin-left:auto;margin-right:auto;margin-top:0;float:none;box-shadow:none;width:95%;box-sizing:content-box;}

	.container{background-color:rgb(243,243,243,0.9);border:thin solid rgb(48,54,66);border-radius:15px;padding:10px;}
	.container img{border:2px solid rgb(48,54,66);border-radius:10px;max-width:400px;}
	.container hr{width:80%;border-color:red;margin:20px auto;}
	.container p{margin-bottom:5px;}
	.video-container{max-width:700px;width:100%;}

	#side1, #side2, #side3, #side4, #side5{margin-left:auto;margin-right:auto;margin-top:15px;float:none;width:95%;box-sizing:content-box;}

	#banner{height:200px;width:100%;background-image:url(bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;}

	#footer{color:rgb(243,243,243);text-align:center;background-image:url(headerbg.png);margin-top:10px;padding:10px;font-size:0.9em}
	#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{color:red;}
	#footerCredits{}
}

#tableBW .table {font-size: 1.0em}
#adminbg {margin: 25px; padding: 25px;background-color:white;border: medium solid grey;}
#adminbg {color:black;}
#adminbg a {color:black;}
#adminbg a:visited {color:black;}
#adminbg a:hover {color:black;}
#adminbg a:active {color:black;}