body {
background: #FFFFFF;
width: 1100px;
margin:2;
padding:0;
line-height: 1.5em;
margin-left: auto;
margin-right: auto;
}

em{color: red;}

#img {border: none;
}

text{font-family: Verdana Arial, Helvetica, sans-serif; font-size: 12px;}

text2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

text3 {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 17px;}

textsmall {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 11px;}

catlist {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px;}

a:visited  {color: #AE0000; text-decoration: none}

a:link  {color: #336699; text-decoration: none}

a:active  {color: #C0FFC0; text-decoration: none}

a:hover{color: #FFFFFF; background-color: #708090; border: 1px solid #708090; border-style: outset; }   

h1 {line-height: 1.4em; }

header {background: #B1BAC2; color: #000000; font-family: arial; font-size: 11px; padding-left: 0; margin-left: 0; height: 20px; border: 1px solid #708090;}

headermenu {font: 11px Verdana; padding-left: 0; margin-left: 0; height: 20px;}

headermenu {list-style: none; display: inline;}

headermenu a{padding: 1px 0.5em; text-decoration: none; float: left; color: black; background-color: #B1BAC2; border: 0px solid #708090;}

headermenu a:hover{background-color: #708090; border-style: outset;}

html>body .headermenu a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;}

#maincontainer{
width: 95%; /*Width of main container*/
margin: 2 auto; /*Center container on page*/
text-align: left;
}


#topsection{
background: #FFFFCC;
height: 130px; /*Height of top section*/
}

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

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 99%;
float: center;
}

#side-a {
        background: #FFFFFF;
	float: left;
	width: 350px;
}

#side-b {
        background: #FFFFFF;
	float: right;
	width: 500px;
}

#content { 
        background: #FFFFFF;
	float: left;
	width: 60%;
}

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

#contentcolumnH{
margin: 0 15% 0 20%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumnH{
float: left;
width: 20%; /*Width of left column in percentage*/
margin-left: -100%;
background: #C8FC98;
}

#rightcolumnH{
float: left;
width: 15%; /*Width of right column in pixels*/
margin-left: -15%; /*Set margin to that of -(RightColumnWidth)*/
background: #FDE95E;
}

#contentcolumnB{
margin-right: 500px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

#leftcolumnB{
float: left;
width: 220px; /*Width of left column in pixel*/
margin-left: -250px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
background: #FFFFFF;
border: 1px solid #FFFFFF;
}

#rightcolumnB{
float: left;
width: 20%; /*Width of right column in pixels*/
margin-left: -110px; /*Set margin to -RightColumnWidth*/ 
margin: 2em;
padding: 1px;
background: #FFCC00;
}

#leftcolumnART{
float: left;
width: 350px; /*Width of left column in pixel*/
margin-left: -350px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
background: #FFFFFF;
border: 1px solid #FFFFFF;
}

#video {
width: 40%; 
float: left; 
clear: all; 
border: 1px solid #ccc; 
padding: 10px;
margin:2%;"
}

#footer{
clear: left;
width: 90%;
background: #FFFFFF;
color: #000000;
text-align: center;
padding: 4px 0;
height: 1px;
}

#footer a{
color: #000000;
}

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

#marqueecontainer{
position: relative;
width: 490px; /*marquee width */
height: 180px; /*marquee height */
background-color: white;
overflow: hidden;
border: 1px solid orange;
padding: 2px;
padding-left: 4px;
}

