@font-face { font-family: montserrat; src: url('/_furniture/Montserrat-ExtraBold.woff'); }
@font-face { font-family: ubuntu; src: local('ubuntu'), url('/_furniture/Ubuntu-R.woff'); }
@font-face { font-family: ubuntu; font-weight: bold; src: local('ubuntu-b'), url('/_furniture/Ubuntu-B.woff'); }
@font-face { font-family: ubuntu; font-style: italic; src: local('ubuntu-ri'), url('/_furniture/Ubuntu-RI.woff'); }
@font-face { font-family: ubuntu; font-weight: bold;font-style: italic; src: local('ubuntu-bi'), url('/_furniture/Ubuntu-BI.woff'); }
@font-face { font-family: bumper; src: url('/_furniture/bumper.woff'); }

html,body { -webkit-text-size-adjust:none; }

html {
background-image: url('/_images/background2.png'); background-repeat: repeat-x; background-attachment: fixed
}

body {
font-family: ubuntu;
font-size: 1.0em;
margin: 0px 0px 0px 0px;
overflow-y: scroll;
line-height: 1.2em;
}

a {
text-decoration: none;
color: #5B8FFF;
color: #3D7DFF;
transition: .2s;
font-weight: bold;
}

a:hover {
xtext-decoration: underline;
color: #1C63FF;
color: #1449BC;
}

.input {
font-size: 1em;
background: white;
border: 1px solid black;
border-radius: 8px;
font-family: ubuntu;
}

.inputtext {
font-size: 1em;
background: whitesmoke;
font-family: ubuntu;
}

.inputbutton {
font-family: ubuntu;
font-size: 1em;
background: white;
color: black;
border: 1px solid #006060;
padding: 4px 10px 4px 10px;
border-radius: 8px;
border: 1px solid black;
cursor: pointer;
}

.inputbutton:hover {
background: gainsboro;
}

.bodyleft {
padding-right: 10px;
display: none;
}

.bodyright {
width: 100%;
text-align: justify;
}

select {
font-family: ubuntu;
padding: 4px;}

.menuline {
background: #FF5050;
background: rgba(255,20,20,.75);
color: white;
font-size: 1em;
height: 32px;
border-radius: 0px 0px 6px 6px;
}

.menuleft {
display: flex;
float: left;
padding-left: 6px;
align-items: center;
height: 100%;
}

.menuright {
float: right;
padding: 4px 6px 0px 0px;
font-size: .9em;
}

.menurightleft {
float: right;
padding-right: 0px;
display: none;
}

.sidenav, .showsidenav {
width: 0px;
position: absolute;
z-index: 200;
top: -20px;
left: -6px;
transition: .25s;
overflow: hidden;
padding-top: 40px;
background: #A03030;
color: white;
border-radius: 6px;
}

.showsidenav {
background: #006060;
}

.showsidenav {
top: 34px;
}

.sidenav .closebtn, .showsidenav .closebtn{
position: absolute;
top: 4px;
right: 10px;
font-size: 2em;
color: white;
cursor: pointer
padding-top: 6px;
}

.sidemenu, .showsidemenu {
width: 380px;
overflow: hidden;
font-size: 1.1em;
}

.sidemenu a {
color: white;
}

.sidemenuitem0:hover, .sidemenuitem1:hover {
transition: .5s;
background: #CF2020;
background: #A03030;
}

.sidemenuitem0, .sidemenuitem1 {
font-size: .9em;
width: 100%;
padding: 6px 0px 6px 8px;
cursor: pointer;
border-top: 1px solid white;
background: #FF6060;
}

.sidemenuitem1 {
background: #EF4040;
}

.sidemenuname {
position: absolute;
left: 10px;
top: 10px;
font-weight: bold;
font-size: 1.1em;
overflow:hidden;
height: 20px;
}

.showsidemenuitem0:hover, .showsidemenuitem1:hover {
transition: .5s;
background: #006060;
}

.showsidemenuitem0, .showsidemenuitem1 {
font-size: .9em;
width: 100%;
padding: 6px 0px 6px 20px;
cursor: pointer;
border-top: 1px solid white;
background: #00A0A0;
}

.showsidemenuitem1 {
background: #008080;
}


.fader, .sidenavblur, .ifader {
height: 100%;
width: 0px;
position: fixed;
z-index: 10;
top: 0px;
left: 0px;
overflow-x: hidden;
background-color: rgba(255,255,255,.5);
}

.ifader {
background-color: rgba(0,0,0,.75);
}

.ifader {
display: none;
}

.sitebody {
font-size: .9em;
line-height: 1.5em;
background: white;
height: 100%;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
border-radius: 6px;
}

.logo {
width: 100%;
border-radius: 6px;
}

.footer {
color: #303030;
padding: 10px 10px 10px 20px;
font-size: .8em;
}

.footersm {
font-weight: bold;
float: left;
margin-right: 10px;
}

.footertag {
display: none;
margin-right: 10px;
float: left;
}

.footercopy {
margin-right: 10px;
float: left;
}

