body {
   background-size: cover;
   background-image: url(../img/bg1.png);
   background-color: #FFFFFF;
   color: #000385;
   font-size: 87.5%;
   font-family: Arial, "Lucida sans unicode";
   line-height: 1.5;
   text-align: left;
}
a {
   text-decoration:none;
}

a:link, a:visited {

}

a:hover, a:activ {
 color: red;
}
.body {
   margin: 0 auto;
   width: 70%;
   clear: both;
}
.mainHeader p {
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   background: rgba(255,255,255,0.8);
   width: 100%;
}
.mainHeader img {

   width: 70%;
   height: auto;
   display: block;
   margin-top: 1%;
   margin-left: auto;
   margin-right: auto;
}
.mainHeader nav {
  background-color: #99cc33;
  height: 40px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.mainHeader ul {
   list-style: none;
   margin 0 auto;
}
.mainHeader ul li {
   float: left;
   display: inline;
}
.mainHeader nav a:link, .mainHeader nav a:visited {
  color:#FFFFFF;
  display: inline-block;
  padding: 10px 20px;
  height: 20px;

}
.mainHeader nav a:hover, .mainHeader nav a:active, .mainHeader nav a:focus ,
.mainHeader nav .active a:link, mainHeader nav .active a:visited {
    background-color: #ff9900;
//  background-color: #CF5C3F;
  text-shadow: none;
}
.mainHeader nav ul li a {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.mainContent {
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.content {
  width: 75%;
  float:left;
}

.content_os {
  width: 100%;
  float:left;
}
.content_os_h {
   width: 100%;
   height: 40%;
   margin: 0px;
   padding: 5px;
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.topContent {
   background: rgba(255,255,255,0.8);
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 2% 3%;
  margin-top: 2%;
}
.middleContent {
   background: rgba(255,255,255,0.8);
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 2% 3%;
  margin-top: 2%;
}
.sidebar {
   width: 23.5%;
   float: left;
   border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   margin: 1.5% 0 0 1.5%;
}
.sidebar nav {
  width: 100%;
  background-color: #99cc33;
  height: 120px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-top: -15px;
}
.sidebar ul {
   list-style: none;
   margin 0 auto;
   padding: 0px;
}
.sidebar ul li {
   width: 100%;
   float: left;
   display: inline;
   text-align: center;
   background-color:000000#;
}
.sidebar nav a:link, .Sidebar nav a:visited {
  color:#FFFFFF;
  padding: 10px 25px;
  height: 20px;
  display: block;
}
.sidebar nav a:hover, .sidebar nav a:active, .sidebar nav a:focus {
  background-color: #ff9900;
//  background-color: #CF5C3F;
  text-shadow: none;
}
.sidebar nav ul li a {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.sidebar img {
  width: 100%;
}
.mainFooter {
  width: 100%;
  float: left;
  margin: 2% 0;
}
.mainFooter nav {
  background-color: #99cc33;
//  background-color: #003366;
  height: 40px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.mainFooter ul {
 list-style: none;
 margin 0 auto;
}
.mainFooter ul li {
   float: left;
   display: inline;
}
.mainFooter nav a:link, .mainFooter nav a:visited {
  color:#FFFFFF;
  display: inline-block;
  padding: 10px 25px;
  height: 20px;
}
.mainFooter nav a:hover, .mainFooter nav a:active, .active {
  background-color: #ff9900;
//  background-color: #CF5C3F;
  text-shadow: none;
}
.mainFooter nav ul li a {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

@media only screen and (min-width: 150px) and (max-width: 834px) {
    .body {
        width: 95%;
        font-size: 95%;
     }
     .mainHeader nav {
         height: 200px;
     }
     .mainHeader ul {
         padding-left: 0px;
     }
     .mainHeader ul li {
         width: 100%;
         text-align: center;
     }
     .mainHeader nav a:link, .mainHeader nav a:visited {
         padding: 10px 25px;
         height: 20px;
         display: block;
      }
      .content {
         width: 100%;
      }
      .sidebar {
         width: 100%;
         margin: 2% 0 0 0%;
      }
      .mainFooter {
         width: 100%;
         float: left;
         margin: 2% 0;
      }
      .mainFooter nav {
         height: 160px;
      }
      .mainFooter ul {
         padding-left: 0px;
      }
      .mainFooter ul li {
         width: 100%;
         text-align: center;
      }
      .mainFooter nav a:link, .mainFooter nav a:visited {
         padding: 10px 25px;
         height: 20px;
         display: block;

      }
}