body{
margin:0;
padding:0;
line-height: 1.5em;
background: #FFFFFF url(images/background.gif) repeat;
font: 80%% "Lucida Grande", "Trebuchet MS", Verdana;
}

b{font-size: 110%;}

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

#topsection{
background: #FFFFFF;
height: 150px; /*Height of top section*/
border-left: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
border-top: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
border-right: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

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

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

#contentcolumn{
margin: 0 150px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding-left: 20px;
padding-right: 20px;
background : #ffffff;
border-right: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #ffffff;
border-left: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

#rightcolumn{
float: right;
width: 150px; /*Width of right column*/
margin-left: -151px; /*Set left margin to -(RightColumnWidth)*/
background: #ffffff;
border-right: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

table.border1{
			border: 1px solid;
                        color: #C0C0C0;
                        font-color: black;
}

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

#footer a{
color: #FFFFFF;
}

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

/* TABS */
.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
padding-right: 10px; /*offset of tabs relative to browser right edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: right;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.sexypanels{
list-style-type: none;
margin: 0;
padding: 0;
width: 100%; /* width of menu */
}

.sexypanels li{
border-bottom: 1px solid white; /* white border beneath each menu item */
}

.sexypanels li a{
background: #333 url(sexypanelright.gif) no-repeat right top; /*color of menu by default*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.sexypanels li a:visited, .sexypanels li a:active{
color: white;
}

.sexypanels li a:hover{
background-color: black; /*color of menu onMouseover*/
color: white;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}

<!--[if IE]>
<style type="text/css">
.sexypanels li a{ /* Menu link width value for IE */
width: 100%;
}
</style>
<![endif]-->

#glowtext{
filter:glow(color=FFFF00,strength=3);
width:100%;
}

squarebutton{
background: transparent url('square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

squarebutton span{
background: transparent url('square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}