.footerimagined {
float: right;
margin-right: 20px;
}

.fl {
float: left;
}

.showlogo {
#width: 120px;
width: 120%;
xtransition: .25s;
background-color: rgba(255,255,255,0);
}

.showlogotop {
#width: 120px;
height: 150%;
xtransition: .25s;
background-color: rgba(255,255,255,0);
opacity: 60%;
}

.showlogo:hover {
width: 140px;
width:140%;
xtransition: .25s;
cursor: pointer;
}

.showlogosm:hover, .showlogosmsel {
background-color: rgba(255,255,255,.75);
xtransition: .25s;
cursor: pointer;
opacity: 100%;
}

.showlogosw:hover, .showlogoswsel {
xbackground-color: rgba(255,64,64,.75);
xtransition: .25s;
cursor: pointer;
opacity: 100%;
}

.showlogoss:hover, .showlogosssel {
xbackground-color: rgba(162,64,162,.75);
xtransition: .25s;
cursor: pointer;
opacity: 100%;
}

.showlogogl:hover, .showlogoglsel {
xxbackground-color: rgba(96,96,192,.75);
xtransition: .25s;
cursor: pointer;
opacity: 100%;
}

.showlogolk:hover, .showlogolksel {
xxbackground-color: rgba(255,255,64,.75);
xtransition: .25s;
cursor: pointer;
opacity: 100%;
}

.showlogosa:hover, .showlogosasel {
xxbackground-color: rgba(232,96,0,.75);
xtransition: .25s;
cursor: pointer;
opacity: 100%;
}

.showlogodd:hover, .showlogoddsel {
xxbackground-color: rgba(255,255,164,.75);
xtransition: .25s;
cursor: pointer;
opacity: 100%;
}

.showlogosa:hover, .showlogosasel {
xxbackground-color: rgba(32,192,32,.75);
xtransition: .25s;
cursor: pointer;
opacity: 100%;
}

.showlogotm:hover, .showlogotmsel {
xxbackground-color: rgba(32,192,32,.75);
xtransition: .25s;
cursor: pointer;
opacity: 100%;
}

.showlogosu:hover, .showlogosusel {
background-color: rgba(32,192,192,.75);
xtransition: .25s;
cursor: pointer;
opacity: 100%;
}

.showlogomu:hover, .showlogomusel {
xxbackground-color: rgba(255,0,255,.75);
xtransition: .25s;
cursor: pointer;
opacity: 100%;
}

.showlogofifty:hover, .showlogofiftysel {
cursor: pointer;
opacity: 100%;
}

.showlogosmsel, .showlogoswsel, .showlogosssel, .showlogoglsel, .showlogolksel, .showlogosasel, .showlogoddsel, .showlogotmsel, .showlogoddsel {
zcursor: default;
}

