*{
    box-sizing:border-box;
    background-color: gray;
}

.container{
    position:relative;
    margin:0px auto;
    width:1000px;
    height:800px;
    border:solid black 1px;
}
nav ul li {
    display: inline;
    background-color: lightblue;
    margin: 10px 10px;
    padding: 5px 10px;
    border: groove navy 3px;
}
.header {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    height:129px;
    text-align: center;
    background-color: gray;
    border:solid blue 1px;
}
.footer {
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    height:125px;
    background-color: gray;
    border:solid blue 1px;
}
.content {
    position:absolute;
    top: 129px;
    bottom: 0px;
    left:165px;
    right:165px;
    height:500px;
    background-color: gray;
    border:solid gray 1px;
}

.left {
    position:absolute;
    top:128px;
    left:0px;
    height:500px;
    border:solid gray 1px;
    background-color: rgb(0, 102, 204) ;
    width: 165px;
}
.right {
    position:absolute;
    top:128px;
    right:0px;
    height:500px;
    border:solid gray 1px;
    background-color:rgb(0, 102, 204) ;
    width: 165px;
}

a:link {
   color: lightblue;
    background-color: rgb(0, 102, 204);
   text-decoration:none;
}
a:visited {
   color: gray;
    background-color: lightblue;
   text-decoration:none;
}
a:hover {
   color: white;
   text-decoration:none;
   border: groove navy 3px;
   background-color: gray;
}
a:active {
   color: black;
   text-decoration:none;
   border: groove navy 3px;
   background-color: gray;
}