body{
  background-color: #000066;
}
.container{
  width: 80%;
  margin: auto;
  overflow: hidden;
}
/* header */
header{
  background: #FFFF99;
  color: #ffffff;
  padding-top: 30px;
  min-height: 70px;
  border-color: #009933; 
  border-width: 10  px;
  border-style: solid;
}

    border: 2px solid 
    border-radius: 12px;p {

    }

ul{
    margin: 0;
    padding: 0;
}


header a{
     color:#ffffff;
     text-decoration: none;
     text-transform: lowercase;
     font-size: 16px;
}

header li{
  float: left;
  display: inline;
  padding: 0 20px 0 20px;
}

header #branding{
    float: left;
}
header #branding h1{
    margin: 0;
}
header nav{
    float: right;
    margin-top: 10px;
}
header .highlight, header .current{
    color: #e8491d;
    font-weight: bold;
    text-shadow: 2px;
}
header a: hover{
    color: #cccccc;
    font-weight: bold;

}
/* boxes*/
#boxes .box{
    float: left;
    width: 27%;
    padding: 10px;
    text-align: center;
}
footer{
    padding: 0px;
    margin-top: 50px;
    color: #ffffff;
    background-color: #e8491d;
    text-align: center;
    border-color: #000000;
    border-width: 2px;
    border-style: solid;
}