@import url(https://fonts.googleapis.com/css?family=Russo+One|Roboto|Roboto+Condensed|Prosto+One);
BODY, * { font-family: Roboto, Arial, Sans-Serif; font-size: 10pt; }
H1 { font-family: 'Prosto One', Arial, Sans-Serif; font-size: 18pt; color: #5474C0; }
H2 { font-family: 'Prosto One', Arial, Sans-Serif; font-size: 16pt; }
H3 { font-family: 'Prosto One', Arial, Sans-Serif; font-size: 14pt; }
.content P,.content  LI { font-family: Roboto, Arial, Sans-Serif; font-size: 12pt; color: #000000; line-height: 150%; text-align: left }
.content A { font-family: Roboto, Arial, Sans-Serif; color: #5474C0; }


BODY, * {
  font-family: Roboto, Arial, Sans-Serif; font-size: 12pt;
}

div.mainview {
   min-height: 100vh; background-attachment: fixed;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.5)), to(rgba(100,100,100,.5)));
   background-image: -webkit-linear-gradient(top, from(rgba(0,0,0,.5)), to(rgba(100,100,100,.5)));
   background-image: -moz-linear-gradient(top, from(rgba(0,0,0,.5)), to(rgba(100,100,100,.5)));
   background-image: -ms-linear-gradient(top, from(rgba(0,0,0,.5)), to(rgba(100,100,100,.5)));
   background-image: -o-linear-gradient(top, from(rgba(0,0,0,.5)), to(rgba(100,100,100,.5)));
}

#subnav {
   background-color: rgba(0,0,0,.6); border-bottom: 1px solid #000000;
}


#nav {
   background-color: rgba(0,0,0,.5);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(100,100,100,.1)), to(rgba(0,0,0,.1)));
   background-image: -webkit-linear-gradient(top, from(rgba(100,100,100,.1)), to(rgba(0,0,0,.1)));
   background-image: -moz-linear-gradient(top, from(rgba(100,100,100,.1)), to(rgba(0,0,0,.1)));
   background-image: -ms-linear-gradient(top, from(rgba(100,100,100,.1)), to(rgba(0,0,0,.1)));
   background-image: -o-linear-gradient(top, from(rgba(100,100,100,.1)), to(rgba(0,0,0,.1)));
}

#bar {

		font-family: "Arial Black", Geneva, Futura;
		font-size: 9pt;
		color: #CCCCCC;
        padding: 10px;
        border: 1px solid #000000;
  box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
  -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
  -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
   background-color: rgba(0,0,0,.5);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(100,100,100,.5)), to(rgba(0,0,0,.5)));
   background-image: -webkit-linear-gradient(top, from(rgba(100,100,100,.5)), to(rgba(0,0,0,.5)));
   background-image: -moz-linear-gradient(top, from(rgba(100,100,100,.5)), to(rgba(0,0,0,.5)));
   background-image: -ms-linear-gradient(top, from(rgba(100,100,100,.5)), to(rgba(0,0,0,.5)));
   background-image: -o-linear-gradient(top, from(rgba(100,100,100,.5)), to(rgba(0,0,0,.5)));
}

 div#webremote{
   border-top: 1px solid rgba(255,255,255,.8);
   border-bottom: 1px solid rgba(0,0,0,.9);
   background-color: rgba(0,0,0,.5);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(150,150,150,.5)), to(rgba(0,0,0,.5)));
   background-image: -webkit-linear-gradient(top, from(rgba(150,150,150,.5)), to(rgba(0,0,0,.5)));
   background-image: -moz-linear-gradient(top, from(rgba(150,150,150,.5)), to(rgba(0,0,0,.5)));
   background-image: -ms-linear-gradient(top, from(rgba(150,150,150,.5)), to(rgba(0,0,0,.5)));
   background-image: -o-linear-gradient(top, from(rgba(150,150,150,.5)), to(rgba(0,0,0,.5)));

   width: 100%;
   margin: 0px; padding: 0px;
}
TABLE#none, TABLE#none ,TABLE#none TR TD, {
  background-color: transparent;
  background-image: none;
}
    .subhead	{
		font-family: "Arial Black", Geneva, Futura;
		font-size: 8pt;
		color: #CCCCCC;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.fieldhead	{
		font-family: "Arial Black", Geneva, Futura;
		font-size: 10pt;
		color: #AAAAAA;
		margin-top: 2px;
		margin-bottom: 2px;
		margin-right: 5px;
		margin-left: 10px;
	}
	.fielddata	{
		font-family: "Arial Black", Geneva, Futura;
		font-size: 8pt;
		color: #888888;
		margin-top: 2px;
		margin-bottom: 2px;
		margin-right: 5px;
		margin-left: 10px;
	}

@media print { header { display: none; } DIV.print { display: block; } }
@media screen { header { display: block; } DIV.print { display: none; } }

@media screen and (max-width: 598px) {
  div.mainview { min-height: 100vh; }
  td.logincell { height: 100px; }
  div#navbox.left { text-align: center; }
  div#navbox.center { text-align: center; }
  div#navbox.right { text-align: center; }
  div.c1 { width: 50%; margin: 0px; display: inline-block; padding: 0px; }
  div.c2 { width: 50%; margin: 0px; display: inline-block; padding: 0px; }
  div.c3 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
  div.c4 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
  div.c5 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
  div.c6 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
  div.c7 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
  div.c8 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
  div.c9 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
  div.c10 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
}
@media screen and (min-width: 598px) {
  div.mainview { min-height: 100vh; }
  td.logincell { height: 100px; }
  div#navbox.left { text-align: left; }
  div#navbox.center { text-align: center; }
  div#navbox.right { text-align: right; }
  div.c1 { width: 20%; margin: 0px; display: inline-block; padding: 0px; }
  div.c2 { width: 40%; margin: 0px; display: inline-block; padding: 0px; }
  div.c3 { width: 60%; margin: 0px; display: inline-block; padding: 0px; }
  div.c4 { width: 80%; margin: 0px; display: inline-block; padding: 0px; }
  div.c5 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
  div.c6 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
  div.c7 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
  div.c8 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
  div.c9 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
  div.c10 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
}
@media screen and (min-width: 1200px) {
  div.mainview { min-height: 85vh; }
  td.logincell { height: 150px; }
  div#navbox.left { text-align: left; }
  div#navbox.center { text-align: center; }
  div#navbox.right { text-align: right; }
  div.c1 { width: 10%; margin: 0px; display: inline-block; padding: 0px; }
  div.c2 { width: 20%; margin: 0px; display: inline-block; padding: 0px; }
  div.c3 { width: 30%; margin: 0px; display: inline-block; padding: 0px; }
  div.c4 { width: 40%; margin: 0px; display: inline-block; padding: 0px; }
  div.c5 { width: 50%; margin: 0px; display: inline-block; padding: 0px; }
  div.c6 { width: 60%; margin: 0px; display: inline-block; padding: 0px; }
  div.c7 { width: 70%; margin: 0px; display: inline-block; padding: 0px; }
  div.c8 { width: 80%; margin: 0px; display: inline-block; padding: 0px; }
  div.c9 { width: 90%; margin: 0px; display: inline-block; padding: 0px; }
  div.c10 { width: 100%; margin: 0px; display: inline-block; padding: 0px; }
}
.padding5 { padding: 5px; } .padding10 { padding: 10px; } .padding20 { padding: 20px; } .padding40 { padding: 40px; }
.center { text-align: center; } .justify { text-align: justify; } .left { text-align: left; } .right { text-align: right; }
B { font-weight: 700; color: #000; }
BODY { background-color: #FFFFFF; padding: 0px; margin: 0px; font-family: Lora, Serif; font-size: 1em; color: #222;  }

/* HEADER BAR */
ul.magnav { width: 100%; background-color: #222222; padding: 0px; margin: 0px; list-style: none; }
ul.magnav LI { display: inline-block; margin: 0px; }
ul.magnav LI A { line-height: 40px; padding: 10px 20px; }
ul.magnav LI.link A { font-family: Cinzel, Serif; font-size: 1em; text-decoration: none; color: #FFF; padding: 10px 20px; }
ul.magnav LI.link { border-bottom: 3px solid #222222;  line-height: 40px; }
ul.magnav LI.link:hover { background-color: rgba(255,255,255,0.1); border-bottom: 3px solid #229944; }

@media screen and (max-width: 1200px) {
  DIV#header {
    background-color: rgba(50,50,50, 0.2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#000000));
    background-image: -webkit-linear-gradient(top, #222222, #000000);
    background-image: -moz-linear-gradient(top, #222222, #000000);
    background-image: -ms-linear-gradient(top, #222222, #000000);
    background-image: -o-linear-gradient(top, #222222, #000000); 
    width: 100%; height: 30px;
  }
  DIV#m {
     width: auto;  float: left; display: inline-block;
  }
  DIV#p {
    display: none; 
  }
  DIV#sites {
    display: none;
  }

  DIV#menu DIV#submenu {
    visibility:hidden;
    position: absolute;
  }
  DIV#menu UL {
   list-style: none; padding: 0px; margin: 0px;
  }
  
  DIV#menu A {
    font-size: 75%; color: #FFFFFF; text-decoration: none; font-family: "Open Sans", Arial, Sans-Serif; font-weight: bold;
  }
  DIV#menu A:hover {
    font-size: 75%; color: #66FF66; text-decoration: none; font-family: "Open Sans", Arial, Sans-Serif; font-weight: bold;
  }
  DIV#menu DIV#submenu UL #item UL LI A {
    font-size: 65%; color: #FFFFFF; text-decoration: none; font-family: "Open Sans", Arial, Sans-Serif; font-weight: normal;
  }
  DIV#menu DIV#submenu UL #item UL LI A:hover {
    font-size: 65%; color: #66FF66; text-decoration: none; font-family: "Open Sans", Arial, Sans-Serif; font-weight: normal;
  }


  DIV#menu DIV#submenu, DIV#menu DIV#submenu:hover {
    float:left;
    position:absolute;
    visibility:visible;
    z-index: 100;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #444444;
    background-color: #000000;
    text-align: left;
    margin-top: -5px;
    padding: 10px;
  }
  
  DIV#menu  DIV#submenu UL LI#item UL, 
  DIV#menu DIV#submenu:hover UL LI#item UL {
    display: none; 
  }
  DIV#menu:hover DIV#submenu UL LI#item:hover UL, 
  DIV#menu DIV#submenu:hover UL LI#item UL:hover {
    display: block;
    margin: 0px;
    width: 100%;
  }
  
  
  DIV#menu DIV#submenu UL LI {
    width: 100%;
    height: auto;
    border-top: 1px solid #444444;
    background-color: #000000;
    text-align: left;
    padding: 5px;
  } 
  DIV#menu DIV#submenu UL LI#item {
    width: 100%;
    height: auto;
    text-align: left;
    padding: 5px;
  }
  DIV#menu DIV#submenu UL LI#item UL LI {
    width: 100%;
    height: auto;
    text-align: left;
    padding: 2px 10px 2px 15px;
  }
  
}


