html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html {background:#fff; scroll-behavior: smooth;}
/* body {max-width:1100px; margin: 10px auto; font: normal 1.25em/1.333em "Josefin Slab", Times, serif;} */
body {max-width:1100px; margin: 10px auto; font: normal 1em/1.333em "Times New Roman", Times, serif;}
h1 {font: bold 2em/1.125em "Cormorant Infant", Times, serif;}
h2 {font: bold 1.75em/1.125em "Cormorant Infant", Times, serif; color:#348;margin: 1em 0 0.5em;}
h3 {font: bold 1.666em/1.125em "Cormorant Infant", Times, serif; color:#055; margin: 1em 0 0.5em;}
h4 {font: bold 1.5em/1.125em "Cormorant Infant", Times, serif; color:#420; margin: 1em 0 0.5em;}
a {color: #049;}
a:visited {color: #48c;}
a:hover {color: #095; text-decoration:none;}
a:active {color: #900;}
#main {float:left; width: 68%; margin: 0 1%;}
#main p {margin: 1em 0;}
.lfloat50 {float:left; max-width:50%; margin-right:0.5em}
.rfloat50 {float:right; max-width:50%; margin-left:0.5em}
.feature { clear:both; margin: 1em 0; padding-bottom: 12px; border:1px solid #ccc; padding:4px; overflow:auto;}
.feature img {float:left; max-width: 44%; margin-right:0.5em;}
.feature h2 {margin-top:0; margin-bottom: 9px;}
img {max-width:100%; height:auto;}
b, strong {font-weight:bold;}
i, em {font-style:oblique;}
ol {list-style: decimal; margin: 1em 5%;}
.caption {font-size:0.85em; color:#666;}
a.bttn {
display:block;
padding: 10px;
background:#056;
color:#fff;
text-decoration:none;
border-radius: 8px;
position:relative;
}
a.bttn:hover {background:#073; color:#fff;}
a.bttn:active {position:relative; top:1px; left:1px;}
a.bttn:before {content:'\2766'; color:#fff; padding-right:8px; vertical-align: middle;}
a.bttn:hover:before{color:#fc6;}
a.bttn:active:before {color:#ff0; }
#playerFrame {position:fixed; top:0; right:0; background:rgba(0,0,0,0.6);}
.player {margin:8px 20px; background:#eee; padding:4px 6px; line-height:1.2em; margin: 6px;}
a#stopClose {padding: 1px 3px; border:1px solid #027; border-radius: 5px; float:right; margin: 6px 6px 6px 1px; text-decoration:none; color:#fff; border-color:#ccc;}
.demi {display:inline-block; margin: 10px 14px; vertical-align:top;}
#also {text-align:center;}
sup, sub {
vertical-align: baseline;
position: relative;
top: -0.4em;
font-size:0.75em
}
sub { top: 0.4em; }
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
margin: 10px 4% 20px 4%;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
video {
width: 100% !important;
height: auto !important;
}
.ctr {text-align:center;}
nav {
float:left;
width:24%;
margin: 12px 3%;
background:url(images/score.png) 4% 1px no-repeat;
}
nav ul li {margin-bottom: 5px;}
nav ul li:last-child {margin-bottom: 0;}
nav ul li a, nav ul li a:visited {
display:block;
padding: 16px;
background: rgba(0,44,30,0.7);
font-size:1.125em;
font-weight:bold;
color: #fff;
text-decoration:none;
text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}
nav ul li a:hover, nav ul li.active a {background:rgba(0,33,55,0.5); color:#fff;}
/* ------------------- Nav Checkbox ------------------- */
/*Style 'show menu' label button and hide it by default*/
.show-menu {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
color: #fff;
background: #99afa1;
text-align: center;
padding: 10px 0;
display: none;
max-height: 60px;
}
.show-menu:hover {background:#7f909b;}
/*Hide checkbox*/
input[type=checkbox]{
display: none;
-webkit-appearance: none;
}
/*Show menu when invisible checkbox is checked*/
#show-menu:checked ~ #menu{
display: block;
}
label.show-menu { position: relative; margin:0 1px;}
label.show-menu:before {
position: absolute;
left: .5em;
top: .25em;
content: "\2261";
font-size: 2em;
color:#fff;
}
/* ------------------- end Nav Checkbox ------------------- */
footer {clear:both; text-align:center; padding:1em; border-top:1px dashed #aaa;}
#sfb {display:none;}
@media screen and (max-width: 54em) {
body {margin: 0.75em;}
#main {float:none; width: auto; margin: 1em 1%;}
#lfb {display:none;}
#sfb {display:block;}
nav {float:none;
height: auto;
margin: 0 1% 10px 1%;
width: 98%;
}
nav ul {
width: 100%;
display: block;
height: auto;
}
nav ul li {/*
width: 50%;
float: left;
*/
margin:0;
position: relative;
}
nav ul li a {
border:0;
border-radius: 0;
box-shadow:none;
}
nav a {
text-align: left;
width: 100%;
}
nav ul li:hover ul, nav ul li.hover ul { /* This line is required for IE 6 and below */
display:none; /* Don't Show the sub menus */
}
nav ul li { left:0%; }
#menu {
width:100%;
position: static;
display: none;
background:none;
border:0;
margin:0;
padding:0;
border-radius: 0;
}
#menu li {
margin-bottom: 1px;
display: block;
/*
width: 50%;
float: left;
*/
margin:0;
padding:0;
position: relative;
background: #3B81D5;
border-radius: 0;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
}
/* #menu li:last-child {width: 100%;}----- odd no links ----------- */
#menu li:hover, #menu li a:active, #menu li.active {
background: #7f909b;
color:#fff;
text-shadow:none;
}
/*Make all menu links full width*/
#menu li a {
width: 100%;
margin:0;
padding: 0.5em;
color:#fff;
display: block;
font-weight:bold;
text-shadow:none;
}
#menu li:hover a, #menu li:active a, nav ul li.active a {background:transparent; color:#fff;}
/*Display 'show menu' link*/
.show-menu {
display:block;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}
} /* ------- End Responsive nav css ----- */