/*Credits: ME! */
body { 
background-color: black; 
background-image: url('img/back_short.JPG'); 
background-repeat: repeat-y; 
margin: 0; 
padding: 0; 
line-height: 1.5em;
color: white;
}

h1 {color: white} 
h2 {color: white} 
p {color: white} 

#topsection{
height: 150px;
margin-left: 225px;
background-image: url('img/e1.GIF');
background-repeat: no-repeat; 
}

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

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

#contentcolumn{
margin-left: 225px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 225px; /*Width of left column*/
margin-left: -100%;
}

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

#footer a{
color: #FFFF80;
}

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

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.bannerbutton{ 
background: transparent url('img/banner-left.png') no-repeat top left; 
display: block; 
float: left; 
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px--28px) */
height: 28px; /* Height of button background height (was 24)*/
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.bannerbutton, a:visited.bannerbutton, a:active.bannerbutton{
color: #C05600; /*button text color*/
}

a.bannerbutton span{
background: transparent url('img/banner-right.png') no-repeat top right;
display: block;
padding: 6px 11px 6px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.bannerbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.bannerbutton: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%;
}