#bg {position:fixed; top:0; left:-2px; 
width:100%; height:100%;
    }
#content {
        position: relative;
        z-index: 1;
        table-layout: fixed;
        top: 1px;
        left: -1px;
    }
/*Element Styles*/
html {height:100%;}
body {height:100%; margin:0; padding:0;}
p {text-align:left; background-color:Transparent; font-size:large; vertical-align:top; text-indent:10; font-weight:bold; text-indent:30px;}
h1 {width: 1800; text-align:center;}
hr {text-align:center; width:100%}
a {text-align:center; transition: all 1s ease;}
td {text-align:center;}
/*Classes*/
.fixedMenu {position: fixed; z-index: 10000; top: 0.1px; left: 0.1px;}
.style1 {width:100%;}
a.link:link {color:#BDBDBD; text-decoration:none; font-size:x-large;}
a.link:visited {color:#BDBDBD; text-decoration:none; font-size:x-large;}
a.link:hover {color:white; text-decoration:none; font-size:x-large;}
a.link:active {color:white; text-decoration:none; font-size:x-large;}
.tlink {font-size:x-large; background-color: #4C0B5F; font-family: 'Lobster';}
.mlink {font-size:x-large; background-color:#02A44F; font-family: 'Lobster';}
.nlink {font-size:x-large; background-color: #4C0B5F; width:100%;}/*#4C0B5F*/
.bbottom {background-color:#02A44F; width:100%; height:5px;}
.t {background-color:#4C0B5F; border-top: 2 #0B243B;}
.content1 {height:100%; width:725px; border-width:5; border-style:solid; border-color:transparent;}
a.ilink:link {color:black; text-decoration:none; font-size:x-large; font-family: 'Lobster';}
a.ilink:visited {color:black; text-decoration:none; font-size:x-large; font-family: 'Lobster';}
a.ilink:hover {color:#02A44F; text-decoration:none; font-size:x-large; font-family: 'Lobster';}
a.ilink:active {color:#02A44F; text-decoration:none; font-size:x-large; font-family: 'Lobster';}
a.cont:link {color:black; text-decoration:none; font-size:large; text-align:left;}
a.cont:visited {color:black; text-decoration:none; font-size:large; text-align:left;}
a.cont:hover {color:#4C0B5F; text-decoration:underline; font-size:large; text-align:left;}
a.cont:active {color:#4C0B5F; text-decoration:underline; font-size:large; text-align:left;}
a.medialink:link {color:black; text-decoration:none; font-size:large; text-align:left;}
a.medialink:visited {color:black; text-decoration:none; font-size:large; text-align:left;}
a.medialink:hover {color:#4C0B5F; text-decoration:underline; font-size:large; text-align:left;}
a.medialink:active {color:#4C0B5F; text-decoration:underline; font-size:large; text-align:left;}

/* A style of button that we ended up not using 
  <table>
    <td class="style1"></td>
    <td><a class="blink" href="HomePage.htm">&nbsp;Home&nbsp;</a></td>&nbsp;&nbsp;
    <td><a class="hlink" href="About.htm">&nbsp;About&nbsp;</a></td>&nbsp;&nbsp;
    <td><a class="blink" href="Contact.htm">&nbsp;Contact&nbsp;</a></td>
    <td class="style1"></td>
  </table>
a.blink:link {text-decoration:none; font-size:xx-large; color:black; background-color:white; border:medium outset #A4A4A4;}
a.blink:visited {text-decoration:none; font-size:xx-large; color:black; background-color:white; border:medium outset #A4A4A4;}
a.blink:hover {text-decoration:none; font-size:xx-large; color:black; background-color:white; border:medium outset #A4A4A4;}
a.blink:active {text-decoration:none; font-size:xx-large; color:white; background-color:#A4A4A4; border:medium inset #A4A4A4;}
a.hlink:link {text-decoration:none; font-size:xx-large; color:white; background-color:black; border:medium outset #A4A4A4;}
a.hlink:visited {text-decoration:none; font-size:xx-large; color:white; background-color:black; border:medium outset #A4A4A4;}
a.hlink:hover {text-decoration:none; font-size:xx-large; color:white; background-color:black; border:medium outset #A4A4A4;}
a.hlink:active {text-decoration:none; font-size:xx-large; color:black; background-color:#A4A4A4; border:medium inset #A4A4A4;}
<tr class="bbottom"></tr>
*/
/*A border I may or may not use --> border-width:5; border-style:solid; border-color:#02A44F; */