body {background-color: #000000}
h1 {color: #008080;text-align: center; text-decoration: bold; font-family: verdana;}
h2 {color: #008080; text-align: center;font-family: verdana;}
h3 {color: #008080; text-align: center;font-family: verdana;}
hr {background-color: #008080;
    color:#008080;}
b {color:#008080}p {font-family: verdana;}
p {color:#008080}p {font-family: verdana;}
a {color:#008080}a {font-family: verdana;}
caption {color: #DDDDDD}caption {font-family: verdana}
td {color: #008080}td {font-family: verdana}
body {scrollbar-base-color:#308989;}

a:link,a:visited
{
font-weight:normal;
color:#000000;
background-color:#008080;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:lowercase;
}
a:hover,a:active
{
color:#33FFFF;
background-color:#000000;
}




ul
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
li
{
display:inline;
}


div.scroll {
height: 580px;
width: 200px;
overflow: auto;
}


#maincontainer{
width: 864px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: black;
height: 185px; /*Height of top section*/

}

#nav{
background:  teal;
height: 30px
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 410px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

#leftcolumn{
float: left;
width: 130px; /*Width of left column in pixel*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 324px; /*Width of right column in pixels*/
margin-left: -670px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
height: 580px;
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}