@media only screen and ( min-width : 320px ) and ( max-width : 568px ) {
}

@media only screen and ( max-width : 568px ) and ( orientation : landscape ) {
}

@media only screen and ( max-width : 918px ) {
  #body {
    margin: 0px;
    min-height: 1175px;
    padding: 0px;
    width: 100%;
    z-index: 3;
  }
  #body.home {
    margin: 0px;
    padding: 0px;
    width: 100%;
  }
  #body.home .header div, #body.home .body div, #body.home .footer div, #body.about .header div, #body .header div, #body.about .body div, #body.about .footer div, #body.about .section div {
    margin: 0px auto;
    max-width: none;
    overflow: hidden;
    padding: 10% 0px;
    position: relative;
    width: 95%;
  }
  #body.home .header div img.satellite {
    left: 2px;
  }
  #body.home .header div h1 {
    float: none;
    margin: 0px;
    padding: 30% 0px 10%;
    text-align: center;
    width: 100%;
  }
  #body.home .header div h2 {
    float: none;
    margin: 0px;
    padding: 0px 0px 10%;
    text-align: center;
    width: 100%;
  }
  #body.home .header div a.more {
    float: none;
    margin: 0px auto;
    z-index: 55;
  }
  #body.home .header div h3 {
    margin: 106px 0px 0px;
    width: 100%;
  }
  #body.home .header div ul, #body.home .footer div ul, #body.home .footer div ul li ul {
    margin: 0px;
    padding: 10% 0px;
    width: 100%;
  }
  #body.home .header div ul li:first-child, #body.home .header div ul li {
    border: medium none;
    float: none;
    margin: 10% 0px;
    width: 100%;
  }
  #body.home .header div ul li a {
    margin: 0px auto;
  }
  #body.home .header div ul li a img, #body .header div .article ul li a img {
    margin: 0px auto;
  }
  #body.home .body div h1, #body.home .body div p {
    width: 90%;
  }
  #body.home .footer div ul li:first-child, #body.home .footer div ul li, #body .header div .sidebar ul li ul {
    float: none;
    margin: 0px 0px 10%;
    padding: 0px;
    width: 100%;
  }
  #body.home .footer div ul li h1, #body.home .footer div ul li ul li h1, #body.home .footer div ul li ul li span {
    float: none;
    text-align: center;
    width: 100%;
  }
  #body.home .footer div ul li a {
    height: 100%;
    width: 100%;
  }
  #body.home .footer div ul li a img {
    margin: 0px auto;
    width: 90%;
  }
  #body.home .footer div ul li a span {
    left: 46%;
    top: 39%;
  }
  #body.home .footer div ul li ul li:first-child, #body.home .footer div ul li ul li {
    width: 100%;
  }
  #body.home .footer div ul li ul li a.more {
    float: none;
    margin: 0px auto;
  }
  #body.home .footer div ul li ul li a {
    display: block;
    float: none;
    height: 90px;
    margin: 0px auto;
    padding: 0px;
    width: 100px;
  }
  #body.about .header div h1, #body .header div h1, #body.about .header div h2, #body.about .header div p, #body.about .body div h2, #body.about .body div p, #body.about .footer div h2, #body.about .footer div p, #body.about .section div h2, #body.about .section div p, #body .header div ul li div h1, #body .header div ul li div p, #body .header div h2, #body .header div p, #body .header div .sidebar ul li h1, #body .header .contact h2 {
    float: none;
    text-align: center;
    width: 100%;
  }
  #body.about .body div img, #body.about .footer div img, #body .header div ul li a img, #body .header div ul li div a.more, #body .header div .article ul li a.more, #body .header div .sidebar ul li ul li a img, #body .header div .sidebar ul li a img {
    float: none;
    margin: 0px auto;
  }
  #body .header div ul, #body .header div .article ul, #body .header div .sidebar ul {
    max-width: none;
    padding: 0px;
    width: 100%;
  }
  #body .header div ul li a, #body .header div .article ul li a, #body .header div .sidebar ul li a, #body .header div .sidebar ul li ul li a {
    float: none;
    height: auto;
    margin: 0px auto;
    width: auto;
  }
  #body .header div ul li div, #body .header div .article, #body .header div .sidebar {
    float: none;
    margin: 0px;
    padding: 10% 0px;
    width: 100%;
  }
  #body .header div .sidebar ul li ul li h2, #body .header div .sidebar ul li ul li span, #body .header div .article ul li h1, #body .header div .article ul li span, #body .header div .article ul li p, #body .header div .sidebar ul li h2, #body .header div .sidebar ul li span {
    float: none;
    padding: 2% 0px 1%;
    text-align: center;
    width: 100%;
  }
  #body .header div form {
    width: 100%;
  }
  #body .header div form input, #body .header div form textarea {
    appearance: none;
    border-radius: 0px;
    margin: 0px auto 10%;
    width: 90%;
  }
  #body .header div form input#submit {
    appearance: none;
    border-radius: 0px;
    float: none;
    margin: 0px auto;
  }
  #footer {
    width: 100%;
  }
  #footer .connect {
    width: 100%;
  }
  #footer .connect div, #footer .footnote div {
    margin: 0px auto;
    padding: 10% 0px;
    width: 95%;
  }
  #footer .connect div h1 {
    float: none;
    font-size: 17px;
    line-height: 20px;
    margin: 0px;
    padding: 0px 0px 10%;
    text-align: center;
    width: 100%;
  }
  #footer .connect div div {
    float: none;
    margin: 0px auto;
    padding: 0px;
    width: 210px;
  }
  #footer .footnote div p {
    width: 100%;
  }
}