@media screen and (min-width: 598px) { /* SHOW 4 NAV ITEMS */
  DIV#print { display: none; }
  DIV#header {
    background: url(/images/gui/header-bg.png) repeat-x; height: auto; width: 100%;
  }
  DIV#m {
    display: none; 
  }
  DIV#p {
    width: 100%; 
  }
  a#p5 { display: none; }
  a#p4 { display: none; }
  a#p3 { display: none; }
  a#p2 { display: none; }
  a#p1 { width: auto; display: inline-block; }
}

@media screen and (min-width: 742px) { /* SHOW 4 NAV ITEMS */
  DIV#print { display: none; }
  DIV#header {
    background: url(/images/gui/header-bg.png) repeat-x; height: auto; width: 100%;
  }
  DIV#m {
    display: none; 
  }
  DIV#p {
    width: 100%; 
  }
  a#p5 { display: none; }
  a#p4 { display: none; }
  a#p3 { display: none; }
  a#p2 { width: auto; display: inline-block; }
  a#p1 { width: auto; display: inline-block; }
  li#i8 { display: none; }
  li#i9 { display: none; }
  li#i10 { display: none; }
}

@media screen and (min-width: 886px) { /* SHOW 6 NAV ITEMS */
  DIV#print { display: none; }
  DIV#header {
    background: url(/images/gui/header-bg.png) repeat-x; height: auto; width: 100%;
  }
  DIV#m {
    display: none; 
  }
  DIV#p {
    width: 100%;
  }
  a#p5 { display: none; } /* 8-10 */
  a#p4 { display: none; } /* 8-10 */
  a#p3 { width: auto; display: inline-block; } /* 6-8 */
  a#p2 { width: auto; display: inline-block; } /* 4-6 */
  a#p1 { width: auto; display: inline-block; } /* 1-4 */
  li#i9 { display: none; }
  li#i10 { display: none; }
}

@media screen and (min-width: 1040px) {
  DIV#print { display: none; }
  DIV#header {
    background: url(/images/gui/header-bg.png) repeat-x; height: auto; width: 100%;
  }
  DIV#m {
    display: none; 
  }
  DIV#p {
    width: 100%; 
  }
  a#p5 { display: none; } /* 8-10 */
  a#p4 { width: auto; display: inline-block; }
  a#p3 { width: auto; display: inline-block; }
  a#p2 { width: auto; display: inline-block; }
  a#p1 { width: auto; display: inline-block; }
  
  UL#searchbar li#i10 { display: none; }

}

@media screen and (min-width: 1200px) {
  DIV#print { display: none; }
  DIV#header {
    background: url(/images/gui/header-bg.png) repeat-x; height: auto; width: 100%;
  }
  DIV#m {
    display: none; 
  }
  DIV#p {
    width: 100%; 
  }
  a#p5 { width: auto; display: inline-block; }
  a#p4 { width: auto; display: inline-block; }
  a#p3 { width: auto; display: inline-block; }
  a#p2 { width: auto; display: inline-block; }
  a#p1 { width: auto; display: inline-block; }
}

@media screen and (max-width: 598px)  { 
  DIV#news { width: 100%; height: auto; float: left;  display: inline-block; }
  DIV#news.i5 { display: inline-block; }
  DIV#news.i4 { display: inline-block; }
}
@media screen and (min-width: 598px)  {
  DIV#news { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  DIV#news.i5 { display: none; }
  DIV#news.i4 { display: inline-block; }
}
@media screen and (min-width: 742px)  {
  DIV#news { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  DIV#news.i5 { display: none; }
  DIV#news.i4 { display: inline-block; }
}
@media screen and (min-width: 980px)  {
  DIV#news { width: calc(100%/3); height: auto; float: left;  display: inline-block; }
  DIV#news.i5 { display: none; }
  DIV#news.i4 { display: none; }
}
@media screen and (min-width: 1230px) {
  DIV#news { width: calc(100%/4); height: auto; float: left;  display: inline-block; }
  DIV#news.i5 { display: none; }
  DIV#news.i4 { display: inline-block; }
}
@media screen and (min-width: 1800px) {
  DIV#news { width: calc(100%/5); height: auto; float: left;  display: inline-block; }
  DIV#news.i5 { display: inline-block; }
  DIV#news.i4 { display: inline-block; }
}
@media screen and (min-width: 2200px) {
  DIV#news { width: calc(100%/6); height: auto; float: left;  display: inline-block; }
}

@media screen and (max-width: 598px) {

  TABLE#content IMG {
    width: 100%; margin: 10px 0px;
  }
  
}


DIV#maincontent {
  max-width: 1200px; margin: 10px auto;
  width: 100%;
  padding: 0px;
  z-index: 0;
  clear: both;
  display: block;
}

@media screen and (max-width: 598px) {
  DIV#contentarea { padding: 0px; margin: 0px; float: left; width: 100%; background-color: #FFFFFF; }
  DIV#sidebar     { padding: 0px; margin: 0px; float: left; width: 100%; background-color: #FFFFFF; }
}
@media screen and (min-width: 598px) {
  DIV#contentarea { padding: 0px 10px 0px 20px ; margin: 0px; float: left; width: 80%; background-color: #FFFFFF; }
  DIV#sidebar     { padding: 0px 20px 0px 10px; margin: 0px; float: left; width: 20%; background-color: #FFFFFF; }
}

DIV#cbox {
  margin: 10px;
}


DIV#box {
  margin: 5px;
min-height: 225px;
overflow:hidden;
}

DIV#navbox {
  margin: 5px;
overflow:hidden;
 font-size: 10pt; color: #FFFFFF; font-family: 'Prosto One', Arial, Sans-Serif;
}
DIV#news DIV#box  DIV#image{
  width: 100%; height: 141px;
  background-repeat: no-repeat; background-size: cover; background-position: center;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}



DIV#news DIV#box  DIV#content {
  padding: 20px;
  min-height: 85px;
}


DIV#news DIV#box  DIV#content A#headline {
  font-family: Roboto, sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
}
DIV#news DIV#box  DIV#content A#headline {
  font-family: Roboto, sans-serif;
  color: #444444;
  font-weight: bold;
  font-size: 12pt;
  text-decoration: none;
}
DIV#news DIV#box  DIV#content DIV#description {
  font-family: Roboto, sans-serif;
  color: #888888;
  font-weight: normal;
  font-size: 10pt;
  text-decoration: none;
}

DIV#news DIV#box  DIV#content DIV#schedule {
  font-family: Roboto, sans-serif;
  color: #888888;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  margin-bottom: 10px;
}

