 #menubar {
     font-family: 'Marcellus SC', serif;
     font-size: 24px;
     background: linear-gradient(to right, red, orange, yellow, green, violet);
     text-decoration: none;
     margin: 0px auto;
     text-align: center;
 }

 #menubar td {

     color: #FFFFFF;
     border-left: 1px solid white;
 }

 #menubar a {
     text-decoration: none;
 }

 #menubar a:hover {
     text-decoration: underline;
 }

 td {
     vertical-align: top;
 }

 iframe {
     visibility: hidden;
     /* till i fix it */

     margin-left: -20px;
     margin-top: -30px;
     position: fixed;
     width: 100%;
     height: 100%;
     overflow-x: hidden;
     overflow-y: hidden;
     border: 0;
     z-index: -99;
     opacity: .2;
     filter: alpha(opacity=20);
 }

 #apDiv1 {
     text-align: right;
 }

 #apDiv2 {
     visibility: hidden;
     position: absolute;
     left: 645px;
     top: 111px;
     width: 261px;
     height: 148px;
     z-index: 1;
 }

 .yearsexperience {
     width: 100%;
     border: none;
     padding: 10px;
     text-align: center;
 }

 .yearsexperience tr td {
     vertical-align: middle;
     border: 1px solid black;
 }

 .yearsexperience tr:nth-child(2) td {
     height: 50px;
 }

 .generatedgradient {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-blend-mode: difference;
     z-index: -1;
 }

 body {
     background-blend-mode: difference;
     padding: 10px 30px;
 }

 #centerwrapper {
     background: white;
     padding: 10px;
     with:95%;
 }


 .aborder {
     padding: 10px;
     margin: 10px;
     
     border: 1px solid black;
     border-bottom:1px solid #aaaaaa;
     border-right:1px solid #aaa;
 }

 .formal {
font-family:"Times New Roman";
mso-bidi-font-family:David'

 }