@media only screen and ( max-width : 959px ) {
  body #page {
    margin: 0px;
    padding: 0px;
    width: auto;
  }
  html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
  }
  img {
    max-width: 100%;
  }
  body #page {
    margin: 0px;
    overflow: hidden;
    padding: 0px;
    width: auto;
  }
  #header {
    min-height: 73px;
    width: 100%;
  }
  #header div {
    margin: 0px auto;
    max-width: none;
    min-height: 105px;
    width: 95%;
  }
  #header div a.logo {
    display: block;
    float: left;
    height: 60px;
    margin: 5% 0px 0px;
    padding: 0px;
    width: 79%;
  }
  #header div span#mobile-navigation {
    background: transparent url("../images_cpm/mobile/mobile-menu.png") no-repeat scroll 0% 0%;
    display: block;
    height: 50px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 3%;
    top: 14px;
    width: 50px;
    z-index: 999;
  }
  #header div > ul#navigation {
    background: rgba(98, 0, 49, 0.91) none repeat scroll 0% 0%;
    border: 1px solid #f1f2f2;
    border-radius: 0px;
    display: none;
    float: none;
    height: auto;
    padding: 0px;
    position: absolute;
    right: 3%;
    top: 64px;
    width: 92%;
    z-index: 1000;
  }
  #header div > ul#navigation > li {
    border-left: 0px none;
    border-top: 1px solid #f1f2f2;
    margin: 0px;
    height: auto;
    padding: 0px;
    position: relative;
    text-align: left;
    width: 100%;
  }
  #header div > ul#navigation > li:first-child {
    border-top: 0px none;
  }
  #header div > ul#navigation > li:hover {
    background-color: transparent;
  }
  #header div ul#navigation li a {
    border: medium none;
    color: #eeeced;
    display: block;
    font-family: Arial;
    font-size: 1.125em;
    font-weight: normal;
    height: 3em;
    line-height: 3.125em;
    min-height: 54px;
    padding: 0px 10px;
    text-align: left;
    text-decoration: none;
text-shadow: none;
    width: auto;
  }
  #header div .mobile-submenu {
    background: rgba(98, 0, 49, 0.91) url("../images_cpm/mobile/mobile-expand.png") no-repeat scroll center center;
    border-left: 1px solid #f1f2f2;
    display: inline-block;
    height: 3.4em;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    z-index: 0;
  }
  #header div ul#navigation li ul {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
    border-top: 1px solid #f1f2f2;
    padding: 0px;
    position: static;
    right: 0px;
    text-align: left;
    width: 100%;
    z-index: 999;
  }
  #header div ul#navigation li ul, #header div ul#navigation li:hover ul {
    display: none;
  }
  #header div ul#navigation li {
    height: auto;
    width: 100%;
    z-index: 40;
  }
  #header div ul#navigation li ul li {
    background: rgba(98, 0, 49, 0.91) none repeat scroll 0% 0%;
    border-top: 1px solid #f1f2f2;
    display: block;
    height: auto;
    margin: 0px;
    padding: 0px;
    text-align: left;
    width: 100%;
  }
  #header div ul#navigation li ul li:first-child {
    border: medium none;
  }
  #header div ul#navigation li ul li a {
    background: rgba(98, 0, 49, 0.91) none repeat scroll 0% 0%;
    color: #eeeced;
    padding-left: 20px;
    text-align: left;
    text-decoration: none;
    width: auto;
  }
  #header div ul#navigation li:hover a, #header div ul#navigation li.selected a, #header div ul#navigation li:hover ul li a, #header div ul#navigation li:hover ul li a:hover, #header div ul#navigation li ul li.selected a {
    display: block;
  }
  #header div ul#navigation li.selected > a {
    background: rgba(0, 0, 0, 0.91) none repeat scroll 0% 0%;
    color: #eeeced;
    text-decoration: none;
  }
  #header div ul li.selected a, #header div ul li.selected a:hover, #header div ul li.menu ul#selected li.selected a {
    color: #eeeced;
    text-decoration: none;
  }
}

#arial {
  font-family: "Arial";
  font-size: x-large;
}