.logodiv {
display: flex;
float:left;
width: 24%;
height: 70px;
align-items: center;
justify-content: center;
background: #F0F0F0;
overflow: hidden;
border-radius: 6px 6px 6px 6px;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.logospacer, .logospacerbreak {
width: 1.33%;
height: 4px;
float: left;
display: table-cell;
}

.logospacerbreak {
float: none;
}

.logospacertop {
width: .57%;
height: 4px;
float: left;
display: table-cell;
}

.logodivtop, .logodivtopmu, .logodivtopmusel, .logodivtopsa, .logodivtopsasel, .logodivtoptm, .logodivtoptmsel, .logodivtoplk, .logodivtoplksel, .logodivtopgl, .logodivtopglsel, .logodivtopsw, .logodivtopswsel, .logodivtopss, .logodivtopsssel, .logodivtopdd, .logodivtopddsel, .logodivtopsm, .logodivtopfifty, .logodivtopfiftysel {
display: flex;
float:left;
width: 11%;
height: 50px;
align-items: center;
justify-content: center;
background: rgba(255,255,255,.4);
overflow: hidden;
border-radius: 6px 6px 6px 6px;
}

.logodivtopsm, .logodivtopfifty, .logodivtopfiftysel {
width: 7%;
}

.logodivtopsm {
display: none;
}

.logodivtopsw:hover, .logodivtopswsel {
background-image: url('/_images/swback.png');
xtransition: .25s;
}

.logodivtopss:hover, .logodivtopsssel {
background-image: url('/_images/ssback.png');
xtransition: .25s;
}

.logodivtopgl:hover, .logodivtopglsel {
background-image: url('/_images/glback.png');
xtransition: .25s;
}

.logodivtoplk:hover, .logodivtoplksel {
background-image: url('/_images/lkback.png');
xtransition: .25s;
}

.logodivtopsa:hover, .logodivtopsasel {
background-image: url('/_images/saback.png');
xtransition: .25s;
background-position: center middle;
}

.logodivtopdd:hover, .logodivtopddsel {
background-image: url('/_images/ddback.png');
xtransition: .25s;
}

.logodivtoptm:hover, .logodivtoptmsel {
background-image: url('/_images/tmback.png');
xtransition: .25s;
}

.logodivtopmu:hover, .logodivtopmusel {
background-image: url('/_images/muback.png');
xtransition: .25s;
}

.logodivtopfifty:hover, .logodivtopfiftysel {
background-image: url('/_images/fiftyback.png');
xtransition: .25s;
}

.topline {
padding: 0px 0px 40px 0px;
display: none;
}

.headerlogo {
background: #FF5050;
background: rgba(255,20,20,.75);
border-radius: 6px 6px 0px 0px;
}

.pagetitle {
font-family: montserrat;
font-size: 1.75em;
line-height: 1em;
color: teal;
padding-bottom: 10px;
text-align: left;
}

.hometitle {
font-family: montserrat;
font-size: 1.75em;
line-height: 1em;
padding-bottom: 10px;
}

.quoteleft
{
float: left;
width: 150px;
padding-right: 10px;
padding-bottom: 10px;
color: teal;
font-size: 1.4em;
font-weight: bold;
line-height: 1.1em;
font-style: italic;
text-align: left;
}


.quoteright
{
float: right;
width: 150px;
padding-left: 10px;
padding-bottom: 10px;
color: teal;
font-size: 1.4em;
font-weight: bold;
line-height: 1.1em;
font-style: italic;
text-align: right;
}

.picturetable {
width: 100%;
display: table-cell;
}

.pictureleft, .pictureleftp {
float: left;
xpadding-right: 10px;
xpadding-bottom: 10px;
color: teal;
text-align: center;
width: 100%;
display: inline-block
}

.pictureright, .picturerightp {
float: right;
xpadding-right: 10px;
xpadding-bottom: 10px;
color: teal;
text-align: center;
width: 100%;
display: inline-block
}

.picturetextleft, .picturetextleftp {
width: 100%;
display:inline-block;
}

.picturetextleftp {
padding-left: 10px;
}

.picturetextright, .picturetextrightp {
width: 100%;
display:inline-block;
}

.picturetextrightp {
padding-right: 10px;
}

.pictureleftp, .picturerightp {
width: 30%;
}

.picturetextleftp, .picturetextrightp {
width: 65%;
}

.picturecaption {
color: teal;
text-align: center;
}

.pagepicture {
border-radius: 6px;
width: 100%;
}

.picturetabletext {
background: yellow;
xfloat: left;
xvertical-align: middle;
}

.imageleft {
float: left;
color: teal;
font-style: italic;
text-align: center;
width: 100%;
}

.imageright {
float: right;
color: teal;
font-style: italic;
text-align: center;
width: 100%;
}

.img{
border-radius: 6px;
}

.burger {
padding-right: 8px;
}

.mmmburger {
margin-top: 2px;
width: 28px;
height: 26px;
cursor: pointer;
}

.homeicon {
display: none;
}

.menublock {
border-radius: 4px 4px 0px 0px;
width: 60px;
}

.promoplaceholder {
position: relative;
width: 99.8%;
overflow: hidden;
}

.promoback, .sectionpic {
width: 100%;
height: auto;
border-radius: 10px 10px 10px 10px;
}

.promotext {
width: 100%;
height: auto;
}

.subheader {
xfont-weight: bold;
text-align: left;
}

.menublockdiv {
position: relative;
width: 60px;
height: 35px;
cursor: pointer;
}

.menublockcontainer {
background: white;
border-radius: 6px 6px 0px 0px;
height: 30px;
}

.menublock:hover {
opacity: 60%;
transition: .25s;
}

.menublockselected {
width: 60px;
border-radius: 6px 6px 0px 0px;
opacity: 60%;
}

.mediaheight {
height: 180px;
}

.mediaheight2 {
height: 280px;
}

.menutext {
position: absolute;
left: 60px;
top: -2px;
height: 26px;
background: #FF5050;
background: rgba(255,130,130,1);
background: rgba(100,178,178,1);
background: #8cc0c0;
width: 240px;
color: white;
font-size: .9em;
font-weight: bold;
padding: 6px 0px 2px 14px;
display: none;
xborder: 2px solid white;
border-radius: 6px 6px 6px 6px;
z-index:2000;
}

.menutextblurb {
display: none;
position: absolute;
left: 10px;
top: 38px;
background: #6ca0a0;
width: 328px;
color: white;
line-height: 1.4em;
font-weight: normal;
padding: 6px 14px 6px 14px;
display: none;
xborder: 2px solid white;
border-radius: 6px 6px 6px 6px;
z-index:1000;
}

.menusel, .menuselY {
position: absolute;
left: 60px;
left: 62px;
top: -2px;
height: 34px;
height: 50px;
background: #8cc0c0;
width: 16px;
xdisplay: none;
border-radius: 6px 6px 6px 6px;
z-index:0;
}

.showname, .showname50 {
font-family: montserrat;
font-size: 1.75em;
line-height: 1.2em;
color: teal;
'float: left;
padding-bottom: 10px;
}

.showname50 {
color: #FFC126;
color: #F2AD24;
font-size: 1.35em;
padding-bottom: 10px;
}

.years {
font-family: montserrat;
font-size: 1em;
padding-left: 20px;
color: grey;
float: right;
}

.mediadesc {
display: none;
}

.clipnback {
background: #FF5050;
padding: 8px;
xwidth: 298px;
border-radius: 6px;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.clipname {
color: white;
font-weight: bold;
}

.clipyear {
font-weight: normal;
}

.mediatd {
width: 320px;
}

.mediadiv {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.mplayer {
position: relative;
display:none;
}

.mvideo {
border-radius: 6px;
}

.mblanker {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
border-radius: 6px;
}

.mblankerctable {
width: 100%;
height: 100%;
border-radius: 6px;
}

.mcontrol {
cursor: pointer;
height: 28px;
}

.mtimer {
color: white;
font-size: 1.25	em;
xfont-weight: bold;
}

.mthumb {
position: relative;
cursor: pointer;
}

.mmedia {
border-radius: 6px;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: 0px;
width: 100%;
}

.mplay {
height: 128px;
}

.mloading {
display: none;
}

.mmediasize {
display: none;
}

.mbar {
padding: 5px 10px 0px 10px;
}

.mbarleft {
border-radius: 0px 0px 0px 6px;
}

.mbarright {
border-radius: 0px 0px 6px 0px;
}

.inmediacaption {
background: rgba(255,80,80,.5);
color: white;
xfont-weight: bold;
width: 100%;
border-radius: 6px;
}

.captionpad {
border-radius: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}

.logodivtop, .logodivtopmu, .logodivtopmusel, .logodivtoptm, .logodivtoptmsel, .logodivtopsa, .logodivtopsasel, .logodivtopsm, .logodivtopfifty, .logodivtopfiftysel { height: 30px; }
.topline { padding: 0px 0px 30px 0px; }

.sitelogo { display: none; }
.sitelogosmall { display: block; }

.pcheader {
color: white;
background-image: url('/_images/subback.png');
padding: 4px 4px 4px 10px;
height: 20px;
border-radius: 6px;

}

.pcline {
height: 20px;
padding: 4px 4px 4px 4px;
background: #E0E0E0;
border-radius: 6px;
cursor: pointer;
}

.pcline:hover {
background: #C0C0C0;
}

.pctimedate {
float: left;
width: 90px;
}

.pctitle {
float: left;
}

.pcprogid {
float: left;
display: none;
}

.pcpad { height: 4px; width: 10px; }

.wwwcontainer {
background: gainsboro;
border-radius: 6px;
padding-top: 10px;
cursor: pointer;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.wwwtopcontainer {
background: teal;
border-radius: 6px;
padding-top: 10px;
color: white;
cursor: pointer;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.onthisday {
font-family: montserrat;
font-size: .75em;
line-height: 1.25em;
color: white;
text-align: center;
padding-bottom: 10px;
}

.otdback {
width: 80px; height: 67px;
border-radius: 6px;
margin-right: 10px; margin-bottom: 10px
float: none;
border-top: 2px solid teal;
border-left: 2px solid teal;
border-right: 2px solid teal;
}

.otdseries {
display: none;
}

.homeotdlogodiv {
height: 30px;
}

.homeotdlogo {
height: 30px;
border-top: 2px solid teal;
border-left: 2px solid teal;
border-right: 2px solid teal;

padding-bottom: 0px;
border-radius: 6px 6px 0px 0px;
}

.homeotdyear {
background: teal;
color: white;
!!!font-size: 1.5em;
font-size: 1em;
line-height: .75em;
font-weight: bold;
justify-content: center;
padding: 6px;
border-radius: 0px 0px 6px 6px;
margin: 0px 8px 0px 8px;
}

.xotdyear {
display: flex;
width: 80px;
height: 40px;
background: rgba(0,0,0,.5);
color: white;
font-size: 1.5em;
align-items: center;
justify-content: center;
cursor: pointer;
}

.otdyear {
display: flex;
background: teal;
color: white;
font-size: 1.5em;
justify-content: center;
cursor: pointer;
font-weight: bold;
padding: 4px;
margin-top: 40px;
border-radius: 0px 0px 6px 6px;
}

.otdyear:hover {
xbackground: rgba(0,0,0,.25)
}

.wwwsel {
font-size: 1em;
color: teal;
font-weight: bold;
margin-right: 10px;
}

.wwwseldiv {
display: flex; flex-wrap: nowrap;
margin-right: 20px;
align-items: center;
}

.wwwflex {
display: flex; flex-wrap: wrap; background: gainsboro; border-radius: 6px; padding: 10px 10px 10px 10px; margin-bottom: 4px;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.pcflex {
display: flex; xflex-wrap: wrap; background: gainsboro; border-radius: 6px; padding: 10px 10px 10px 10px; margin-bottom: 4px;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.pcflex2 {
display: none; xflex-wrap: wrap; background: #FFFF90; border-radius: 6px; padding: 10px 10px 10px 10px; margin-bottom: 4px;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.wwwchan {
display: none;
}

.selectdiv {
background: whitesmoke;
padding: 6px 0px 6px 10px;
border-radius: 6px;
display: flex;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.externalcontent {
color: grey;
}

.cardback {
background: rgba(255,80,80,.75);
color: white;
font-weight: bold;
display: table-cell;
text-align: center;
padding-bottom: 10px;
position: relative;
border-radius: 6px;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.cardwmark, .desktopcardwmark{
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width:100%;
background: rgba(255,80,80,0);
overflow: hidden;
}

.archivewmark{
position: relative;
top: 0px;
left: 0px;
height: 100%;
width:100%;
background: rgba(255,80,80,0);
overflow: hidden;
}

.cardp {
padding: 10px 10px 10px 10px;
width:300px;
border-radius: 18px;
}

.cardl {
padding: 10px 10px 10px 10px;
width:300px;
border-radius: 18
px;
}

.cardmobile {
display: block;
}

.carddesktop {
display: none;
}

.carddesktopdiv {
width: 234px;
overflow: hidden;
background: rgba(255,80,80,.75);
padding: 4px 4px 2px 4px;
border-radius: 6px;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.carddesktopcontainer {
float: left;
padding: 2px 2px 2px 2px;
}

.carddesktopp {
width: 35px;
overflow: hidden;
position: relative;
}

.carddesktopl {
width: 74px;
overflow: hidden;
position: relative;
}

.desktopcardwmark {
height: 100px;
border-radius: 6px 0px 0px 6px;
}

.desktopcardp {
height: 400px;
padding: 10px 10px 10px 10px;
border-radius: 18px;
}

.desktopcardl {
padding: 10px 10px 10px 10px;
border-radius: 18px;
width: 450px;
}

.desktopcardthumb {
height: 100px;
border-radius: 6px;
}

.cardholder {
background: rgba(255,80,80,.75);
padding: 4px;
border-radius: 6px;
}

.cardcaption {
color: white;
text-align: center;
font-size: .85em;
font-weight: bold;
line-height: 1.2em;
}

.homeleft {
vertical-align: top;
}

.homeright {
float: right;
width: 80px;
text-align: center;
}

.archivedesktop {
display: none;
}

.archivename, .ifloatername {
background: rgba(255,80,80,1);
color: white;
padding: 4px 10px 4px 10px;
border-radius: 6px;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.archivepicture, .archivepicture2 {
margin: 10px;
border-radius: 6px;
width: 75%;
}

.archivenarrative {
padding-bottom: 10px;
}

.bumper1, .bumper2, .bumper3 {
font-family: bumper;
color: purple;
font-size: 2em;
}

.bumper2 {
color: green;
}

.bumper3 {
color: blue;
}

.timelinedesktop {
display: none;
}

.timelineheader, .timelinefooter {
background: rgba(255,80,80,1);
padding: 5px 10px 5px 10px;
border-radius: 6px;
font-size:14px;
color: white;
text-align: center;
xtransform: rotate(-90deg);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.timelineheader {
font-weight: bold;
}

.timelinefooter {
height: 50px;
height: 80px;
width: 200px;
display: table-cell;
vertical-align: middle;
background: teal;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.timelinenarrative {
width: 790px;
height: 185px;
background: whitesmoke;
padding: 5px;
border-radius: 6px;
text-align: left;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;}

.timelineimage {
padding: 10px;
height: 170px;
width: 200px;
width: 120px;
height: 100px;
}

.timelineyear {
background: teal;
width: 705px;
padding: 10px 0px 10px 0px;
border-radius: 6px;
font-size: 26px;
color: white;
font-weight: bold;
text-align: center;
display: none;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.timeline ul
{
list-style-type: disc;
margin-left: 20px;
padding: 0px 0px 0px 0px;
}

.tlpic {
border-radius: 6px;
border: 2px solid teal;
xwidth: 200px;
width: 120px;
}

.tlselyear0, .tlselyear1, .tlselyears {
float: left;
width: 24px;
padding: 10px 0px 10px 0px;
background: rgba(255,80,80,1);
color: white;
text-align: center;
cursor: pointer;
}

.tlselyear1 {
background: rgba(216,70,70,1);
}

.tlselyears {
background: teal;
font-weight: bold;
}

.tlselyear0:hover,.tlselyear1:hover {
background: rgba(172,50,50,1);
}

.timelineline {
display: none;
padding: 10px 0px 15px 0px;
}

.datasheettitle {
background: rgba(255,80,80,1);
color: white;
font-family: montserrat;
padding: 8px 8px 8px 8px;
border-radius: 6px;
margin-bottom: 4px;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.datasheetdata0, .datasheetdata1 {
color: black;
}

.datasheetdata1 {
color: #808080;
}

.datasheetleft {
float: left;
width: 330px;
}

.datasheetright {
width: 330px;
}

.datasheetspacer {
height: 10px;
}

.datasheetpacker {
display: none;
}

.datasheetshow {
font-family: montserrat;
font-size: 1.5em;
xfont-weight: bold;
}

.datasheetyears {
margin-top: 0px;
font-size: 1em;
xcolor: rgba(96,192,192,1);
color: teal;
font-weight: bold;
}

.showblurb {
background: rgba(232,232,232,1);
border-radius: 6px;
padding: 10px;
margin-bottom: 20px;
}

.scriptpage {
width: 340px;
border-radius: 16px;
}

.lkscriptpage {
width: 340px;
border-radius: 16px;
}

.scriptdesktop {
display: none;
}

.scriptpagenumber {
position: absolute;
top: 0px;
background: teal;
color: white;
padding: 2px 6px 2px 6px;
border-radius: 6px;
opacity: 50%;
}

.scriptmask {
position: absolute;
top: 0px;
}

.scriptbutton {
cursor: pointer;
}

.scripttitle {
font-size: 1.2em;
color: teal;
font-weight: bold;
}

.scriptmenuimg {
width: 250px;
border-radius: 6px;
}

.scriptmenutitle {
background: rgba(255,80,80,1);
color: white;
text-align: center;
xfont-weight: bold;
border-radius: 6px;
cursor: pointer;
}

.noscript {
display: none;
}

.menublockbody {
border-radius: 6px 0px 0px 6px;
width: 60px;
padding: 6px;
background: teal;
background: rgba(140,192,192,1);
background: #6ca0a0;
}

.menublockimg {
border: 2px solid teal;
border-radius: 6px;
width: 60px;
}

.menutextbody {
background: rgba(140,192,192,1);
background: #6ca0a0;
color: white;
padding: 6px;
border-radius: 0px 6px 6px 6px;
width: 70%;
float: left;
margin-bottom: 10px;
text-align: left;
}

.menutextbody:hover {
background: rgba(100,178,178,1);
background: #6ca0a0;
}

.homepanel {
width: 98%;
margin-right: 2%;
}

.titlepanel {
width: 98%;
margin-right: 2%;
}

.homeblurb {
padding: 10px;
margin-bottom: 10px;
}


.blurb, .blurblink, .listtext {
background: rgba(249,249,249,1);
padding: 10px;
border-radius: 6px;
margin-bottom: 10px;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blurblink {
cursor: pointer;
}

.blred {
background: rgba(255,222,222,1);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blred2 {
background: rgba(255,192,192,1);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blred3 {
background: rgba(255,162,162,1);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blblue {
background: rgba(222,222,255,1);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blgreen {
background: rgba(222,255,222,1);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blyellow {
background: rgba(255,255,222,1);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blpurple {
background: rgba(235,222,255,1);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blorange {
background: rgba(255,235,222,1);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blcream {
background: rgba(255,255,232,1);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blteal {
background: rgba(222,255,255,1);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blteal2 {
background: rgba(162,220,220,1);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blpink {
background: rgba(255,192,255,1);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blgold {
background: rgba(255,255,128,1);
background: rgba(255,193,81,1);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}



.bltitle {
background: rgba(255,255,255,1);
}

.halflist {
width: 97%;
}

.blurbtitle, .listtitle {
font-family:montserrat;
xfont-weight: bold;
font-size: 1em;
margin-bottom: 2px;
text-align: left;
}

.subheader {
font-family: montserrat;
xfont-weight: bold;
font-size: 1em;
background: teal;
color: white;
padding: 7px 10px 7px 10px;
border-radius: 6px;
margin-bottom: 0px;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.medianame {
font-family: montserrat;
xfont-weight: bold;
font-size: 1.5em;
color: black;
text-align: left;
}

.blurbtitle, .listtitle  {
font-family:montserrat;
xfont-weight: bold;
font-size: 1em;
margin-bottom: 2px;
color: white;
padding: 10px;
border-radius: 6px;
background: rgba(255,20,20,.75);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blurbtitlered {
background: rgba(255,20,20,.75);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blurbtitleblue {
background: rgba(70,70,255,.75);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blurbtitlegreen {
background: rgba(70,152,70,.75);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blurbtitleteal {
background: rgba(20,128,128,.75);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blurbtitleyellow {
background: rgba(255,255,0,.75);
color: #505050;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blurbtitlepurple {
background: rgba(128,20,128,.75);
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.blurbdeskonly {
display: none;
}

.sidemenuback {
background: #8CC0C0;
padding: 10px 10px 6px 10px;
border-radius: 6px;
margin-right: 10px;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.newmedia {
background: teal;
color: white;
margin-left: 10px;
font-weight: bold;
padding: 2px 10px 2px 10px;
}

.clipyear {
}

.mobhide {
display: none;
}

.magtitle {
background: rgba(255,80,80,1);
border-radius: 6px;
color:white;
xfont-weight: bold;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.magback {
background: rgba(249,249,249,1);
border-radius: 6px;
background-image: url('/_images/blurbedge.png');
background-repeat: no-repeat;
}

.magimage {
width: 130px;
}

.magimage2 {
width: 130px;
}

.tmipic {
width: 80%;
}

.contactback {
background: teal;
color: white;
padding: 10px;
border-radius: 6px;
}

.floatimage {
border-radius: 6px;
}

.ifloatername {
text-align: center;
}

.ytmedia {
width: 320px;
height: 180px;
border-radius: 6px;
}

.ytmediascript {
display: none;
}

.menublockname {
position: relative;
top: -2px;
top: 0px;
font-size: .5em;
line-height: 1em;
font-weight: bold;
padding: 0px 2px 2px 2px;
text-align: center
}

@media only screen and (min-width: 550px){
.menurightleft { display: block; }
.menuright { font-size: .95em; }
.pictureleft, .pictureright { width: 40%; }
.picturetextleft { width: 57%; padding-left: 10px;}
.picturetextright { width: 57%; padding-right: 10px; }
.pictureleftp, .picturerightp { width: 25%; }
.picturetextleftp, .picturetextrightp{ width:72%; }
.otdseries {display: inline;}
.otdprog { width: 385px; overflow: hiddenb; }
}

}

@media only screen and (min-width: 600px){
.logodiv{ width: 24%; height: 100px; }
.logospacer, .logospacerbreak { width: 1.33%; }
.logodivtop, .logodivtopmu, .logodivtopmusel, .logodivtoptm, .logodivtoptmsel, .logodivtopsa, .logodivtopsasel, .logodivtoplk, .logodivtoplksel, .logodivtopgl, .logodivtopglsel, .logodivtopsw, .logodivtopswsel, .logodivtopss, .logodivtopsssel, .logodivtopdd, .logodivtopddsel, .logodivtopsm, .logodivtopfifty, .logodivtopfiftysel { height: 40px; }
.topline { padding: 0px 0px 50px 0px; }
.showlogotop { height: 120%; }
.datasheetpacker { display: block; }
}
@media only screen and (min-width: 650px){
.desktopcardl { width: 320px; }
}

@media only screen and (min-width: 744px){
.burger, .sidenav, .sidenavblur { display: none; }
.homeicon { display: block; }
.menurightleft { display: block;}
.footertag { display: block; }
.logodiv { width: 12%; height: 70px; }
.logospacerbreak { float: left; display: block; }
.logospacer, .logospacerbreak { width: .57%; }
.sitebody { font-size: 1em; line-height: 1.4em; }
.quoteleft, .quoteright { font-size: 1.6em; }
.pagetitle { font-size: 2.75em; ; line-height: 1em; padding-bottom: 10px;}
.hometitle { font-size: 2.5em; ; line-height: 1em; padding-bottom: 10px;}
.showname { font-size: 2.75em; padding-bottom: 20px;}
.showname50 { font-size: 2.25em; padding-bottom: 20px;}
.years { font-size: 1.25em; }
.bodyleft { display: block; }
.mediacaption { display: none; }
.mediadesc { display: table-cell; width: 100%;}
.mediatd { width: 0px; }
.mediadiv { display: block; width: 100%;}
.logodivtop, .logodivtopmu, .logodivtopmusel, .logodivtoptm, .logodivtoptmsel, .logodivtopsa, .logodivtopsasel, .logodivtoplk, .logodivtoplksel, .logodivtopgl, .logodivtopglsel, .logodivtopsw, .logodivtopswsel, .logodivtopss, .logodivtopsssel, .logodivtopdd, .logodivtopddsel, .logodivtopsm, .logodivtopfifty, .logodivtopfiftysel { height: 45px; }
.topline { padding: 0px 0px 45px 0px; }
.showlogotop { height: 160%; }
.logodivtopsm {display: flex;}
.sitelogo { display: block; }
.sitelogosmall { display: none; }
.menuline { display: none;}
.headerlogo { background: rgba(255,80,80,0);}
.topline { display: block; }
.pcprogid { display: block; }
.pctitle { width: 250px; }
.wwwchan {display: inline; }
.wwwflex { width: 490px; width: 600px; float: left; margin-right: 4px; }
.mediaheight2 {height: 342px; }
.cardmobile { display: none; }
.carddesktop { display: block; }
body { font-size: 1em; }
.mmediasize { display: inline; }
.archivemobile { display: none; }
.archivedesktop { display: block; }
.archivepicture, .archivepicture2 { width: 200px; }
.footerleft { display: block; }
.footer { font-size: .9em; }
.timelineyear { width: 600px; display: block;}
.timelineimage { width: 170px; height: 145px; }
.tlpic { width: 170px; }
.timelinefooter { height: 75px; width: 170px; }
.timelinenarrative { width: 570px; height: 225px; }
.timelinedesktop { display: block; }
.timelinemobile { display: none; }
.datasheetshow { font-size: 2em; }
.datasheetyears { font-size: 1.5em; margin-top: 14px;}
.scriptdesktop { display: block; }
.scriptmobile { display: none; }
.scriptpage { width: 450px; }
.scripttitle { font-size: 2em; }
.blurbdeskonly { display: block; }
.halflist { width: 500px; }
.imageleft { width: unset; margin-right: 20px;}
.imageright { width: unset; margin-left: 20px;}
.mobhide { display: unset; }
.summerleft { width: 60%; float: left; margin-right: 10px; }
.summerright { width: 38%; float: left; }
.magimage { width: unset; }
.tmipic { float: left; width: 30%; margin-right: 20px; }
.tmipicm { float: left; margin-right: 20px; }
.ifader { display: block; }
.ifloateranchor {margin: 60px auto; }
.desktopcardwmark:hover { background: rgba(255,255,255,.5); transition: .25s; }
.magimage2 { width: 150px; }
.bodyright { xpadding-right: 10%;}

}

@media only screen and (min-width: 898px){
html { background: #F2F6FF; background-image: url('/_images/background2.png'); background-repeat: repeat-x; background-attachment: fixed}
.logodiv { width: 12%; height: 70px; }
.logospacer, .logospacerbreak { width: .57%; }
}

@media only screen and (min-width: 950px){
.desktopcardl { width: 450px; }
.carddesktopp { width: 45px; }
.carddesktopl { width: 94px; }
.carddesktopdiv { width: 295px; }
.desktopcardthumb { height: 120px;}
.desktopcardwmark { height: 120px; }
.cardcaption { font-size: 1em; }
.ytmediascript { display: block; }
}

@media only screen and (min-width: 1000px){
.logodivtop, .logodivtopmu, .logodivtopmusel, .logodivtoptm, .logodivtoptmsel, .logodivtopsa, .logodivtopsasel, .logodivtoplk, .logodivtoplksel, .logodivtopgl, .logodivtopglsel, .logodivtopsw, .logodivtopswsel, .logodivtopss, .logodivtopsssel, .logodivtopdd, .logodivtopddsel, .logodivtopsm, .logodivtopfifty, .logodivtopfiftysel { height: 65px; }
.topline { padding: 0px 0px 65px 0px; }
.showlogotop { height: 150%; }
.menublock, .menublockselected, .menublockbody, .menublockimg { width: 80px; }
.menublockdiv { width: 80px; height: 46px; height: 40px}
.menublockcontainer { height: 40px; }
.menutext { left: 80px; height: 30px; padding-top: 12px;}
.mediaheight { height: 220px; }
.onthisday { font-size: 1em;}
.homeotdlogodiv { height: 40px; }
.homeotdlogo { height: 40px; }
.homeotdyear { font-size: 1.5em;}
.homeright { width: 100px;}
.archivepicture, .archivepicture2 { width: 200px; }
.archivenarrative { padding: 10px; }
.menusel, .menuselY { left: 80px; left: 82px; top: -2px; height: 44px; }
.menusel, .menuselY { left: 80px; left: 82px; top: -2px; height: 64px; }
.footer { font-size: 1em; }
.timelineyear { width: 705px; }
.timelineimage { width: 200px; height: 170px; }
.tlpic { width: 200px; }
.timelinefooter { height: 50px; width: 200px; }
.timelinenarrative { width: 790px; height: 185px; }
.timelineline { display: block; }
.timelineselect { display: none; }
.scriptpage { width: 500px; }
.lkscriptpage { width: 440px; }
.showblurb { width: 42%; margin-right: 20px; margin-bottom: 0px;}
.showmenubody { width: 50%; }
.menublockbody, .menutextbody { background: rgba(140,192,192,1); }
.homepanel { width: 48%; margin-right: 2%; float: left; }
.blurbtitle, .listtitle, .subheader { font-size: 1.35em; }
.medianame { font-size: 2em; line-height: 1em}
.ytmedia { width: 390px; height: 220px; }
.datasheetleft { float: left; width: 430px; }
.datasheetright { width: 430px;}
.menublockname {font-size: .75em; }
}

@media only screen and (min-width: 1050px){
.desktopcardl { width: 450px; }
.desktopcardp { height: 500px; }
.carddesktopp { width: 60px; }
.carddesktopl { width: 124px; }
.carddesktopdiv { width: 384px; }
.desktopcardthumb { height: 150px;}
.desktopcardwmark { height: 150px; }
}

@media only screen and (min-width: 1200px){
.sitebody, .footer, .siteheader, .menuline, .headerlogo { margin-left: auto;margin-right: auto;width: 1200px;}
.xfloateranchor { width: 1000px; }
.logodiv { width: 12%; height: 100px; }
.logospacer, .logospacerbreak { width: .57%; }
}

.monheadpage, .monheadaddit, .monheadcount, .monheadmedia {
background: rgba(255,80,80,1);
color: white;
padding: 4px;
float: left;
width: 150px;
}

.monheadcount {
text-align: right;
width: 50px;
}

.monline {
clear: both;
}

.monpage, .monaddit, .monmedia {
float: left;
width: 150px;
padding: 4px;
background: whitesmoke;
border-bottom: 1px solid gainsboro;
}

.moncount {
float: left;
width: 50px;
text-align: right;
padding: 4px;
background: whitesmoke;
border-bottom: 1px solid gainsboro;
}

.monheadmedia, .monmedia {
width: 250px;
}


.admininput {
font-family: ubuntu;
font-size: 1em;
}

.admintextarea {
font-size: 1.25em;
line-height: 1.25em;

}