body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #FFFFFF;
}

#topsection{
background: #FFFFFF;
height: 140px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 100%;
background: #FFFFFF;
}

#contentcolumn{
margin: 0 40px 0 40px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background: #FFFFFF;
}

#leftcolumn{
float: left;
width: 40px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #FFFFFF;
}

#rightcolumn{
float: left;
width: 40px; /*Width of right column*/
margin-left: -40px; /*Set left margin to -(RightColumnWidth)*/
background: #FFFFFF;
}

#footer{
clear: left;
width: 100%;
background: white;
line-height: 1.0em;
color: #000000;
text-align: center;
padding: 4px 0;
}

#footer a{
color: black;
}

.headertube{
margin-top: 0;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
background: white
}

table.videos 
{
table-layout: automatic;
text-align:center;
margin-left:auto;
margin-right:auto;
background: white
}

h3 {
text-align: center;
margin-top: 0px;
margin-bottom: -10px;
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #000000; 
}

h4 {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
font-family: Arial;
font-size: 20px;
font-weight: bold;
color: #008080; 
}

h5 {
text-align: center;
margin-top: 30px;
margin-bottom: 10px;
font-family: Arial;
font-size: 20px;
font-weight: bold;
color: #008080; 
}

h6 {
text-align: center;
margin-bottom: 20px;
font-family: Arial;
font-size: 14px;
font-weight: normal;
color: #000000; 
}

img.video {
position:absolute;
top: 150px;
left: 158px  
}

