/*GENERAL STYLES*/
 * {
     font-family: 'comic sans ms', 'arial';
     font-size: 1em;
 }

 body {
     overflow-y: scroll;
     width: 970px;
     margin-right: auto;
     margin-left: auto;
 }

 /*TOP STYLES*/
 div#Top {
     border: 3px solid black;
     height: 170px;
     border-radius: 4px;
 }

 div#Top h1 {
     text-align: center;
     font-size: 3em;
     padding-top: 7px;
     margin: 0px;
     color: green;
     font-family: arial;
 }

 div#Top h2 {
     font-size: 1.5em;
     text-align: center;
     color: black;
     margin-top: 3px;
     margin-bottom: 0px;
     font-family: arial;
 }

 div#Top h3 {
     text-align: center;
     color: black;
     font-family: arial;
     font-size: 1em;
 }

 div#Top div {
     float: left;
 }

 .top_name {
     margin-left: 100px;
 }

.top_picture_right_left {
     margin-left: 45px;
     margin-top: 30px;
 }

 .top_picture_right {
     margin-left: 65px;
 }

 /*NAV_CONT Styles*/
 div#Nav_Cont {
     border: 3px solid green;
     margin-top: 3px;
     border-radius: 4px;
 }

 div#Nav_Cont h2 {
     margin: 0px;
     padding-left: 175px;
     background: green;
     color: orange;
 }

 /*NAVIGATION STYLES*/
 div#Navigation {
     width: 160px;
     float: left;
     height: 100%;
 }

 div#Navigation ul {
     padding-left: 0px;
 }

 div#Navigation li {
     margin-bottom: 12px;
     width: 150px;
     text-align: right;
     list-style-type: none;
 }

 div#Navigation a {
     color: black;
 }

 /*CONTENT STYLES*/
 div#Content {
     float: left;
     width: 802px;
     min-height: 370px;
     border-left: 2px solid green;
 }

 div#Content h3 {
     margin-left: 10px;
     font-size: 1.5em;
     text-align: left;
 }

 div#Content h4 {
     margin-left: 10px;
 }

 div#Content p {
     margin-right: 10px;
     margin-left: 10px;
 }

 div#Content table {
     margin-left: 10px;
 }

 div#Content img {
     margin: 10px;
 }

 .float {
     float: left;
 }

 .below {
     float: none;
 }