﻿body{
background-color: blue;
background-image: url(./graphics/background1.jpg); 
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
margin:0;
padding:0;
line-height: 1.5em;
}

a:link { 
	color: #ffffff;
	}
a:visited { 
	color: #d6c7c7;
	}
a:hover { 
	color: #ffff00;
	background-color: transparent;
	text-decoration: overline underline;
	}
a:active { 
	color: #ff0000;
	}

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

img
{  border-style: none;
}

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

#topsection{

height: 100px; /*Height of top section*/
}

#topsection h1{

margin: 20px;
padding-top: 15px;
color: white;
}

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

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/background-color: blue;
padding-left: 20px; padding-right: 20px;
background-image: url(./graphics/background2.jpg); 
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}

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

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
color: white;
background: #003366;
}



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

#footer a{
color: #FFFF80;
}

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

