@import 'reset.css';
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow&.css);
@import url(http://fonts.googleapis.com/css?family=Junge&.css);
/*---------------------------------------------------
    LESS Elements 0.9ss
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
body {
  /*   background: black; */
  margin: 0;
  padding: 0;
  font-family: Arial;
  font-size: 12px;
  background: #181b48;
  /*  url(/style/i/page-bg.png) center top no-repeat; */
  /*   background: #000; */
  color: #666;
}
article {
  font: 14px/24px 'Junge', Palatino, Georgia;
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  font-family: 'Archivo Narrow';
  padding: 10px 0px 10px 10px;
  margin: 8px 0 8px 0;
}
article h1 strong,
article h2 strong,
article h3 strong,
article h4 strong,
article h5 strong,
article h6 strong {
  font-weight: normal;
}
article h1 {
  font-size: 22px;
  color: #ffffff;
  background-color: #000;
  width: 100%;
  border-bottom: 3px solid #ED2246;
}
article h1 a {
  color: #bef;
}
article h1 a:hover {
  color: #b60;
}
article h2 {
  border-bottom: 3px solid #c00404;
  color: #000;
  padding: 8px 0 4px;
  font-size: 20px;
}
article h3 {
  padding: 6px 0 6px 10px;
  font-size: 20px;
  background: #ED2246;
  color: white;
}
article h3 a {
  color: #07c;
}
article h4 {
  padding: 4px 0 4px 8px;
  font-size: 18px;
  color: white;
  background: #ED2246;
}
article h5 {
  padding: 4px 0;
  font-size: 18px;
}
article h6 {
  padding: 2px 0;
  font-size: 16px;
}
article p {
  padding: 6px 2px 6px 10px;
  color: #666;
  line-height: 24px;
  margin: 8px;
}
article p.feature {
  padding: 20px;
  margin: 0;
}
article .feature {
  background: #000;
  color: #444;
}
article .articleDate {
  background: #ffa;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 4px;
}
article a {
  color: #b60;
  padding: 3px;
  margin: 0 2px;
  border: 1px dotted transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
article a:hover {
  background-color: #ffd;
  border: 1px solid #DEDEBC;
}
article b,
article strong {
  font-weight: bolder;
}
article table {
  padding: 10px;
  border: 1px solid #ccc;
  width: 100%;
  /* Zebra striping */
}
article table th {
  background: #666;
  border: 1px solid #333;
  color: #fff;
}
article table td {
  padding: 3px;
  padding-left: 6px;
  border-right: 1px solid #ddd;
  font: 12px/20px Arial, sans-serif;
}
article table td > p {
  padding: 0;
}
article table td:last-child {
  border-right-width: 0;
}
article table tr:first-child td {
  background: #023;
  color: #fff;
  font-weight: bold;
  border: 1px solid #333;
}
article table tr:first-child td > p {
  color: #eef;
}
article table tr {
  border-bottom: 1px solid #ccc;
}
article table tr:last-child {
  border-bottom-width: 0px;
}
article table tr:nth-of-type(odd) {
  background: #dee;
}
#sitesNav {
  background: #ffffff url(/style/i/header-top-bg.jpg) 0 0 repeat-x;
  padding: 3px;
  height: 26px;
  line-height: 20px;
  border-bottom: 4px solid #999;
}
#sitesNav div {
  margin: 0 auto;
}
#sitesNav ul li {
  float: right;
  padding: 0px 20px;
  height: 29px;
  border-bottom: 3px solid #999;
}
#sitesNav ul li a {
  font-variant: small-caps;
  font-size: 14px;
  color: #777;
  font-weight: bold;
  text-decoration: none;
}
#sitesNav ul li:hover {
  border-bottom: 4px solid #ccc;
}
#sitesNav li.np {
  float: left;
}
#sitesNav li.np a {
  color: #4379ba;
  padding-bottom: 15px;
}
#sitesNav li.np a:hover {
  color: white;
}
#sitesNav li.np:hover {
  border-bottom: 2px solid #4379ba;
  background: black;
}
#sitesNav li.ice {
  float: left;
}
#sitesNav li.ice a {
  color: #86d0ff;
  padding-bottom: 15px;
}
#sitesNav li.ice a:hover {
  color: white;
}
#sitesNav li.ice:hover {
  border-bottom: 2px solid #86d0ff;
  background: #181b48;
}
#sitesNav li.lava {
  float: left;
}
#sitesNav li.lava a {
  color: #e88112;
  padding-bottom: 15px;
}
#sitesNav li.lava a:hover {
  color: white;
}
#sitesNav li.lava:hover {
  border-bottom: 2px solid #e88112;
  background: red;
}
#sitesNav li.wmc {
  float: left !important;
}
#sitesNav li.wmc a {
  color: #bd0924;
  padding-bottom: 15px;
}
#sitesNav li.wmc a:hover {
  color: white;
}
#sitesNav li.wmc:hover {
  border-bottom: 2px solid #9a1126;
  background: #bd0924;
}
#sitesNav li.np {
  float: left;
}
#sitesNav li.np a {
  color: #4379ba;
}
#sitesNav li.np:hover {
  border-bottom: 4px solid #4379ba;
}
#sitesNav li.ice {
  float: left;
}
#sitesNav li.ice a {
  color: #86d0ff;
}
#sitesNav li.ice:hover {
  border-bottom: 4px solid #86d0ff;
}
#sitesNav li.lava {
  float: left;
}
#sitesNav li.lava a {
  color: #e88112;
}
#sitesNav li.lava:hover {
  border-bottom: 4px solid #e88112;
}
div.center {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
#headerLogos {
  display: inline;
  float: left;
  width: 960px;
  margin: 0 0px;
  padding: 4px 0 4px 80px;
}
header#top {
  display: inline;
  float: left;
  width: 960px;
  margin: 0 0px;
  background: #eee;
}
header#top nav {
  display: inline;
  float: left;
  width: 720px;
  margin: 0 0px;
  background: #000;
  border-bottom: 4px solid #ED2246;
  text-transform: uppercase;
  line-height: 40px;
}
header#top #sub-nav {
  width: 720px;
}
header#top .sub-nav {
  background: #eee;
  border-bottom: 4px solid #ED2246;
}
header#top .sub-nav ul {
  padding-left: 20px;
}
header#top .sub-nav ul li {
  padding: 13px 0px;
  border-bottom: 4px solid #ED2246;
  text-align: center;
}
header#top .sub-nav ul li:hover {
  border-bottom: 4px solid #ED2246;
  background: white;
}
header#top .sub-nav ul li.selected {
  border-bottom: 4px solid #000;
  background: #fff;
}
header#top .sub-nav a {
  text-transform: uppercase;
  color: #3465a1;
  padding: 9px 12px;
  border-right: 1px solid #ddd;
  text-decoration: none;
}
header#top .sub-nav a:hover {
  color: #3465a1;
  text-decoration: underline;
}
.side-width {
  display: inline;
  float: left;
  width: 240px;
  margin: 0 0px;
}
.toggleImages {
  border: 0 !important;
  padding-top: 10px;
}
.toggleImages img {
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
  padding-top: 5px;
  cursor: pointer;
}
.toggleImages img:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
.toggleImages:hover {
  background: inherit !important;
}
.imageSliderContainer {
  background: #fff;
  text-align: center;
  height: 400px;
  width: 960px;
  overflow: hidden;
}
.imageSliderContainer .imageSlider {
  float: left;
}
.imageSliderContainer .imageSlider .slider > div {
  height: 400px;
  color: white;
  text-align: left;
}
.imageSliderContainer .imageSlider .slider > div h1 {
  font-size: 20px;
  background: rgba(255, 255, 255, 0.13);
  padding: 20px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  text-shadow: 1px 2px 3px #333, 0px 0px 1px #000;
}
.imageSliderContainer .imageSideBar {
  text-align: left;
  height: 400px;
  overflow: scroll;
  background: white;
}
.imageSliderContainer .imageSideBar ul {
  padding: 10px 0 0 0px;
  list-style: none;
}
.imageSliderContainer .imageSideBar ul li {
  line-height: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #ccc;
}
.imageSliderContainer .imageSideBar ul li a {
  color: #3267A6;
  font-weight: bold;
  text-decoration: none;
}
.imageSliderContainer .imageSideBar ul li:hover {
  background: #dee;
}
.registration {
  background: #ED2246;
  border-bottom: 4px solid #000000;
  float: right;
  line-height: 40px;
  text-align: center;
  margin-bottom: -4px;
}
.registration a {
  padding: 10px;
  text-decoration: none;
  color: white;
  text-transform: uppercase;
}
.registration a:hover {
  text-decoration: underline;
}
.registration:hover {
  background: #FF2266;
  border-bottom: 4px solid #222;
}
.message {
  padding: 20px;
  margin: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #999;
  color: #000;
  font-family: sans-serif;
  font-weight: bold;
}
.message p {
  color: #000;
  font-family: sans-serif;
  font-weight: bold;
}
.success {
  background: #85ea9a;
  border-color: #46ce61;
  color: #108d44;
}
.success p {
  color: #108d44;
}
.pleaseWait {
  background: #fff9ba;
  color: #89770b;
  border-color: #b7af15;
}
.pleaseWait p {
  color: #89770b;
}
.error {
  background: #ffc9c9;
  border-color: #e67777;
  color: #733030;
}
.error p {
  color: #733030;
}
.highlightField {
  border: 1px solid #b70f0f;
}
.faux-back {
  float: left;
  background: #eaeaea url(/style/i/sidebar-bg.png) 0 0 repeat;
}
#maincolumn {
  display: inline;
  float: left;
  width: 720px;
  margin: 0 0px;
  background: white;
}
#maincolumn > div {
  padding: 20px;
}
#sidebar {
  display: inline;
  float: left;
  width: 240px;
  margin: 0 0px;
  background: #eaeaea url(/style/i/sidebar-bg.png) 0 0 repeat;
}
#sidebar > div {
  padding: 10px;
  text-align: center;
}
#gallery-wrap {
  float: left;
  padding: 5px;
  margin-bottom: 15px;
}
#gallery-wrap .header li {
  float: left;
  background: #3465a1;
  padding: 0px;
}
#gallery-wrap .header li a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 35px;
  padding: 12px;
}
#gallery-wrap .header li a:hover {
  text-decoration: underline;
  background: white;
  color: #3465a1;
}
#gallery-wrap .header li.selected {
  background: #777;
}
#gallery-wrap .content {
  clear: both;
  padding: 10px;
  background: #3465a1;
  float: left;
}
#gallery-wrap .gallery {
  text-align: center;
}
#gallery-wrap .gallery li {
  display: inline;
  width: 40%;
  float: left;
  padding: 8px;
}
#gallery-wrap .gallery img {
  border: 3px solid white;
}
#gallery-wrap .videos {
  display: none;
}
.feature-box {
  clear: both;
  padding-top: 20px;
  border: 1px solid #ccc;
  padding: 10px;
  background: #eee;
  margin-bottom: 10px;
}
.feature-box ul li {
  width: 160px;
  margin: 4px auto;
  background: #000;
}
.feature-box ul li a {
  color: #fff;
  line-height: 22px;
  padding: 4px;
  width: 100%;
  text-decoration: none;
  text-transform: uppercase;
}
.feature-box ul li a:hover {
  color: white;
}
.feature-box ul li:hover {
  background: #ED2246;
}
.feature-box .header {
  background: transparent;
  color: #3465a1;
  text-transform: uppercase;
  padding: 5px;
}
article ol,
article ul {
  padding-left: 40px;
  list-style: square;
}
article ol li,
article ul li {
  line-height: 22px;
  padding-left: 0px;
  padding-bottom: 10px;
}
article ol {
  list-style: decimal;
}
footer {
  display: inline;
  float: left;
  width: 960px;
  margin: 0 0px;
  background: #aaa;
  color: white;
}
footer a {
  color: white;
}
footer a:hover {
  color: #ffca37;
}
footer .footernav {
  display: inline;
  float: left;
  width: 320px;
  margin: 0 0px;
}
footer .footernav li {
  width: 100%;
  padding: 10px;
  text-align: center;
}
footer .footernav li a {
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}
footer .footernav li a:hover {
  text-decoration: underline;
}
footer .footernav li.npheader {
  background: #4379ba;
  padding: 15px;
}
footer .footernav li.npheader a {
  font-size: 16px;
}
footer .footernav li.iceheader {
  background: #86d0ff;
  padding: 15px;
}
footer .footernav li.iceheader a {
  font-size: 16px;
}
footer .footernav li.lavaheader {
  background: #e88112;
  padding: 15px;
}
footer .footernav li.lavaheader a {
  font-size: 16px;
}
footer .copyright {
  display: inline;
  float: left;
  width: 960px;
  margin: 0 0px;
  padding: 20px;
  border-top: 1px solid #ccc;
  background: #999;
  text-align: center;
}
ul.horizontal {
  clear: both;
}
ul.horizontal li {
  display: inline;
  list-style-type: none;
}
ul.horizontal li ul li {
  display: block;
}
#subMenu {
  display: inline;
  float: left;
  width: 720px;
  margin: 0 0px;
  clear: both;
  *zoom: 1;
}
#subMenu:before,
#subMenu:after {
  content: "";
  display: table;
}
#subMenu:after {
  clear: both;
}
hr,
.hr {
  display: block;
  position: relative;
  padding: 0;
  margin: 8px auto;
  width: 80%;
  clear: both;
  border: none;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #FFF;
  font-size: 1px;
  line-height: 0;
  overflow: visible;
}
.space {
  padding: 10px !important;
}
.space-10 {
  padding: 10px !important;
}
.space-20 {
  padding: 20px !important;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */
  .imageSliderContainer {
    display: none;
  }
  #sitesNav div {
    width: 100%;
  }
  #sitesNav div li {
    padding: 0 4px;
    height: auto;
  }
  #sitesNav div li a {
    font-size: 10px;
  }
  header {
    width: 100%;
  }
  .faux-back article {
    width: 100%;
  }
  .faux-back article > div {
    padding: 0;
  }
  .faux-back sidebar {
    width: 100%;
  }
  footer {
    width: 100%;
  }
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  /* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* Styles */
  .imageSliderContainer {
    display: none;
  }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* Styles */
}
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* Styles */
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}