@font-face{font-family:open; font-style:normal; font-weight:normal;src:url("fonts/openr.woff") format("woff");}
@font-face{font-family:oswald; font-style:normal; font-weight:normal;src:url("fonts/oswald.woff") format("woff");}
@font-face{font-family:oswald; font-style:normal; font-weight:200;src:url("fonts/oswald200.woff") format("woff");}
@font-face{font-family:oswald; font-style:normal; font-weight:300;src:url("fonts/oswald300.woff") format("woff");}
@font-face{font-family:oswaldb; font-style:normal; font-weight:normal;src:url("fonts/oswald300.woff") format("woff");}
a {
  text-decoration: none;
}

.listy {font-family:open; font-size: 1em;margin-left:3em; width: 80%;}
#header {width:100%;}
#nav {float:right; padding-right: 5em; padding-top:1em; padding-bottom: 1em;}
#courses {background-color:white;margin:8em auto 2em auto; display:inline-block;padding:1em;}
.capt {font-family:oswald; font-size:1.5em; background-color: #eee; padding:.5em; width:16.7em; display:inline-block; font-weight: 300; margin-top:-1em;}
a {color:black;}
.capt:hover {background:#FFEB59;}
.resource-img {width:20em; height:100%;}
.resource-box {width:20em;margin:1em;display:inline-block;}
#resources {margin:2em auto; max-width: 80%; display: inline-block; text-align:center;padding-left:3em; clear:both;}
.capt2 {font-family:oswald; font-size:1.2em; background-color: #eee; padding:.5em; width:15.6em; display:inline-block; font-weight: 300; margin-top:-1em;}
.capt2:hover {background:#FFEB59;}
#block1 { width: 100%;clear:both;}
#games {text-align:center; width: 100%;}
.title {font-family:oswald; font-size:3em;font-weight:300;margin-left:1em;margin-bottom:0;margin-top:0;}
.sub-title {font-family:oswald; font-size:1.5em;font-weight:300;margin-left:2em;margin-bottom:0;}
.plain-txt {font-family:open; font-size: 1em;margin-left:3em; width: 80%;}
#up-resource {text-align:center;}

	
#navbar {width:100%;}
#logo {position:relative;padding-left:.2em;display:inline-block;}
#h-logo-img {float: left;padding:0 1px;width:3em;}

ul {font-family:open; font-size: 1em;margin-left:3em; width: 80%;}
ol {font-family:open; font-size: 1em;margin-left:3em; width: 80%;}

#third-party {font-family:open; font-size: 0.8em;margin-left:3em; width: 80%; border-collapse: collapse;}
#third-party ul {margin:0;padding-left:1.5em;}
#third-party .ttl {font-family:oswald; font-size:1.4em;font-weight:300;}
#third-party td {vertical-align:top; border: 1px solid #666;padding:0.8em;}
.party {font-weight:bold;}

details {width: 80%;margin-left: 3em;}

summary {
font-size: 1.3em;
font-family:oswald;
font-weight:300;
position: relative;
display: block;
padding: 0 0 0 1em;
color: #fff;
line-height: 2;
cursor: pointer;
margin-bottom: 5px;
background-color:#2B1685;}

.bold {font-weight:bold;}

#ftr-companyinfo{clear:both;font-size:.7em;}
.ftr-infoline{margin-bottom:.5em;}

.privo-img {margin-left:3em;}
#privo {background-color: #f4f4f4;
margin-left: 3em;
padding: 1em;
width: 80%;}
#privo-ftr {margin-top:2em;}

#footer-none a{text-decoration:none;color:#000;border-bottom:none;}
#footer-none a:hover{color:#44c;border-bottom:1px solid #44c;}
#footer-none {background-color:#FFEB59;font-family:open;font-size:1em;padding:1.5em 2em .5em 2em;margin-top:1em;clear:both;}
#ftr-contact{display:inline-block;float:left;margin-bottom:2em;}