

.lavaLampWithImage {
	position: relative;
	height: 35px;
	width: 800px;
	padding: 10px 10px;
	margin: 0px 5px;
	overflow: hidden;
}
		.lavaLampWithImage li {
			float: left;
			list-style: none;
		}
			.lavaLampWithImage li.back {
				/* background: url("lava.gif") no-repeat right -30px;  */
				width: 9px; height: 30px;
				z-index: 8;
				position: absolute;
			}
				.lavaLampWithImage li.back .left {
					/* background: url("lava.gif") no-repeat top left;  */
					height: 30px;
					margin-right: 9px; /* 7px is the width of the rounded shape */
				}

				
			.lavaLampWithImage li a {
				font: bold 10px "Trebuchet MS", Verdana, Arial, sans-serif;
				text-decoration: none;
				color: #fff;
				outline: none;
				text-align: center;
				top: 7px;
				text-transform: uppercase;
				letter-spacing: 0;
				z-index: 10;
				display: block;
				float: left;
				height: 20px;
				position: relative;
				overflow: hidden;
				margin: auto 20px;    
			}
				.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
					border: none;
				}

body{
	margin:0;
	padding:0;
	line-height: 1.10em;
	background-image:url(images/bg.gif); background-repeat:repeat-x;
	background-color:#363636;
}

b{font-size: 110%;}
#logo{ margin-bottom:5px;margin-top:5px; background-color:#00FFCC;}
#maincontainer{
	width: 800px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

td {padding-left:10px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF;}

.content {padding-left:10px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:10px;}

.img {padding-right:10px; padding-bottom:10px;}

#topsection{
	/*height: 655px; Height of top section*/
}

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

#contentwrapper{
	float: left;
	width: 100%;
	background-color:#000000;
	padding-bottom:25px;
}

#contentwrapper a{
color:#FF0099;
text-decoration:none;
}

#contentcolumn{
	margin: 0 190px 0 400px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
	float: left;
	width: 400px; /*Width of left column in pixel*/
	margin-left: -800px; /*Set margin to that of -(MainContainerWidth)*/
	background: #000000;
	color:#FFFFFF;
}

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

#footer{
	clear: left;
	width: 100%;
	background: black;
	color: #FFF;
	text-align: left;
	padding: 4px 0;
	background-image:url(images/bg-footer.png);
}

#footer a{
color:#FF0099;
text-decoration:none;
}

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

#footercontainer{
	width: 800px; /*Width of main container*/
	height:100%;
	margin: 5px auto; /*Center container on page*/
	padding-top:10px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

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

#secondcolumn{
	margin: 0 266px 0 266px; /*Margins for content column. Should be "0 thirdcolumnWidth 0 firstcolumnWidth*/
/*	background-color:#000000; */
}

#firstcolumn{
	float: left;
	width: 266px; /*Width of left column in pixel*/ 
	margin-left: -100%; /*Set margin to that of -(footercontainerWidth)*/
	text-align:left;
}

#thirdcolumn{
	float: left;
	width: 225px; /*Width of right column*/
	margin-left: -225px; /*Set left margin to -(thirdcolumnWidth)*/
/*	background-color:#000000; */
}

.innercircle{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
	margin-bottom:100px;
	/*	background-color:#000000; */
}

/* Start of Column CSS */
#body2container2 {
	clear:left;
	float:left;
	width:100%; padding-top:20px;
	overflow:hidden;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
/*	background:#ffffff;  column 2 background colour */
}

#body2container2 h2{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

#body2container1 {
	width:100%;
	position:relative;
	right:50%;
}
#b2col1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#b2col2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}
/* --> */


#table {
	width: 80%;

	}

#table p {
	clear: both;
	width: 100%;
	margin: 2px 0 2px 0; 
	padding: 0 10px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color:#333333;
	}

#table span {
	float: left;
	background-color:#333333;
	}

#table span.col1 {
	width: 80%;
	}

#table span.col2 {
	width: 50px; text-align:center;
border-left: 1px solid #000000;
	}


.cleaner {
	height: 0;
	clear: both;
	}

