TABLE#ArticleList { font-family: Roboto, Arial, Helvetitca, Futura; color: #444444; border-top: 1px dotted #DDDDDD; margin: 10px 0px; } TABLE#ArticleList TD{ margin: 5px 0px; } TABLE#ArticleList DIV#CookieTrail { font-size: .8em; font-family: Roboto, Arial, Helvetitca, Futura; color: #888888; } TABLE#ArticleList DIV#CookieTrail A{ font-size: 8pt; text-decoration: none; color: #888888; } TABLE#ArticleList DIV#CookieTrail B{ font-size: 8pt; text-decoration: none; color: #25618F; } TABLE#ArticleList H2#headline { margin: 0px; padding: 0px; border: none; } TABLE#ArticleList TABLE#LinkBar TD{ color: #AAAAAA; font-size: 8pt; } TABLE#ArticleList TABLE#LinkBar TD A{ color: #000000; font-size: 8pt; font-weight: 600; } TABLE#ArticleList TABLE#LinkBar TD A:hover{ color: #25618F; font-size: 8pt; font-weight: 600; } TABLE#ArticleList TABLE#LinkBar TD A B{ color: #25618F; font-size: 8pt; font-weight: bold; } TABLE#ArticleList H2#headline A B { font-size: 14pt; font-weight: bold; color: #25618F; text-decoration: none; } TABLE#ArticleList H2#headline A { font-size: 14pt; font-weight: 600; color: #000000; text-decoration: none; } TABLE#ArticleList H2#headline A:hover { font-size: 14pt; font-weight: 600; color: #25618F; text-decoration: none; } TABLE#ArticleList #dateline { font-size: 9pt; color: #888888; margin-top: 10px; } TABLE#ArticleList #dateline A{ color: #660000; text-decoration: none; } TABLE#ArticleList #dateline A:hover{ color: #25618F; text-decoration: none; } TABLE#ArticleList #content { font-size: 10pt; color: #444444; } DIV.Article H1 { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 2em; line-height: 125%; font-weight: normal; border: none; margin-bottom: 10px; margin-top: 5px; } DIV.Article H2 { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 1.5em; line-height: 125%; font-weight: bold; border: none; padding-top: 10px; } DIV.Article H3 { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 1.15em; padding-bottom: 2px; margin: 15px 0px 10px 0px; } DIV.Article P { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 1em; line-height: 150%; } DIV.Article UL { padding: 0px; margin: 10px 0px; } DIV.Article UL LI { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 1em; line-height: 150%; list-style-type: none; list-style: none; background: url(/images/arrow.png) no-repeat .0em .4em transparent; margin: 0px 0px 15px 5px; padding: 3px 2px 0px 20px; } DIV.Article OL LI { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 1em; line-height: 150%; margin: 0px 0px 15px 5px; padding: 3px 2px 0px 20px; } DIV.Article .byline { font-family: Roboto, Arial, Helvetitca, Futura; font-size: .8em; font-weight: normal; color: #666666; margin-bottom: 10px; } DIV#articleblock { margin: 20px 0; padding: 0px; } DIV#line { border-bottom: 1px solid #EEEEEE; clear: both; margin: 0px;} DIV#articleblock IMG { margin-top: 5px; } DIV#articleblock DIV#contentblock { margin: 0px 10px 10px 10px; } @media screen and (max-width: 598px) { /* MOBILE */ DIV#articleblock DIV#contentblock { margin: 10px; } } DIV#articleblock DIV#headline > A { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 16pt; text-decoration: none; font-weight: bold; } DIV#articleblock DIV#description { line-height: 150%; font-size: 11pt; font-family: Roboto, Arial, Helvetitca, Futura; } DIV#articleblock UL#details { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0; } DIV#articleblock UL#details > LI { margin: 0px 10px 0px 0px; line-height: 100%; font-size: .8em; font-family: Roboto, Arial, Helvetitca, Futura; color: #AAAAAA; display: inline; } DIV#articleblock UL#details > LI > A { line-height: 100%; font-size: .8em; font-family: Roboto, Arial, Helvetitca, Futura; color: #AAAAAA; text-decoration: none; } DIV#articleblock UL#details > LI#sponsored { font-size: 8pt; float: right; background-color: #DDDDDD; color: #FFFFFF; padding: 3px 5px; } DIV#articleblock #artbox { z-index: 11; min-width: 220px; width: 100% height: 156px; background-size: cover; background-color: #444444; margin-bottom: 10px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } DIV#articleblock #artbox DIV#logo { z-index: 12; width: 80px; height: 40px; top: 1px; left: 15px; background-color: #FFFFFF; padding: 5px 5px 0px 5px; position: relative; -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.carousel-cell { min-height: 100vh; background-size: cover; width: 100%; position: relative; background-position: center center; }
@media screen and (max-width: 598px) {
  UL#directory LI { width: 100%; }
  UL#directorysm LI { width: auto; }

  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) {
  UL#directory LI { width: 48%; }
  UL#directorysm LI { width: auto; }
  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) {
  UL#directory LI { width: 18%; }
  UL#directorysm LI { width: auto; }
  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; }
}
 @media screen and (max-width: 900px) { /* MOBILE */
  .navspacer { height: 75px }

 .sitebody { margin: 0px auto 0px auto; width: 98%; max-width: 578px;}
 .mobilehide { visibility: hidden; display: none; }

  UL.topnav LI.mobilehide { display: none; }
  UL.topnav LI.logo { text-align: center; }

  div.one    { width: calc((100%/12)*4); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.two    { width: calc((100%/12)*6); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.three  { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.four   { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.five   { width: calc((100%/12)*12); height: auto;   display: inline-block; vertical-align: top; margin: 0px auto; }
  div.six    { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.seven  { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.eight  { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.nine   { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.ten    { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.eleven { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.twelve { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }

 div#third { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#solo { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#twothird { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#fourth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#twofourth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#threefourth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#full { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#half { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#fifth { width: calc(100%/2); height: auto; float: left; display: inline-block; vertical-align: top; }
 div#sixth { width: calc(100%/2); height: auto; float: left; display: inline-block; vertical-align: top; }
 div#foursixth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }

  div.v100 { height: 100vh; }
  div.v90  { height: 90vh; }
  div.v80  { height: 80vh; }
  div.v70  { height: 70vh; }
  div.v60  { height: 60vh; }
  div.v50  { height: 50vh; }
  div.v40  { height: 40vh; }
  div.v30  { height: 30vh; }
  div.v20  { height: 20vh; }
  div.v10  { height: 10vh; }
  
  DIV.artframe {  width: 60%; height: auto; margin: 0px auto; position: absolute; left: 0; bottom: 40px; right: 0; background-color: rgba(0,0,0,0.8); padding: 10px 20px 20px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  DIV.artframe H2 {  text-align: center; text-wrap: balance; }
  DIV.artframe H2 A { font-family: Raleway, serif; font-size: 16pt; color: #FFFFFF; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); text-decoration: none; }
  DIV.artframe P.author { font-family: Roboto, Arial, Helvetitca, Futura;; font-size: 10pt; color: #AAAAAA; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); text-align: center; }
  DIV.artframe P.description { display: none; }
  DIV.artframe div.type { font-family: Roboto, Arial, Helvetitca, Futura;; font-size: 10pt; color: #FFFFFF; text-align: center; margin: -23px auto -10px auto; background-color: #226633; padding: 10px; display: block; width: 200px; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

}
@media only screen and (min-width: 900px) and (max-width: 1140px) {  /* TABLET */
 .articleheight { height: 400px;  }

 .sitebody { margin: 0px auto 0px auto; width: 98%; max-width: 1024px;}
 .mobilehide { visibility: hidden; display: none; }
  .navspacer { height: 75px }
UL.topnav LI.mobilehide { display: none; }
UL.topnav LI.logo { text-align: center; }

  div.one    { width: 50%; height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.two    { width: 50%; height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.three  { width: 50%; height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.four   { width: 50%; height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.five   { width: 50%; height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.six    { width: 100%; height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.seven  { width: 100%; height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.eight  { width: 100%; height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.nine   { width: 100%; height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.ten    { width: 100%; height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.eleven { width: 100%; height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.twelve { width: 100%; height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div#break { clear: both; }

  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
div#third { width: calc(100%/2); height: auto; float: left; display: inline-block; vertical-align: top; }
 div#solo { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#fifth { width: calc(100%/2); height: auto; float: left; display: inline-block; vertical-align: top; }
 div#twothird { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#fourth { width: calc(100%/2); height: auto; float: left; display: inline-block; vertical-align: top; }
 div#twofourth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#threefourth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#full { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#half { width: 50%; height: auto; float: left; display: inline-block; vertical-align: top; }
 div#sixth { width: calc(100%/3); height: auto; float: left; display: inline-block; vertical-align: top; }
 div#foursixth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; }

  div.fullpage    { height: 100vh; }
  div.halfpage    { height: 50vh; }
  div.quarterpage { height: 25vh; }

  div.v100 { height: 100vh; }
  div.v90  { height: 90vh; }
  div.v80  { height: 80vh; }
  div.v70  { height: 70vh; }
  div.v60  { height: 60vh; }
  div.v50  { height: 50vh; }
  div.v40  { height: 40vh; }
  div.v30  { height: 30vh; }
  div.v20  { height: 20vh; }
  div.v10  { height: 10vh; }

  .artframe { width: 60%;  height: auto; margin: 0px auto; position: absolute; left: 0; bottom: 40px; right: 0; background-color: rgba(0,0,0,0.8); padding: 10px 20px 20px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  .artframe H2 {  text-align: center; text-wrap: balance; }
  .artframe H2 A { font-family: Raleway, serif; font-size: 18pt; color: #FFFFFF; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); text-decoration: none; }
  DIV.artframe P.author { font-family: Roboto, Arial, Helvetitca, Futura;; font-size: 10pt; color: #AAAAAA; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); text-align: center; }
  DIV.artframe P.description { display: none; }
  DIV.artframe div.type { font-family: Roboto, Arial, Helvetitca, Futura;; font-size: 10pt; color: #FFFFFF; text-align: center; margin: -23px auto -10px auto; background-color: #226633; padding: 10px; display: block; width: 200px; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

  h1 { font-size: 2.25em;
    font-family: Roboto, Arial, Helvetitca, Futura;;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #25618F;
  }
}
  h1 small {
   color: #000000;
   font-size: 12pt;
  }
@media screen and (min-width: 1140px) {  /* DESKTOP */
 .sitebody { margin: 0px auto 0px auto; width: 96%; max-width: 1400px;}
 .mobilehide { visibility: visible; display: block; }
.navspacer { height: 100px }
UL.topnav LI { display: inline-block; margin: 0px; padding: 5px; min-width: 100px; text-align: center; }
UL.topnav LI.mobilehide { display: inline-block; visibility: visible; }
UL.topnav LI.logo { text-align: center; }

 .mobilehide { visibility: visible; display: block; }
  div.one    { width: calc(100%/12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.two    { width: calc((100%/12)*2); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.three  { width: calc((100%/12)*3); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.four   { width: calc((100%/12)*4); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.five   { width: calc((100%/12)*5); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.six    { width: calc((100%/12)*6); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.seven  { width: calc((100%/12)*7); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.eight  { width: calc((100%/12)*8); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.nine   { width: calc((100%/12)*9); height: auto; display: inline-block; vertical-align: top; margin: 0px auto; }
  div.ten    { width: calc((100%/12)*10); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.eleven { width: calc((100%/12)*11); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div.twelve { width: calc((100%/12)*12); height: auto;  display: inline-block; vertical-align: top; margin: 0px auto; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }

 div#third { width: calc(100%/3); height: auto; float: left; display: inline-block; vertical-align: top; }
 div#solo { width: calc(100%/3); height: auto; float: left; display: inline-block; vertical-align: top; }
 div#fourth { width: calc(100%/4); height: auto; float: left; display: inline-block; vertical-align: top; }
 div#fifth { width: calc(100%/5); height: auto; float: left; display: inline-block; vertical-align: top; }
 div#twofourth { width: calc((100%/4)*2); height: auto; float: left; display: inline-block; vertical-align: top; }
 div#threefourth { width: calc((100%/4)*3); height: auto; float: left; display: inline-block; vertical-align: top; }
 div#twothird { width: calc((100%/3)*2); height: auto; float: left; display: inline-block; vertical-align: top;}
 div#full { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top;}
 div#half { width: 50%; height: auto; float: left; display: inline-block; vertical-align: top;}
 div#sixth { width: calc(100%/6); height: auto; float: left; display: inline-block; vertical-align: top; }
 div#foursixth { width: calc((100%/6)*4); height: auto; float: left; display: inline-block; vertical-align: top; }

  div.fullpage    { height: 100vh; }
  div.halfpage    { height: 50vh; }
  div.quarterpage { height: 25vh; }

  div.v100 { height: 100vh; }
  div.v90  { height: 90vh; }
  div.v80  { height: 80vh; }
  div.v70  { height: 70vh; }
  div.v60  { height: 60vh; }
  div.v50  { height: 50vh; }
  div.v40  { height: 40vh; }
  div.v30  { height: 30vh; }
  div.v20  { height: 20vh; }
  div.v10  { height: 10vh; }

  div.flex { padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 10px; }
  div.flexbox1 { grid-column: span 1; grid-row: span 1; }
  div.flexbox2 { grid-column: span 2; grid-row: span 1; }
  div.flexbox3 { grid-column: span 3; grid-row: span 2; }
  div.flexbox4 { grid-row: span 4; }
  div.flexbox5 { grid-row: span 5; }
  div.flexbox6 { grid-row: span 6; }
  
  div.fb { display: flex; flex-wrap: wrap; flex-direction: row; align-items: stretch; align-content: stretch; }

  div.fb1 { flex: 1; min-width: 200px; }
  div.fb2 { flex: 2; min-width: 300px; }
  div.fb3 { flex: 3; }
  div.fb4 { flex: 4; }
  div.fb5 { flex: 5; }

  DIV.artframe { width: 40%; height: auto; margin: 0px auto; position: absolute; left: 0; bottom: 40px; right: 0; background-color: rgba(0,0,0,0.8); padding: 10px 40px 20px 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  DIV.artframe H2 {  text-align: center; text-wrap: balance; }
  DIV.artframe H2 A { font-family: Roboto, Arial, Helvetitca, Futura;; font-size: 20pt; color: #FFFFFF; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); text-decoration: none; }
  DIV.artframe P.author { font-family: Roboto, Arial, Helvetitca, Futura;; font-size: 10pt; color: #AAAAAA; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); text-align: center; }
  DIV.artframe P.description { display: block; font-family: Roboto, Arial, Helvetitca, Futura;; font-size: 12pt; color: #FFFFFF; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); -webkit-column-count:2; -moz-column-count:2; column-count:2; text-align: justify;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px; }
  DIV.artframe div.type { font-family: Roboto, Arial, Helvetitca, Futura;; font-size: 10pt; color: #FFFFFF; text-align: center; margin: -23px auto -10px auto; background-color: #226633; padding: 10px; display: block; width: 200px; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
 



}

@media only screen and (min-width: 768px) and (max-width: 1399px) {  /* TABLET */
 .articleheight { height: 400px;  }
}


div.newsbox { position: relative; background-color: #FFFFFF; width: 100%-1px; border: 0; cursor: pointer; display: block; margin: 0px; border: 1px solid #EEEEEE; }
div.newsbox  div.badge { position: absolute; z-index: 2; width: 100%; top: 0; left: 0; padding-left: 20px; padding-right: 20px; padding-top: 10px; box-sizing: border-box; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

 div.newsbox div.badge div.tag { display: inline-block; width: auto; background-color: rgba(0,0,0,0.7);  font-size: 8pt; font-family: Roboto, Arial, Helvetitca, Futura; text-transform: uppercase; color: #FFFFFF; margin-bottom: 5px;  padding: 5px 10px; clear: right; }
 div.newsbox div.badge div.tag A { font-size: 8pt; font-family: Roboto, Arial, Helvetitca, Futura; text-transform: uppercase; color: #FFFFFF; text-decoration: none; }
div.newsbox div.badge div.title { padding: 0px 0px 10px 0px; font-size: 1.25rem; color: #888888; margin-bottom: 5px; line-height: 110%; }
div.newsbox div.badge .title A { text-decoration: none; font-family: Roboto, Arial, Helvetitca, Futura; line-height: 110%; font-weight: 700; color: #222222; -webkit-font-smoothing: antialiased; }
div.newsbox div.badge div.description { font-size: 10pt; font-family: Roboto, Arial, Helvetitca, Futura; color: #222222; padding: 5px 0px; text-align: justify;  line-height: 125%; }
div.newsbox div.badge div.author { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; display: inline-block; color: #888888; text-transform: uppercase; padding: 5px 10px 5px 0px; border-right: 1px solid rgba(0,0,0,.5); }
div.newsbox div.badge div.author A { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; color: #888888; text-decoration: none; text-transform: uppercase;  }
div.newsbox div.badge div.date { display: inline-block; font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; padding: 0px; color: #AAAAAA; text-transform: uppercase; padding: 5px 10px 5px 10px; }
div.newsbox div.badge div.social { display: inline-block; font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; padding: 0px; color: #888888; text-transform: uppercase; padding: 5px 10px 5px 10px; }
 
div.newsbox div.infobox { position: absolute; z-index: 2; width: 100%; bottom: 0; left: 0; padding-bottom: 10px; border-top: 1px solid #EEEEEE; padding-top: 5px; }
div.newsbox div.infobox div.data { font-size: 8pt; font-family: Roboto, Arial, Helvetitca, Futura; display: inline-block; color: #AAAAAA; text-transform: uppercase; padding: 0px 15px 0px 15px; border-right: 1px solid rgba(0,0,0,.2);  }
div.newsbox div.infobox div.data A { font-size: 8pt; font-family: Roboto, Arial, Helvetitca, Futura; color: #AAAAAA; text-decoration: none; text-transform: uppercase; }
div.newsbox div.infobox div.data:last-child { border-right: none; }


 .artbox { background-size: cover; background-position: center center; position: relative; background-repeat: no-repeat; background-color: #EEEEEE; width: 100%; border: 0; cursor: pointer; display: block; margin: 0px; }
 .artbox::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.3); }
 .artbox:hover::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); }
 .artbox .badge-head { top: 0; left: 10px; position: absolute; background-color: rgba(255,255,255,.8); color: #000000; padding: 5px 10pt; font-size: .8rem; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
 div.artbox div.badge { position: absolute; z-index: 2; width: 100%; bottom: 0; left: 0; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; box-sizing: border-box; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
 div.artbox::after { position: absolute; content: ""; top: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top,transparent 0,transparent 45%,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,transparent 0,transparent 45%,rgba(0,0,0,.65) 100%); -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; }

 div.artbox div.badge div.tag { display: inline-block; width: auto; background-color: rgba(0,0,0,0.7);  font-size: 8pt; font-family: Roboto, Arial, Helvetitca, Futura; text-transform: uppercase; color: #FFFFFF; margin-bottom: 5px;  padding: 2px 5px; clear: right; }
 div.artbox div.badge div.tag A { font-size: 8pt; font-family: Roboto, Arial, Helvetitca, Futura; text-transform: uppercase; color: #FFFFFF; text-decoration: none; }

 div.artbox div.badge div.title { padding: 0px 0px 10px 0px; font-size: 1.5rem; color: #FFFFFF; margin-bottom: 5px; line-height: 110%; }
 div.artbox div.badge .title A { text-decoration: none; font-family: Roboto, Arial, Helvetitca, Futura; line-height: 110%; font-weight: 700; color: #fafafa; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 2px #000000; }
 div.artbox div.badge div.author { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; display: inline-block; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 5px 10px 5px 0px; border-right: 1px solid rgba(255,255,255,.5); }
 div.artbox div.badge div.author A { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; color: #FFFFFF; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; }
 div.artbox div.badge div.date { display: inline-block; font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; padding: 0px; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 5px 10px 5px 10px; }
 div.artbox div.badge div.social { display: inline-block; font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; padding: 0px; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 5px 10px 5px 10px; }
 div.artbox div.badge div.infobox { border-top: 1px solid rgba(255,255,255,.5); padding: 5px 5px 5px 0px; }
 div.artbox div.badge div.infobox div.data { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; display: inline-block; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 0px 5px 0px 5px; border-right: 1px solid rgba(255,255,255,.5); }
 div.artbox div.badge div.infobox div.data A { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; color: #FFFFFF; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; }
 div.artbox div.badge div.infobox div.data:last-child { border-right: none; }
 div.artbox div.badgesm { position: absolute; z-index: 2; width: 100%; bottom: 0; left: 0; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; box-sizing: border-box; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
 div.artbox::after { position: absolute; content: ""; top: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top,transparent 0,transparent 45%,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,transparent 0,transparent 45%,rgba(0,0,0,.65) 100%); -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; }
 div.artbox div.badgesm span.tag:after, div.artbox div.badgesm span.tag:before { content: ""; display: table; }
 div.artbox div.badgesm span.tag { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; text-transform: uppercase; color: #FFFFFF; margin: 5px 0px; }
 div.artbox div.badgesm span.tag A { color: #FFFFFF; font-family: Roboto, Arial, Helvetitca, Futura; font-size: .8rem; text-decoration: none; padding: 5px 5px; background-color: rgba(0,0,0,0.7); }
 div.artbox div.badgesm div.title { padding: 0px 0px; font-size: 1rem; color: #FFFFFF; margin-top: 10px; margin-bottom: 5px; line-height: 125%; }
 div.artbox div.badgesm .title A { text-decoration: none; font-family: Roboto, Arial, Helvetitca, Futura; font-weight: 700; color: #fafafa; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 2px #000000; }
 div.artbox div.badgesm div.infobox { border-top: 1px solid rgba(255,255,255,.5); padding: 5px 5px 5px 0px; }
 div.artbox div.badgesm div.infobox div.data { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; display: inline-block; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 0px 5px 0px 5px; border-right: 1px solid rgba(255,255,255,.5); }
 div.artbox div.badgesm div.infobox div.data A { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; color: #FFFFFF; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; }
 div.artbox div.badgesm div.infobox div.data:last-child { border-right: none; }
 div.artbox div.badgesm div.author { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; display: inline-block; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 0px 5px 0px 5px; border-right: 1px solid rgba(255,255,255,.5); }
 div.artbox div.badgesm div.author A { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; color: #FFFFFF; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; }
 div.artbox div.badgesm div.date { display: inline-block; font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; padding: 0px; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 0px 5px 0px 5px; }
 div.artbox div.badgesm div.social { display: inline-block; font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; padding: 0px; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 0px 5px 0px 5px; }

/* FEATURE BLOCK */
div.featurebox div.headline { padding: 20px 0px 10px 0px; font-size: 18pt; color: #000000; margin-bottom: 5px; line-height: 125%; }
div.featurebox div.headline A { text-decoration: none; font-family: Roboto, Arial, Helvetitca, Futura; line-height: 110%; font-weight: 900; color: #000000; -webkit-font-smoothing: antialiased; }

div.featurebox div.description { padding: 0px 0px 10px 0px; font-size: 12pt; color: #000000; margin-bottom: 5px; line-height: 125%; font-family: Roboto, Arial, Helvetitca, Futura; min-height: 75px; }

div.featurebox div.infobox { border-top: 1px solid #DDDDDD; padding: 5px 5px 5px 0px; }
div.featurebox div.infobox div.data { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; display: inline-block; color: #AAAAAA; text-transform: uppercase; padding: 0px 5px 0px 5px; border-right: 1px solid #DDDDDD; }
div.featurebox div.infobox div.data A { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; color: #AAAAAA; text-decoration: none; text-transform: uppercase;  }
div.featurebox div.infobox div.data:last-child { border-right: none; }


/* HORIZONTAL FEATURE BLOCK */
div.hfeaturebox div.headline { padding: 5px 0px 5px 0px; font-size: 18pt; color: #000000; margin-bottom: 5px; line-height: 125%; }
div.hfeaturebox div.headline A { text-decoration: none; font-family: Roboto, Arial, Helvetitca, Futura; line-height: 110%; font-weight: 900; color: #000000; -webkit-font-smoothing: antialiased; }

div.hfeaturebox div.description { padding: 0px 0px 10px 0px; font-size: 12pt; color: #000000; margin-bottom: 5px; line-height: 125%; font-family: Roboto, Arial, Helvetitca, Futura; min-height: 50px; }

div.hfeaturebox div.infobox { border-top: 1px solid #DDDDDD; padding: 5px 5px 5px 0px; }
div.hfeaturebox div.infobox div.data { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; display: inline-block; color: #AAAAAA; text-transform: uppercase; padding: 0px 5px 0px 5px; border-right: 1px solid #DDDDDD; }
div.hfeaturebox div.infobox div.data A { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; color: #AAAAAA; text-decoration: none; text-transform: uppercase;  }
div.hfeaturebox div.infobox div.data:last-child { border-right: none; }



div.videofeaturebox div.headline { padding: 20px 0px 10px 0px; font-size: 12pt; color: #000000; margin-bottom: 5px; line-height: 125%; min-height: 80px; }
div.videofeaturebox div.headline A { text-decoration: none; font-family: Roboto, Arial, Helvetitca, Futura; line-height: 110%; font-weight: 900; color: #000000; -webkit-font-smoothing: antialiased; }

div.videofeaturebox div.infobox { border-top: 1px solid #DDDDDD; padding: 5px 5px 5px 0px; }
div.videofeaturebox div.infobox div.data { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; display: inline-block; color: #AAAAAA; text-transform: uppercase; padding: 0px 5px 0px 5px; border-right: 1px solid #DDDDDD; }
div.videofeaturebox div.infobox div.data A { font-size: .8rem; font-family: Roboto, Arial, Helvetitca, Futura; color: #AAAAAA; text-decoration: none; text-transform: uppercase;  }
div.videofeaturebox div.infobox div.data:last-child { border-right: none; }



/* pagination */
.pagination { text-align: center; margin-top: 20px; }
.pagination A { font-size: 10pt; font-family: Caudex, Serif; border: 1px solid #DDDDDD; background-color: #F6F6F6; text-decoration: none; color: #222222; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.pagination A.s { font-size: 12pt; font-family: Caudex, Serif; border: 1px solid #194261; background-color: #25618F; text-decoration: none; color: #FFFFFF; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: bold; }

#divfade, #divide { 
  clear: both;
  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;
}

div.f H1 { font-family: Roboto, Arial, Helvetitca, Futura;; text-align: center; font-family: 30pt; }
div.f P { font-family: Roboto, Arial, Helvetitca, Futura; text-align: justify; margin: 20px 40px; font-family: 14pt; line-height: 150%; }

div.newsnav H3 { font-family: Roboto, Arial, Helvetitca, Futura;; text-align: center; font-family: 18pt; color: #25618F; font-weight: 300; text-transform: uppercase;  }
div.newsnav H3 A { font-family: Roboto, Arial, Helvetitca, Futura;; text-align: center; font-family: 18pt; color: #25618F; font-weight: 300; text-transform: uppercase; text-decoration: none;  }

UL.fancylist { margin: 10px 0px 10px 0px; padding: 0px; display: block; width: 100%-1px; list-style: none; }
UL.fancylist  LI { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 10pt; padding: 15px 0px; display: block; width: 100%; list-style: none; border-top: 1px solid #EEEEEE; }
UL.fancylist  LI DIV.headline A { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 12pt; color: #000000; text-decoration: none; font-weight: 900; }
UL.fancylist  LI DIV.info { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 10pt; color: #666666; padding: 5px 0px 0px 0px; }

div.newsnav UL#directory { margin: 10px 5px 40px 5px; padding: 0px; display: block; width: 100%-1px; list-style: none; }
div.newsnav UL#directory LI { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 12pt; padding: 5px 10px; display: block; width: 100%; list-style: none; border-top: 1px solid #EEEEEE; }

div.newsnav UL#directory LI A { text-decoration: none; color: #000000; }
div.newsnav UL#directory LI A.s { text-decoration: none; color: #25618F; font-weight: bold; }

div.newsnav UL#directory LI UL#subdirectory { margin: 0px; padding: 0px; display: block; width: 100%-1px; list-style: none; }
div.newsnav UL#directory LI UL#subdirectory LI { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 10pt; padding: 5px 10px; display: block; width: 100%; list-style: none; border-top: 1px solid #EEEEEE; }

div.newsnav UL#directory LI UL#subdirectory LI A { text-decoration: none; color: #000000; }
div.newsnav UL#directory LI UL#subdirectory LI A.s { text-decoration: none; color: #000000; font-weight: bold; }

 div.newsnav  FORM INPUT { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 14pt; padding: 5px 10px; line-height: 30px; border: 1px solid #DDDDDD; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; width: 200px; margin: 2px; }
 div.newsnav BUTTON { background-color: #DDDDDD; border: 1px solid #CCCCCC; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;  width: auto; text-align: center; text-decoration: none; color: #888888; padding: 5px 10px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 14pt; line-height: 30px; }
 div.newsnav BUTTON:hover { background-color: #25618F; border: 1px solid #14507E; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 5px 10px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 14pt; line-height: 30px; cursor:pointer; cursor:hand; }

div.highlightbox { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #EEEEEE; padding: 20px; }
div.highlightbox BUTTON {
  margin: 10px;background-color: #25618F; border: 1px solid #14507E; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 5px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 14pt; cursor:pointer; cursor:hand;
}
div.highlightbox BUTTON:hover {
  margin: 10px;background-color: #25618F; border: 1px solid #14507E; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 5px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 14pt; cursor:pointer; cursor:hand;
}
a.calltoaction, button.calltoaction, div.calltoaction {
  margin: 5px;background-color: #25618F; border: 1px solid #14507E; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 5px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 10pt; cursor:pointer; cursor:hand; line-height: 30px; white-space: nowrap; display: inline-block;
}
div.calltoaction A { text-decoration: none;  font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 10pt;  text-decoration: none; color: #FFFFFF;  }
a.calltoaction:hover, button.calltoaction:hover, div.calltoaction:hover {
  margin: 5px;background-color: #25618F; border: 1px solid #14507E; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 5px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 10pt; cursor:pointer; cursor:hand; line-height: 30px; white-space: nowrap; display: inline-block;
}

div.calltoaction:hover A { text-decoration: none;  font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 10pt;  text-decoration: none; color: #FFFFFF;  }