DIV#news DIV#box  DIV#byline, DIV#feature DIV#box  DIV#byline, DIV#article DIV#box  DIV#byline {
  font-family: Roboto, sans-serif;
  color: #888888;
  font-size: 7pt;
  width: auto; float: left;
  margin: 0px;
  padding: 5px 0px 5px 10px;
  margin: 0px;
  height: 16px;
  display: inline-block;
}
DIV#news DIV#box  DIV#dateline, DIV#feature DIV#box  DIV#dateline, DIV#article DIV#box  DIV#dateline {
  font-family: Roboto, sans-serif;
  color: #888888;
  font-size: 7pt;
  width: auto; float: right;
  margin: 0px;
  padding: 5px 10px 5px 0px;
  margin: 0px;
  height: 16px;
  display: inline-block;
  float: right;
  text-align: right;
}

DIV#feature {
  width: 100%;
  height: auto;
  float: left; 
  display: inline-block;
  
}

DIV#feature DIV#box {
  margin: 0px 5px 5px 5px;
  background-color: #F6F6F6;
}



DIV#feature  DIV#box DIV#image{
  width: 100%; height: 450px;
  background-repeat: no-repeat; background-size: cover; background-position: center;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}


DIV#feature  DIV#box DIV#content {
  min-height: 20px;
  margin: 10px;
}

DIV#feature  DIV#box DIV#content A#headline {
  font-family: Roboto, sans-serif;
  color: #444444;
  font-weight: bold;
  font-size: 16pt;
  text-decoration: none;
}

@media screen and (max-width: 598px) { DIV#article { width: 100%; float: left; display: inline-block; } }
@media screen and (min-width: 598px) { DIV#article { width: 50%; float: left; display: inline-block; } }
@media screen and (min-width: 886px) {
  DIV#article {
    width: calc(100% / 3);
    float: left; 
    height: auto;
    display: inline-block;
  }
}

DIV#article DIV#box {
  margin: 5px;
  background-color: #F6F6F6;
}

DIV#article DIV#box DIV#image{
  width: 100%; height: 141px;
  background-repeat: no-repeat; background-size: cover; background-position: center;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

DIV#article DIV#box DIV#content {
  height: 40px;
  margin: 10px;
}

DIV#article DIV#box DIV#content A#headline {
  font-family: Roboto, sans-serif;
  color: #444444;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: none;
}



DIV#content:after {
  content: '';
  display: block;
  clear: both;
}

.loading-bar {
    clear: both;
	padding: 10px 20px;
	display: hidden;
	text-align: center;
	margin: 20px 0;
	font-size: 2em;
	font-family:  Roboto, sans-serif;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}

.loading-bar:hover {
	box-shadow: inset 0px 45px 30px -40px rgba(0, 0, 0, 0.05);
}



DIV#subnavigation {
  font-family:  Roboto, sans-serif;
  font-size: 10pt;
  background-color: #DDDDDD;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
padding: 5px 10px;
}



@media screen and (max-width: 598px) {  
  TABLE#content { width: 100%; } 
  TABLE#content TD.default { display: none; }
  TABLE#content TD.mobile { visibility: visible; }
  TABLE#content TR TD#body P, TABLE#content TR TD#body LI  { font-size: 70%; line-height: 150%; }
}
@media screen and (min-width: 598px) {  
  TABLE#content { width: 100%; } 
  TABLE#content TD.default { visibility: visible; min-width: 150px; }
  TABLE#content TD.mobile { display: none;  }
  TABLE#content TR TD#body P { font-size: 100%; line-height: 150%; }

}
@media screen and (min-width: 1200px) { 
  TABLE#content { width: 1200px; } 
  TABLE#content TD.default { visibility: visible; min-width: 150px; }
  TABLE#content TD.mobile { display: none;  }
  TABLE#content TR TD#body P { font-size: 100%; line-height: 150%; }
}


TABLE#content TR TD#body {
  padding: 10px 30px 10px 30px;
  background-color: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
 DIV#subnavigation {
  margin-bottom: 20px;
}

 DIV#subnavigation UL {
 list-style: none;
 margin: 0px 0px 20px 0px; padding: 0px;
}

 DIV#subnavigation H3 {
   margin-top: 0px;
 }

 DIV#subnavigation UL LI {
  font-size: 8pt;
 padding: 2px 10px;
 border-bottom: 1px solid #CCCCCC;
}
 DIV#subnavigation UL UL LI {
  font-size: 8pt;
 padding: 2px 20px;
 border-bottom: 1px solid #CCCCCC;
}
DIV#subnavigation UL UL LI:hover {
  
 background-color: rgba(255,255,255,0.2);
 padding: 2px 20px;
 border-bottom: 1px solid #CCCCCC;
}

 DIV#subnavigation UL LI:hover {
  
 background-color: rgba(255,255,255,0.2);
 padding: 2px 10px;
 border-bottom: 1px solid #CCCCCC;
}
 DIV#subnavigation UL LI A {
  font-family:  Roboto, sans-serif;
  font-size: 8pt;
  color: #000000;
  text-decoration: none;
}
 DIV#subnavigation UL LI:hover A {
  font-family:  Roboto, sans-serif;
  font-size: 8pt;
  color: #009900;
  text-decoration: none;
}

DIV#subnavigation UL LI:last-child, 
DIV#subnavigation UL UL LI:last-child, 
TABLE#content TR TD#subnavigation UL UL LI:last-child:hover, 
TABLE#content TR TD#subnavigation UL LI:last-child:hover 
{ border-bottom: none; }

DIV#subnavigation UL LI#s {
 padding: 2px 10px;
 border-bottom: 1px solid #CCCCCC;
 background-color: rgba(255,255,255,0.5);
}
DIV#subnavigation UL LI#s::before {
      content: "\203A  ";
        color: #000000;
  font-family: Roboto, sans-serif;
  font-weight: bold;
    
}
DIV#subnavigation UL LI#s A {
      font-family: Roboto, sans-serif;
        font-size: 8pt;
      font-weight: bold;
            color: #009900;
  text-decoration: none;
 }
@media screen and (max-width: 598px) {  
  TABLE#content TR TD#body {
    width: 100%;
  }
}

UL#timeline {
  margin: 10px 0px; padding: 0px; list-style: none
}
UL#timeline LI {
    margin-bottom: 10px;
    padding: 0px 0px 0px 125px;
}
UL#timeline LI SPAN {
  color: #AAAAAA;
  font-size: 75%;
  display: inline-block;
  width: 100px;
  text-align: right;
  border-right: 1px solid #AAAAAA;
  padding-right: 10px;
  margin-right: 10px;
  margin-left: -120px;
}

