* {
   padding: 0px;
   margin: 0px;
}

body {
   background-color: gray;
}

#pageContainer {
   width: 800px;
   height: 930px;
   background-color: white;
   border-style: solid;
   border-width: 3px;
   border-color: black;
   margin: auto;
}

#leftSide {
   position: relative;
   width: 101px;
   height: 800px;
   top: 0px;
   left: 0px;
   background-image: url(../images/cols.png);
   background-repeat: repeat-y;
   border-style: solid;
   border-width: 0px;
   border-color: red;
}

#nav {
   position: relative;
   top: -780px;
   left: -200px;
   width: 400px;
   float: right;
   text-align: center;
   border-style: solid;
   border-width: 0px;
   border-color: gray;
}

#content {
   position: relative;
   height: 600px;
   width: 400px;
   top: -750px;
   left: 200px;
   border-style: solid;
   border-width: 0px;
   border-color: red;
}
 
#footer {
   position: relative;
   height: 100px;
   width: 400px;
   top: -740px;
   left: 200px;
   border-style: solid;
   border-width: 1px;
   border-color: gray;
   text-align:center;
}

#rightSide {
   position: relative;
   float: right;
   top: -1502px;
   left: 0px;
   width: 101px;
   height: 800px;
   background-image: url(../images/cols.png);
   background-repeat: repeat-y;
   border-style: solid;
   border-width: 0px;
   border-color: green;
}