html,body{ 
margin: 0; 
padding: 0; 
background-color:#007d87;
}

#bg_image {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: fixed;
z-index: 0;
}

#left_image {
width: 200px;
height: 600px;
left: 0px;
top: 190px;
position: fixed;
}

#right_image {
align: right;
witdh: 200px;
height: 600px;
right: 0px;
top: 190px;
position:fixed;
}

#contents {
z-index: 1;
position: auto;
width: 960px;
margin-right:auto;
margin-left:auto;
}

b{font-size: 110%;}
em{color: red;}

img
{  border-style: none;
}

#topsection{
position: absolute;
top: 0px;
height: 150px; /*Height of top section*/
}

#loginstuff {
position: absolute;
left: 0px;
top: 0px;
margin-right: 500px;
text-align: right;
width: 98%;
}

#menubar {
position: absolute;
top: 150px;
height: 40px;
background-color:#d85917;
width: 960px;
}

#bottomtopsection{
position: absolute;
   left: 0px; 
   top: 25px;
   width: 100%;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
position: absolute;
top: 190px;
width: 960px;
background-color:#FFC36C;
}

#contentcolumn{
float: left;
width: 740px;
height: 100%;
background-color:#FFE3B3;
}

#rightcolumn{
float: left;
left: 740px;
width: 220px;
height: 100%;
background-color:#FFC36C;
}

#footer{
position:relative;
width: 960px;
background: black;
color: #FFF;
height: 40px;
margin-top: -40px;
text-align: center;
padding: 4px 0;
}

#maincontainer{
height: 100%;
width: 100%;
}

.innertube{
margin: 10px 10px 10px 10px; /*Margins for inner DIV inside each column (to provide padding)*/
height: 100%;
}

table.menutable 
{
border-style: none;
padding: 0px;
width: 960px;
border-spacing: 0;
text-align:center;
font-family: "Comic Sans MS": cursive;
}

.menutable TD, .menutable TH
{
align: center;
font-size:15pt;
font-family: "Comic Sans MS", cursive;
color:black;
background-color:#d85917;
border-style: none;
padding: 5px;
border-spacing: 0;
text-align:center;
}

table.menutable td:hover { background: #007d87; }

a.menulink:link {text-decoration: none; color:black; font-size:23px; font-family: "Comic Sans MS", cursive;}
a.menulink:visited {text-decoration: none; color:black; font-size:23px; font-family: "Comic Sans MS", cursive;}
a.menulink:active {text-decoration: none; color:black; font-size:23px; font-family: "Comic Sans MS", cursive;}
a.menulink:hover {text-decoration: none; color:black; font-size:23px; font-family: "Comic Sans MS", cursive;}

/* These styles create the dropdown menus. */
#navbar {
   margin: 0;
   padding: 0;
   z-index:4;
   width:100%;
   height:40px; }
#navbar li {
   list-style: none;
   float: left;
   z-index:4;}
#navbar li a {
   display: block;
   padding: 3px 8px;
   background-color: #d85917;
   color: #000;
   text-decoration: none;
   z-index:4;
   font-size:25px;
   font-family: "Comic Sans MS", cursive; }
 #navbar li a:hover {
   display: block;
   padding: 3px 8px;
   background-color: #007d87;
   color: #000;
   text-decoration: none;
   z-index:4;
   font-size:25px;
   font-family: "Comic Sans MS", cursive; }
#navbar li ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   background-color: #69f;
   z-index:4;
   font-size:25px;
   font-family: "Comic Sans MS", cursive;}
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0;
   z-index:4 }
#navbar li:hover li, #navbar li.hover li {
   float: none;
   z-index:4 }
#navbar li:hover li a, #navbar li.hover li a {
   background-color:#d85917;
   border-bottom: 1px solid #000;
   color: #000;
   z-index:4;
   font-size:25px;
   font-family: "Comic Sans MS", cursive; }
#navbar li li a:hover {
   background-color: #007d87;
   z-index:4; }