A#button, TABLE#fancy TR TD A#button {
   border: 1px outset rgba(255,255,255, 0.2);
   background-color: #000000;
   background: -webkit-gradient(linear, left top, left 25, from(#111111), color-stop(25%, #222222), to(#000000));
   background: -moz-linear-gradient(top, #111111, #222222 2px, #000000 25px);
   background-image: -webkit-linear-gradient(top, #222222, #000000);
   background-image: -ms-linear-gradient(top, #222222, #000000);
   background-image: -o-linear-gradient(top, #222222, #000000);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}
A#button:hover, TABLE#fancy TR TD A#button:hover {
   border: 1px outset rgba(150,200,150, 0.2);
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#002200), color-stop(25%, #113311), to(#001100));
   background: -moz-linear-gradient(top, #002200, #113311 2px, #001100 25px);
   background-image: -webkit-linear-gradient(top, #002200, #001100);
   background-image: -ms-linear-gradient(top, #002200, #001100);
   background-image: -o-linear-gradient(top, #002200, #001100);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 7pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}


A#onbutton, TABLE#fancy TR TD A#onbutton {
   border: 1px outset rgba(255,255,255, 0.2);
   background-color: #006600;
   background: -webkit-gradient(linear, left top, left 25, from(#44AA22), color-stop(25%, #44CC00), to(#006600));
   background: -moz-linear-gradient(top, #44AA22, #44CC00 2px, #006600 25px);
   background-image: -webkit-linear-gradient(top, #44AA22, #006600);
   background-image: -ms-linear-gradient(top, #44AA22, #006600);
   background-image: -o-linear-gradient(top, #44AA22, #006600);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}
A#onbutton:hover, TABLE#fancy TR TD A#onbutton:hover {
   border: 1px outset rgba(150,200,150, 0.2);
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#55BB33), color-stop(25%, #55DD11), to(#007700));
   background: -moz-linear-gradient(top, #55BB33, #55DD11 2px, #007700 25px);
   background-image: -webkit-linear-gradient(top, #55BB33, #007700);
   background-image: -ms-linear-gradient(top, #55BB33, #007700);
   background-image: -o-linear-gradient(top, #55BB33, #007700);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 7pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}

A#offbutton, TABLE#fancy TR TD A#offbutton {
   border: 1px outset rgba(255,255,255, 0.2);
   background-color: #006600;
   background: -webkit-gradient(linear, left top, left 25, from(#DF1114), color-stop(25%, #EF2E32), to(#660000));
   background: -moz-linear-gradient(top, #DF1114, #EF2E32 2px, #660000 25px);
   background-image: -webkit-linear-gradient(top, #DF1114, #660000);
   background-image: -ms-linear-gradient(top, #DF1114, #660000);
   background-image: -o-linear-gradient(top, #DF1114, #660000);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}
A#offbutton:hover, TABLE#fancy TR TD A#offbutton:hover {
   border: 1px outset rgba(150,200,150, 0.2);
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#BE0E11), color-stop(25%, #DA1014), to(#770000));
   background: -moz-linear-gradient(top, #BE0E11, #DA1014 2px, #770000 25px);
   background-image: -webkit-linear-gradient(top, #BE0E11, #770000);
   background-image: -ms-linear-gradient(top, #BE0E11, #770000);
   background-image: -o-linear-gradient(top, #BE0E11, #770000);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 7pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}


UL#magazine {
  margin: 0;
  padding: 0;
  list-style-type: none;
  left:auto;
  text-align: center;
}

UL#magazine LI {
  margin: 10px 5px; padding: 0px;
  list-style-type: none;
  float: left;
  position: relative;
  display: inline;
}
UL#magazine LI IMG{
  border: 1px solid rgba(0,0,0,.5);
  margin: 5px;
}

P#byline {
  font-size: 75%;
  color: #888888;
  padding-left: 5px;
  margin-top: 5px; padding-top: 0px;
}
P#byline A {
  color: #888888;
  text-decoration: none;
}

DIV#divide {
  border-top: 1px solid #CCCCCC;
  margin-top: 20px; padding-top: 20px;
}

UL#cookie{ margin: 0px; padding: 0px; }
UL#cookie LI         {
                        font-family: Roboto, sans-serif;
                        font-size: 8pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 0px 5px 0px 0px;
                        color: #AAAAAA;
                     }
UL#cookie LI A       { color: #888888; text-decoration: none; font-weight: normal; }
UL#cookie LI A:hover { color: #44AA22; text-decoration: underline; font-weight: normal; }

UL#cookie LI#s A {
      font-family: Roboto, sans-serif;
        font-size: 8pt;
      font-weight: bold;
            color: #009900;
  text-decoration: none;
 }
 
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 10px; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* FORM SETTINGS */

INPUT, SELECT {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    font-family: Roboto, sans-serif; font-weight: bold; font-size: 10pt; 
    margin: 10px 0px;  padding: 10px; border: 1px solid #CCCCCC;
    
       -moz-border-radius: 2px;
       border-radius: 2px;
    }

INPUT:focus, SELECT:focus {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    font-family: Roboto, sans-serif; 
    font-weight: bold; 
    font-size: 10pt; 
    margin: 10px 0px; 
    padding: 10px 10px 10px 5px; 
    border: 1px solid #CCCCCC;
    border-left: 5px solid #009900; 
       -moz-border-radius: 2px;
       border-radius: 2px;
    }
INPUT#button {
  background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#111111));
     background-image: -webkit-linear-gradient(top, #222222, #111111);
     background-image: -moz-linear-gradient(top, #222222, #111111);
     background-image: -ms-linear-gradient(top, #222222, #111111);
     background-image: -o-linear-gradient(top, #222222, #111111);
    font-family: Roboto, sans-serif; 
    font-weight: bold; 
    font-size: 10pt; 
    color: #FFFFFF;
    margin: 10px 0px; 
}

/* FOOTER SETTINGS */
DIV#footer {
     background-color: #111111;
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#111111));
     background-image: -webkit-linear-gradient(top, #222222, #111111);
     background-image: -moz-linear-gradient(top, #222222, #111111);
     background-image: -ms-linear-gradient(top, #222222, #111111);
     background-image: -o-linear-gradient(top, #222222, #111111);
     min-height: 250px;
     color: #AAAAAA;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-top: 20px;
}
DIV#footer DIV#footmenu {
  padding: 0px;
       max-width: 1200px;
       margin: 0px auto;
}

DIV#footer DIV#footmenu DIV#disclaimer {
  clear: both;
  display: block;
  text-align: center;
  font-size: 8pt;
  color: #888888;
  line-height: 125%;
  padding-top: 10px;
}
DIV#footer DIV#footmenu DIV#footdesc {
  float: left;
  display: inline-block;
  text-align: left;
  font-size: 9pt;
  color: #AAAAAA;
  line-height: 125%;
  margin-left: 20px;
}
DIV#footer DIV#footmenu DIV#footdesc B { font-family: Caudex, serif; font-weight: bold; font-size: 12pt; color: #FFFFFF;
  line-height: 125%; }

DIV#footer DIV#footmenu DIV#footdesc A {
 color: #FFFFFF; text-decoration: none; font-size: 9pt;
}

  
DIV#footer DIV#footmenu DIV#footitem {
  text-align: left;
  float: left;
  display: inline-block;
  margin-left: 10px;
  border-left: 1px solid #444444;
  padding-left: 10px;
  min-height: 200px;
}
DIV#footer DIV#footmenu DIV#footitem A {
 color: #FFFFFF; text-decoration: none; font-family: Caudex, serif; font-weight: bold; font-size: 12pt;
}
DIV#footer DIV#footmenu DIV#footitem UL {
   list-style: none; padding: 0px; margin: 0px 0px 0px 5px;
}
DIV#footer DIV#footmenu DIV#footitem UL LI {
    padding: 0px; margin: 0px; line-height: 9pt; margin-bottom: 5px;
}
DIV#footer DIV#footmenu DIV#footitem UL LI A {
    font-family: Roboto, sans-serif; 
    font-weight: normal; 
    font-size: 9pt; 
    color: #888888;
}
DIV#footer DIV#footmenu DIV#footitem UL LI A:hover { color: #FFFFFF;}

@media screen and (max-width: 598px) { 
    DIV#footer DIV#footmenu DIV#footdesc { width: 100%; border: none; margin: 10px; min-height: 50px; height: auto; }
    DIV#footer DIV#footmenu DIV#footitem { width: 100%; border: none; margin: 10px; min-height: 50px; height: auto; }
}
@media screen and (min-width: 598px) { 
    DIV#footer DIV#footmenu DIV#footdesc { width: 20%; }
    DIV#footer DIV#footmenu DIV#footitem { width: 13%; }
}
@media screen and (min-width: 886px) {
    DIV#footer DIV#footmenu DIV#footdesc { width: 20%; }
    DIV#footer DIV#footmenu DIV#footitem { width: 13%; }
}
DIV#tab-news     { border-bottom: 2px solid  #9C9C9C;  background-color: rgba(0,0,0,.7); }
DIV#tab-reviews  { border-bottom: 2px solid #BD0000; background-color: rgba(0,0,0,.7); }
DIV#tab-announcements  { border-bottom: 2px solid #B29A38; background-color: rgba(0,0,0,.7); }
DIV#tab-previews { border-bottom: 2px solid #52A300; background-color: rgba(0,0,0,.7); }
DIV#tab-life     { border-bottom: 2px solid #E07000; background-color: rgba(0,0,0,.7); }
DIV#tab-fiction  { border-bottom: 2px solid #FF6600; background-color: rgba(0,0,0,.7); }
DIV#tab-guides   { border-bottom: 2px solid #005EBD; background-color: rgba(0,0,0,.7); }
DIV#tab-features { border-bottom: 2px solid #00C200; background-color: rgba(0,0,0,.7); }
DIV#tab-livestreams { border-bottom: 2px solid #7550BA; background-color: rgba(0,0,0,.7); }
DIV#tab-columns  { border-bottom: 2px solid #8FB950; background-color: rgba(0,0,0,.7); }

DIV.tab {
  float: left;
  width: auto; max-width: 100px;
  padding: 2px 10px;
   font-family: Roboto, sans-serif; 
   font-size: 7pt;
   position: relative; left: 10px; top: 0px; z-index: 90;
   color: #FFFFFF; 
   border-right: 1px solid rgba(255,255,255, .2);
   border-left: 1px solid rgba(255,255,255, .2);
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.2)));
   background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
   background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
   background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
   background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2)); 
  
}
TABLE#data TR TD {
  padding: 5px 10px;
  border-bottom: 1px solid #CCCCCC;
}

TABLE#data TR:last-child TD {
  border-bottom: none;
}
TABLE#data TR TD#name A {
  font-size: 9pt; text-decoration: none;
}
TABLE#data TR TD#position {
  font-size: 9pt; color: #888888; font-style: italic;
}

DIV#tagbar {
  margin-bottom: 25px;
  z-index: 0;
  position: relative;
}

UL#searchbar {
    border-width:1px 0;
    list-style:none;
    margin-top: -30px;
    padding:0;
    text-align:center;
    background-color: #111111;
   box-shadow: rgba(0,0,0, 0.8) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.8) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.8) 0px 0px 5px;
}
UL#searchbar  li{
    display:inline;
    color: #888888;
    font-size: 8pt;
}
UL#searchbar  a{
    display:inline-block;
    padding:10px;
    color: #AAAAAA;
}
INPUT#searchfield {
  background-color: #000000;
  border: 1px inset #333333;
  color: #888888;
  font-size: 8pt;
  padding: 2px 5px;
  width: 100px;
  margin-right: 10px;
}

DIV.cntr {
  display: inline-block;
  width: 65px;
  min-width: 60px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 1px outset rgba(100,100,100, 0.3);
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 15px;
  
                                                                                        background: #BBBBBB;
                                   background: -moz-linear-gradient(top,  #EEEEEE 0%,               #BBBBBB 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#BBBBBB));
                                background: -webkit-linear-gradient(top,  #EEEEEE 0%,               #BBBBBB 100%);
                                     background: -o-linear-gradient(top,  #EEEEEE 0%,               #BBBBBB 100%);
                                    background: -ms-linear-gradient(top,  #EEEEEE 0%,               #BBBBBB 100%);
                                  background: linear-gradient(to bottom,  #EEEEEE 0%,               #BBBBBB 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#EEEEEE',    endColorstr='#BBBBBB', GradientType=0 );
}
DIV.cntr:hover {
                                                                                        background: #DDDDDD;
                                   background: -moz-linear-gradient(top,  #FFFFFF 0%,               #DDDDDD 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DDDDDD));
                                background: -webkit-linear-gradient(top,  #FFFFFF 0%,               #DDDDDD 100%);
                                     background: -o-linear-gradient(top,  #FFFFFF 0%,               #DDDDDD 100%);
                                    background: -ms-linear-gradient(top,  #FFFFFF 0%,               #DDDDDD 100%);
                                  background: linear-gradient(to bottom,  #FFFFFF 0%,               #DDDDDD 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#FFFFFF',    endColorstr='#DDDDDD', GradientType=0 );
}
DIV.cntr A#cntrbutton { font-family: Caudex, serif; font-size: 10pt; color: #666666; font-weight: bold; text-decoration: none; }


DIV#livestreambutton {
  display: block;
  width: 160px;
  min-width: 120px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  border: 1px outset rgba(255,255,255, 0.2);
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 15px;
}
DIV#livestreambutton:hover { border: 1px outset rgba(255,255,255, 0.3); }
DIV#livestreambutton div#followers{
  float: right; font-size: 7pt; color: #888888;  margin-top: 10px;
}

DIV#livestreambutton span#followers{
  float: right; font-size: 7pt; color: rgba(255,255,255,0.7); border: 1px solid rgba(255,255,255,0.3); background-color: rgba(0,0,0,.2); padding: 2px 5px; margin-top: 2px; margin-left: 5px;
}


DIV#livestreambutton.twitch {
   background-color: #6441a5;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7550BA), to(#6441a5));
   background-image: -webkit-linear-gradient(top, #7550BA, #6441a5);
   background-image: -moz-linear-gradient(top, #7550BA, #6441a5);
   background-image: -ms-linear-gradient(top, #7550BA, #6441a5);
   background-image: -o-linear-gradient(top, #7550BA, #6441a5);
}
DIV#livestreambutton.twitch:hover {
   background-color: #7550BA;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#805FBF), to(#7550BA));
   background-image: -webkit-linear-gradient(top, #805FBF, #7550BA);
   background-image: -moz-linear-gradient(top, #805FBF, #7550BA);
   background-image: -ms-linear-gradient(top, #805FBF, #7550BA);
   background-image: -o-linear-gradient(top, #805FBF, #7550BA);
}
DIV#livestreambutton.twitch A#twitchbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.twitch A#twitchbutton span#one { display: inline-block; }
DIV#livestreambutton.twitch A#twitchbutton span#two { display: none; }
DIV#livestreambutton.twitch:hover A#twitchbutton span#one { display: none; }
DIV#livestreambutton.twitch:hover A#twitchbutton span#two { display: inline-block; }


DIV#livestreambutton.youtube {
  background-color: #E62117;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ED4E45), to(#E62117));
  background-image: -webkit-linear-gradient(top, #ED4E45, #E62117);
  background-image: -moz-linear-gradient(top, #ED4E45, #E62117);
  background-image: -ms-linear-gradient(top, #ED4E45, #E62117);
  background-image: -o-linear-gradient(top, #ED4E45, #E62117);
}
DIV#livestreambutton.youtube:hover {
  background-color: #ED4E45;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F06D66), to(#ED4E45));
  background-image: -webkit-linear-gradient(top, #F06D66, #ED4E45);
  background-image: -moz-linear-gradient(top, #F06D66, #ED4E45);
  background-image: -ms-linear-gradient(top, #F06D66, #ED4E45);
  background-image: -o-linear-gradient(top, #F06D66, #ED4E45);
}
DIV#livestreambutton.youtube A#youtubebutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.youtube A#youtubebutton span#one { display: inline-block; }
DIV#livestreambutton.youtube A#youtubebutton span#two { display: none; }
DIV#livestreambutton.youtube:hover A#youtubebutton span#one { display: none; }
DIV#livestreambutton.youtube:hover A#youtubebutton span#two { display: inline-block; }


DIV#livestreambutton.facebook {
   background-color: #3C5AA2;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5474C0), to(#3C5AA2));
      background-image: -webkit-linear-gradient(top, #5474C0, #3C5AA2);
      background-image: -moz-linear-gradient(top, #5474C0, #3C5AA2);
      background-image: -ms-linear-gradient(top, #5474C0, #3C5AA2);
      background-image: -o-linear-gradient(top, #5474C0, #3C5AA2);
}
DIV#livestreambutton.facebook:hover {
   background-color: #5474C0;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7992CD), to(#5474C0));
      background-image: -webkit-linear-gradient(top, #7992CD, #5474C0);
      background-image: -moz-linear-gradient(top, #7992CD, #5474C0);
      background-image: -ms-linear-gradient(top, #7992CD, #5474C0);
      background-image: -o-linear-gradient(top, #7992CD, #5474C0);
}
DIV#livestreambutton.facebook A#facebookbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.facebook A#facebookbutton span#one { display: inline-block; }
DIV#livestreambutton.facebook A#facebookbutton span#two { display: none; }
DIV#livestreambutton.facebook:hover A#facebookbutton span#one { display: none; }
DIV#livestreambutton.facebook:hover A#facebookbutton span#two { display: inline-block; }



DIV#livestreambutton.beam {
   background-color: #3C5AA2;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#162D59), to(#12254F));
      background-image: -webkit-linear-gradient(top, #162D59, #12254F);
      background-image: -moz-linear-gradient(top, #162D59, #12254F);
      background-image: -ms-linear-gradient(top, #162D59, #12254F);
      background-image: -o-linear-gradient(top, #162D59, #12254F);
}
DIV#livestreambutton.beam:hover {
   background-color: #5474C0;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#214383), to(#1B3979));
      background-image: -webkit-linear-gradient(top, #214383, #1B3979);
      background-image: -moz-linear-gradient(top, #214383, #1B3979);
      background-image: -ms-linear-gradient(top, #214383, #1B3979);
      background-image: -o-linear-gradient(top, #214383, #1B3979);
}
DIV#livestreambutton.beam A#beambutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.beam A#beambutton span#one { display: inline-block; }
DIV#livestreambutton.beam A#beambutton span#two { display: none; }
DIV#livestreambutton.beam:hover A#beambutton span#one { display: none; }
DIV#livestreambutton.beam:hover A#beambutton span#two { display: inline-block; }



DIV#livestreambutton.patreon {
   background-color: #F9472F;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FA7664), to(#F9472F));
      background-image: -webkit-linear-gradient(top, #FA7664, #F9472F);
      background-image: -moz-linear-gradient(top, #FA7664, #F9472F);
      background-image: -ms-linear-gradient(top, #FA7664, #F9472F);
      background-image: -o-linear-gradient(top, #FA7664, #F9472F);
}
DIV#livestreambutton.patreon:hover {
   background-color: #5474C0;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FB8474), to(#F95D48));
      background-image: -webkit-linear-gradient(top, #FB8474, #F95D48);
      background-image: -moz-linear-gradient(top, #FB8474, #F95D48);
      background-image: -ms-linear-gradient(top, #FB8474, #F95D48);
      background-image: -o-linear-gradient(top, #FB8474, #F95D48);
}
DIV#livestreambutton.patreon A#patreonbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.patreon A#patreonbutton span#one { display: inline-block; }
DIV#livestreambutton.patreon A#patreonbutton span#two { display: none; }
DIV#livestreambutton.patreon:hover A#patreonbutton span#one { display: none; }
DIV#livestreambutton.patreon:hover A#patreonbutton span#two { display: inline-block; }


DIV#livestreambutton.twitter {
  background-color: #60A8DA;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8BBFE4), to(#60A8DA));
  background-image: -webkit-linear-gradient(top, #8BBFE4, #60A8DA);
  background-image: -moz-linear-gradient(top, #8BBFE4, #60A8DA);
  background-image: -ms-linear-gradient(top, #8BBFE4, #60A8DA);
  background-image: -o-linear-gradient(top, #8BBFE4, #60A8DA);
}
DIV#livestreambutton.twitter:hover {
   background-color: #8BBFE4;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B5D6EE), to(#8BBFE4));
      background-image: -webkit-linear-gradient(top, #B5D6EE, #8BBFE4);
      background-image: -moz-linear-gradient(top, #B5D6EE, #8BBFE4);
      background-image: -ms-linear-gradient(top, #B5D6EE, #8BBFE4);
      background-image: -o-linear-gradient(top, #B5D6EE, #8BBFE4);
}
DIV#livestreambutton.twitter A#twitterbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.twitter A#twitterbutton span#one { display: inline-block; }
DIV#livestreambutton.twitter A#twitterbutton span#two { display: none; }
DIV#livestreambutton.twitter:hover A#twitterbutton span#one { display: none; }
DIV#livestreambutton.twitter:hover A#twitterbutton span#two { display: inline-block; }

DIV#livestreambutton.Discord {
   background-color: #EE4629;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F16D55), to(#EE4629));
      background-image: -webkit-linear-gradient(top, #F16D55, #EE4629);
      background-image: -moz-linear-gradient(top, #F16D55, #EE4629);
      background-image: -ms-linear-gradient(top, #F16D55, #EE4629);
      background-image: -o-linear-gradient(top, #F16D55, #EE4629);
}
DIV#livestreambutton.Discord:hover {
  background-color: #F16D55;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F59584), to(#F16D55));
  background-image: -webkit-linear-gradient(top, #F59584, #F16D55);
  background-image: -moz-linear-gradient(top, #F59584, #F16D55);
  background-image: -ms-linear-gradient(top, #F59584, #F16D55);
  background-image: -o-linear-gradient(top, #F59584, #F16D55);
}
DIV#livestreambutton.Discord A#Discordbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.Discord A#Discordbutton span#one { display: inline-block; }
DIV#livestreambutton.Discord A#Discordbutton span#two { display: none; }
DIV#livestreambutton.Discord:hover A#Discordbutton span#one { display: none; }
DIV#livestreambutton.Discord:hover A#Discordbutton span#two { display: inline-block; }

A#fancybutton {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: #222222;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(0,0,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(0,0,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(0,0,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(0,0,0,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(0,0,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#fancybutton:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: #222222;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

@media screen and (max-width: 598px)  { /* MOBILE */
  div#third { width: 100%; height: auto; float: left;  display: inline-block; }
  div#solo { width: 100%; height: auto; float: left;  display: inline-block; }
  div#twothird { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#twofourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#threefourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
}
@media screen and (min-width: 598px)  {  /* TABLET */
  div#third { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#solo { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#twothird { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#twofourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#threefourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 50%; height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
}

@media screen and (min-width: 700px)  {  /* DESKTOP */
  div#third { width: calc(100%/3); height: auto; float: left;  display: inline-block; }
  div#solo { width: calc(100%/3); height: auto; float: left;  display: inline-block; }
  div#fourth { width: calc(100%/4); height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/5); height: auto; float: left;  display: inline-block; }
  div#twofourth { width: calc((100%/4)*2); height: auto; float: left;  display: inline-block; }
  div#threefourth { width: calc((100%/4)*3); height: auto; float: left;  display: inline-block; }
  div#twothird { width: calc((100%/3)*2); height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 50%; height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
}

@media screen and (max-width: 1000px)  { /* MOBILE */
  div#artbox { width: 100%; height: auto; float: left;  display: inline-block;  background-color: #000000; }
  div#contentbox { width: 100%; height: auto; float: left;  display: inline-block;  background-color: #000000; min-height: 400px; }
}
@media screen and (min-width: 1000px)  {  /* DESKTOP */
  div#artbox { width: 70%; height: auto; float: left;  display: inline-block; background-color: #000000; }
  div#contentbox { width: 30%; height: auto; float: left;  display: inline-block; background-color: #000000; }
}

DIV#padding {
  margin: 20px;
}

DIV#presentation {
  width: 100%; max-width: 1200px; margin: 0px auto;
  background: #0A0A0A;
  text-align: center;
}


div#artframe {
  width: 100%; max-width: 1200px; margin: 0px auto; background-color: #000000; 
   box-shadow: rgba(0,0,0, 0.5) 0px 0px 10px;
   -moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 10px;
   -webkit-box-shadow: rgba(0,0,0, 0.5) 0px 0px 10px;
}

DIV#contentbox H2 {
  margin: 50px 20px 20px 20px; 
}
DIV#contentbox H2 A {
    font-family: Caudex, serif; font-size: 22pt; color: #FFFFFF; text-decoration: none;
} 
DIV#contentbox P {
  font-family: "Open Sans", Arial, Sans-Serif; font-size: 10pt; color: #FFFFFF; text-align: left;
  margin: 10px 20px;
}

UL.bxslider {
  margin: 0px; padding: 0px; list-style: none;
}

H2#section {
  margin-top: 20px; margin-bottom: 10px; border-bottom: 5px solid rgba(100,100,100,0.2);
}
H2#section A {
  color: #000000; text-decoration: none;
}


h1#headerrow {
  margin: 20px 0px;
  font-size: 20pt; background-color: #005500; padding: 10px 20px; border-bottom: 5px solid #000000;
}
h1#headerrow A {
  text-decoration: none; color: #FFFFFF; 
}



DIV#magframe {
  margin: 0px auto; width: 100%
}
DIV#magframe  > DIV#controls {
                                                                                          background: #000000;
                                     background: -moz-linear-gradient(top,  #111111 0%,               #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#000000));
                                  background: -webkit-linear-gradient(top,  #111111 0%,               #000000 100%);
                                       background: -o-linear-gradient(top,  #111111 0%,               #000000 100%);
                                      background: -ms-linear-gradient(top,  #111111 0%,               #000000 100%);
                                    background: linear-gradient(to bottom,  #111111 0%,               #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#111111',    endColorstr='#000000', GradientType=0 );
  text-align: center;
  padding: 5px;
  color: rgba(255,255,255, 0.2);
  margin: -4px 0px 0px 0px;
}
DIV#magframe > DIV#controls A {
  font-family: "Open Sans", Arial, Sans-Serif; font-size: 9pt; color: #FFFFFF; text-decoration: none; 
}

DIV#magframe  > DIV#printcopy {
                                                                                          background: #003300;
                                     background: -moz-linear-gradient(top,  #114411 0%,               #003300 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#114411), color-stop(100%,#003300));
                                  background: -webkit-linear-gradient(top,  #114411 0%,               #003300 100%);
                                       background: -o-linear-gradient(top,  #114411 0%,               #003300 100%);
                                      background: -ms-linear-gradient(top,  #114411 0%,               #003300 100%);
                                    background: linear-gradient(to bottom,  #114411 0%,               #003300 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#114411',    endColorstr='#003300', GradientType=0 );
  text-align: center;
  padding: 5px;
  color: rgba(255,255,255, 0.2);
  margin: 1px 0px 0px 0px;
}
DIV#magframe > DIV#printcopy A {
  font-family: "Open Sans", Arial, Sans-Serif; font-size: 9pt; color: #FFFFFF; text-decoration: none; 
}

DIV#covers {
  max-width: 175px; float: left; margin: 10px;
}

DIV#featureart {

}
DIV#featurecontent {
                                                                                          background: #000000;
                                     background: -moz-linear-gradient(top,  #111111 0%,               #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#000000));
                                  background: -webkit-linear-gradient(top,  #111111 0%,               #000000 100%);
                                       background: -o-linear-gradient(top,  #111111 0%,               #000000 100%);
                                      background: -ms-linear-gradient(top,  #111111 0%,               #000000 100%);
                                    background: linear-gradient(to bottom,  #111111 0%,               #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#111111',    endColorstr='#000000', GradientType=0 );
  text-align: center;
  color: rgba(255,255,255, 0.2);
  margin: -4px 0px 5px 0px;
  min-height: 75px;
  display: table; 
  width: 100%;
}

DIV#featurecontent > DIV {
  display: table-cell; vertical-align: middle; text-align: center; padding: 10px 20px; width: 100%; line-height: 100%
}
DIV#featurecontent > DIV > SPAN {
   font-size: 8pt; color: #AAAAAA;
}
DIV#featurecontent > DIV > A {
  font-family: "Open Sans", Arial, Sans-Serif; font-size: 12pt; color: #FFFFFF; text-decoration: none; 
}

DIV#featuretext {
  font-family: "Open Sans", Arial, Sans-Serif; font-size: 10pt; color: #000000; padding: 10px; line-height: 125%; min-height: 140px;

}

ul#newslist {
 list-style: none;
 margin: 0px 0px 20px 0px; padding: 0px;
}


ul#newslist LI B {
  font-size: 10pt;
  color: #009900;
}
ul#newslist LI {
  font-size: 8pt;
 padding: 5px 10px;
 border-bottom: 1px solid #CCCCCC;
 min-height: 35px;
}
ul#newslist UL LI {
  font-size: 8pt;
 padding: 2px 20px;
 border-bottom: 1px solid #CCCCCC;
}
ul#newslist UL LI:hover {
  
 background-color: rgba(255,255,255,0.2);
 padding: 2px 20px;
 border-bottom: 1px solid #CCCCCC;
}

ul#newslist LI:hover {
  
 background-color: rgba(255,255,255,0.2);
 padding: 5px 10px;
 border-bottom: 1px solid #CCCCCC;
}
ul#newslist LI A {
  font-family:  Roboto, sans-serif;
  font-size: 8pt;
  color: #000000;
  text-decoration: none;
}
ul#newslist LI:hover A {
  font-family:  Roboto, sans-serif;
  font-size: 8pt;
  color: #009900;
  text-decoration: none;
}

ul#newslist LI:last-child, 
ul#newslist UL LI:last-child, 
ul#newslist UL LI:last-child:hover, 
ul#newslist LI:last-child:hover 
{ border-bottom: none; }

ul#newslist LI#s {
 padding: 2px 10px;
 border-bottom: 1px solid #CCCCCC;
 background-color: rgba(255,255,255,0.5);
}
ul#newslist LI::before {
      content: "\203A  ";
        color: #000000;
  font-family: Roboto, sans-serif;
  font-weight: bold;
    
}
ul#newslist LI#s A {
      font-family: Roboto, sans-serif;
        font-size: 8pt;
      font-weight: bold;
            color: #009900;
  text-decoration: none;
 }
 
 DIV#share {
   margin: 50px 0px; text-align: center;
 }
 
DIV#miniprofile {
  font-family: Roboto, sans-serif;
  background-color: #111111;
  color: #CCCCCC;
  font-size: 8pt;
  text-align: center;
  padding: 10px;
}
DIV#miniprofile > ul {
  text-align: left;
  width: 100%;
  margin: 2px;
  padding: 0px;
}
DIV#miniprofile > ul > li         {
                        font-family: Roboto, sans-serif;
                        font-size: 8pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 0px 10px 0px 10px;
                        color: #AAAAAA;
                     }
DIV#miniprofile > ul > li A       { color: #CCBB66; text-decoration: none; font-weight: normal; }
DIV#miniprofile > ul > li A:hover { color: #D6C985; text-decoration: underline; font-weight: normal; }

DIV#alert {
  font-family: Roboto, sans-serif;
  background-color: #111111;
  color: #CCCCCC;
  font-size: 8pt;
  text-align: center;
  padding: 10px;
}
DIV#alert A { color: #FFFFFF; }

#divfade { 
  display:block;
  height:1px;
  background: rgba(255,255,255,.1);
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(204,204,204,.3)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=1 );
  margin: 5px 0px;
}

hr { 
    margin: 25px 0px 0px 0px;
    height: 1px;
    border: 0;
  background: rgba(255,255,255,.1);
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(204,204,204,.5)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.5) 50%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.5) 50%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.5) 50%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(204,204,204,.5) 50%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=1 );

}


TABLE#fancy {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px solid #EEEEEE !important;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
   margin: 10px 0px;
   width: 100%;
}
TABLE#fancy TR TH {
  background-color: rgba(0,50,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,75,0, 0.5)), to(rgba(0,25,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -o-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  padding: 10px 15px;
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 10pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid #555555;
  text-align: left
}
TABLE#fancy TR TH A {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 10pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;

}
TABLE#fancy TR TH:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
TABLE#fancy TR TH:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}

TABLE#fancy TR TH#h {
  background-color: rgba(0,0,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(25,25,25, 0.5)), to(rgba(0,0,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -o-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  padding: 5px 15px;
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 10pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-top: 1px solid rgba(255,255,255,0.2);
  text-align: center
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
}

TABLE#fancy tr:nth-child(even) { background-color: #FFFFFF;}
TABLE#fancy tr:nth-child(odd) { background-color: #EFEFEF; }

TABLE#fancy TR TD { 
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 10pt !important; 
  text-decoration: none !important; 
  font-weight: bold !important; 
  color: #000000 !important;
  padding: 5px 10px;
} 
TABLE#fancy TR TD#h { 
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 10pt !important; 
  text-decoration: none !important; 
  font-weight: bold !important; 
  color: #FFFFFF !important;
  background-color: #222222;
  padding: 5px 10px;
} 
TABLE#fancy TR TD A { 
  font-size: 12pt; color: #006600; font-weight: bold; text-decoration: none;
}


TABLE#fancy TR TD B { 
  font-size: 10pt; color: #006600; font-weight: bold;
}
TABLE#fancy TR TD SMALL { 
  font-family: Tahoma, Geneva, Futura; font-size: 7pt; color: #666666; font-weight: normal;
}
TABLE#fancy TR TD#h { color: #006600; font-weight: bold; font-size: 10pt; }


h1#headerrow_twitch {
  margin: 20px 0px;
  font-size: 20pt; background-color: #6441A4; padding: 10px 20px; border-bottom: 5px solid #000000;
}
h1#headerrow_twitch A {
  text-decoration: none; color: #FFFFFF; 
}
h1#headerrow_twitch A#tbutton {
   border: 1px solid #000000;
   background-color: #FFFFFF;
   font-size: 12pt;
   color: #6441A4;
   font-weight: bold;
   padding: 5px 15px;
   text-decoration: none;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
h1#headerrow_twitch  A#tbutton:hover {
   border: 1px solid #000000;
   background-color: #FFFFFF;
   font-size: 12pt;
   color: #6441A4;
   font-weight: bold;
   padding: 5px 15px;
   text-decoration: none;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

DIV#error {
  font-family: Roboto, sans-serif;
  background-color: #994444;
  color: #FFFFFF;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  border: 1px solid #990000;
}

DIV#success {
  font-family: Roboto, sans-serif;
  background-color: #449944;
  color: #FFFFFF;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  border: 1px solid #009900;
}

TABLE#pn {
  clear: both;
  margin: 20px 0px 0px 0px;
  border-top: 1px solid #AAAAAA;
}


TABLE#pn TD {
  padding: 5px;
  font-size: 8pt;
  color: #AAA;
  font-family: Roboto, sans-serif;
}

TABLE#pn TD A { color: #666666; text-decoration: none; padding: 0px 5px; }
TABLE#pn TD A:hover { color: #229900; text-decoration: none; }
TABLE#pn TD A.s { color: #006600; text-decoration: none; font-weight: bold; font-size: 8pt; }

UL#articlenav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: none;
  clear: both;
}
UL#articlenav LI {font-size: 12pt; font-family: Caudex, Georgia, Serif;
  display: inline; margin-top: 10px;
}
UL#articlenav LI:first-child {
 float: left;
}
UL#articlenav LI:last-child {
  float: right;
}

UL#articlenav LI A {
 text-decoration: none; font-size: 12pt; font-family: Caudex, Georgia, Serif; font-weight: bold; margin-top: 20px; clear: both;
}
  div#footnote, div#footnote > A {
    font-size: 8pt; color: #AAAAAA;
  }

.center { text-align: center; }
.justify { text-align: justify; }

	pre {
	  background-color: #F6F6F6;
      border-left: 3px solid #DDDDDD;
		display:block;
		margin:0;
		
		cursor:text;
		
		font:normal normal normal 1em/1.4 monaco, courier, monospace;
	}
	pre {
		padding:10px;

		font-size:0.8em;

		/* reduce the tab-size */
		-moz-tab-size:4;
		-o-tab-size:4;
		tab-size:4;
	}  
    
div.ac2 {
      -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
  column-count: 2;
  column-gap: 40px;
  column-rule: 1px solid #EEEEEE;
}
div.ac2 P {
 text-align: justify; 
}
div.ac2 h3 {
  margin-top: 0px;
  padding-top: 0px;
}

    
div.ac3 {
      -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
  column-count: 3;
  column-gap: 40px;
  column-rule: 1px solid #EEEEEE;
}
div.ac3 P {
 text-align: justify; 
}
div.ac3 h3 {
  margin-top: 0px;
  padding-top: 0px;
}

div.quote {
  margin: 10px 20px;
  font-size: 12pt;
  font-family: Caudex, Georgia, Serif;
  quotes: "\201C""\201D""\2018""\2019";
  text-align: justify;
  padding: 5px 10px;
  line-height: 125%;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
 
}

div.quote::before {
  font-family: "Times New Roman", Times, serif;
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 5px;
  color: #ccc;
  font-size: 2em;
}
div.quote::after {
  font-family: "Times New Roman", Times, serif;
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 10px;
  color: #ccc;
  font-size: 2em;
}

BLOCKQUOTE > P {
  font-size: 12pt;
  font-family: Caudex, Georgia, Serif;
  quotes: "\201C""\201D""\2018""\2019";
  text-align: justify;
  padding: 5px 10px;
  line-height: 125%;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

BLOCKQUOTE > P::before {
  font-family: "Times New Roman", Times, serif;
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 5px;
  color: #ccc;
  font-size: 2em;
}
BLOCKQUOTE > P::after {
  font-family: "Times New Roman", Times, serif;
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 10px;
  color: #ccc;
  font-size: 2em;
}


@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

TABLE#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 20; transition: all 0.5s ease-in-out; background-color: #111111; transition: all 0.5s ease-in-out;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
border-bottom: 1px solid rgba(255,255,255,0.8); }
TABLE#header TD { padding: 5px 20px; text-align: center; border: none;
}
TABLE#header TD.navicon { background-color: transparent; transition: all 0.5s ease-in-out; padding: 15px; }
TABLE#header TD.navicon A { font-size: 16pt; text-decoration: none; color: #DDDDDD;  }
TABLE#header TD.topnav {
   padding: 10px 20px;
}

TABLE#header.show TD { padding: 0px 20px; text-align: center; border: none;  }
TABLE#header.show { background-color: #FFFFFF; transition: all 0.5s ease-in-out;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
border-bottom: 1px solid rgba(255,255,255,0.8);
}

div.mainframe {
  max-width: 1900px;
  margin: 10px auto;
  padding: 0px 20px;
}


DIV.content {
  background-color: #FFFFFF;
  padding: 20px 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

DIV.button {
  background-color: #111111; border: 1px solid #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px; margin-bottom: 10px;
}
DIV.button:hover {
  background-color: #5474C0; 
}
DIV.button A { color: #FFFFFF; font-family: 'Prosto One', Arial, Helvetica, Futura; font-size: 14pt; }

DIV.linkbox {
  background-color: rgba(25,25,25, 0.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
DIV.linkbox > DIV.header {
  border: none;
  font-family: 'Prosto One', Arial, Helvetica, Futura;
  font-size: 12pt;
  font-weight: bold;
  padding: 5px 10px; 
  text-align: center;
  color: #FFFFFF;
  background-color: rgba(0,0,0,0.5); 
  border-bottom: 1px solid rgba(255,255,255,0.3);
  
}
DIV.linkbox {
  margin-bottom: 10px;
}

DIV.linkbox > div.links > table.linktable tr th {
  padding: 10px 5px; border-bottom: 1px solid rgba(255,255,255,0.3);
  font-size: 10pt; color: #FFFFFF; background-color: rgba(0,0,0,0.5);
  font-family: 'Prosto One', Arial, Helvetica, Futura;
}


DIV.linkbox > div.links > table.linktable tr td {
  padding: 5px 5px; border-bottom: 1px solid rgba(255,255,255,0.3);

}


DIV.linkbox > div.links > table.linktable tr:last-child td { border-bottom: none; }
DIV.linkbox > div.links > table.linktable tr td A, DIV.linkbox > div.links > table.linktable tr td { font-family: Roboto, Sans-Serif; color: #FFFFFF; font-size: 10pt; }
DIV.linkbox > div.links > table.linktable tr td i { color: #FFFFFF; font-size: 8pt; }
DIV.linkbox > div.links > table.linktable tr:nth-child(even) { background-color: rgba(75,75,75, 0.2);}
DIV.linkbox > div.links > table.linktable tr:nth-child(odd) { background-color: rgba(50,50,50, 0.1); }
DIV.linkbox > div.links > table.linktable tr:hover td {background-color: rgba(100,100,100, 0.3); }

div.footer {
  background-color: #111111;
  color: #AAAAAA;
  border-top: 1px solid #FFFFFF;
}
div.footer P {
  color: #AAAAAA;
  text-align: center;
  font-family: Roboto, Sans-Serif;
}
div.footer P A, div.footer P B,   {
  color: #AAAAAA; font-weight: bold;
  text-align: center;
  font-family: Roboto, Sans-Serif;
}

div.footer ul.footernav {
  text-align: center;
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
   width: 100%;

}

div.footer ul.footernav LI {
  margin: 0px;
  display:inline-block;
  padding: 10px 20px;
  font-family: Roboto, Sans-Serif; color: #FFFFFF; font-size: 10pt;
}
div.footer ul.footernav LI A {
  font-family: Roboto, Sans-Serif; color: #FFFFFF; font-size: 10pt;
}

ul.inlinenav { list-style-type: none; overflow: hidden; margin: 0; padding: 0; width: 100%; }
ul.inlinenav LI { margin: 0px; display:inline-block; padding: 5px 10px; font-family: Roboto, Sans-Serif; color: #FFFFFF; font-size: 10pt; }
ul.inlinenav LI A { font-family: Roboto, Sans-Serif; color: #FFFFFF; font-size: 10pt; text-decoration: none; }
A {
text-decoration: none;
}
.subcategory
		{
		font-family: 'Prosto One', Sans-Serif;
		font-size: 12px;
		font-weight: bold;
		color: #AAAAAA;
		text-decoration: none;
		padding-left: 5px;
		padding-right: 5px;
		line-height: 10pt;
        background-color: #000000;
		padding-top: 1px;
		padding-bottom: 1px;
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: center;
		}

/* FORM SETTINGS */

FORM#fancy INPUT, FORM#fancy SELECT {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    font-family: Roboto, sans-serif; font-weight: bold; font-size: 10pt;
    margin: 10px 0px;  padding: 10px; border: 1px solid #CCCCCC;

       -moz-border-radius: 2px;
       border-radius: 2px;
       width: 100%;
    }

FORM#fancy INPUT:focus, FORM#fancy SELECT:focus {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    font-family: Roboto, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    margin: 10px 0px;
    padding: 10px 10px 10px 5px;
    border: 1px solid #CCCCCC;
    border-left: 5px solid #009900;
       -moz-border-radius: 2px;
       border-radius: 2px;
    }
FORM#fancy input[type=checkbox],
FORM#fancy input[type=radio]{
width: auto; margin-left: 10px;
}
FORM#fancy input[type=button],
FORM#fancy button[type=submit],
FORM#fancy input[type=submit],
input[type=submit].submit,
FORM#fancy input[type=reset]  {
  border: none;  margin: 10px 0px;  padding: 10px;
  background-color: #5474C0;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6A86C8), to(#5474C0));
     background-image: -webkit-linear-gradient(top, #6A86C8, #5474C0);
     background-image: -moz-linear-gradient(top, #6A86C8, #5474C0);
     background-image: -ms-linear-gradient(top, #6A86C8, #5474C0);
     background-image: -o-linear-gradient(top, #6A86C8, #5474C0);
    font-family: Roboto, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    color: #FFFFFF;
    width: auto;
}

nav#navmenu, LI.navitem  {
font-size: 12pt; font-family: Roboto, Sans-Serif;
}

nav#navmenu UL LI.navitem  {
font-size: 16pt; font-family: Roboto, Sans-Serif;
}
LI.navheader {
  padding: 16px 15px 12px 15px;
    font-family: Roboto, Sans-Serif;
    font-size: 12pt; color: #FFFFFF; background-color: #000000; text-transform: uppercase; font-weight: bold;
}
LI.navheader A { display: inline-block; padding: 0px; margin: 0px; }
LI.navdesc {
  padding: 20px;
  font-family: Roboto, Sans-Serif;
  font-size: 10pt; color: #AAAAAA; text-align: justify;
}

 .mm-menu {
        --mm-listitem-size: 35px;
    }
    
    
.noformat {
	background-image: none;
	border: none;
	margin: 0px;
	padding: 0px;
}

DIV#error, div.error {
  font-family: Roboto, sans-serif;
  background-color: #994444;
  color: #FFFFFF;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  border: 1px solid #990000;
}

DIV#success,DIV.success {
  font-family: Roboto, sans-serif;
  background-color: #449944;
  color: #FFFFFF;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  border: 1px solid #009900;
}
