body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:#fff url(../images/layout/bg.jpg) top center no-repeat;
color:#666;
}


img{
border:0px;
}

a{
text-decoration:none;
}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: url(../images/layout/bg-top.png) top no-repeat;
height: 120px; /*Height of top section*/
text-align:center;
}

#menusection{
background:#FF00FF;
height: 40px; /*Height of top section*/
text-align:left;
border: 3px solid #CCFFFF;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0px 510px 0 150px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
font-size:12px;
background:#FFFF00;
}

#contentcolumn img{
border: 3px solid #f1f1f1;
margin: 3px;
}

#totalcolumn{
margin: 0px 10px 10px 150px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
font-size:12px;
background:#fff;
}

#chatcolumn{
margin: 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
text-align:justify;
background:#fff;
}

#totalimg img{
border: 1px solid #666;
padding:5px;
}

#leftcolumn{
float: left;
width: 150px; /*Width of left column in pixel*/
margin: 0 0 0 -960px; /*Set margin to that of -(MainContainerWidth)*/
background: #FF00FF;
}

#midleright{
float: left;
width: 310px; /*Width of left column in pixel*/
margin: 0px 0 0 -510px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
padding: 0px;
background:#00FF00;
color:#000;
}

#midleright a{
color:#000;
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin: 0 0 0 -200px; /*Set left margin to -(RightColumnWidth)*/
background:#00FFFF;
}

#footer{
clear: left;
width: 100%;
background: #fcfcfc url(../images/layout/bgfooter.jpg) no-repeat;
color:#666666;
height:80px;
text-align: center;
}

#footer a{
color:#666666;
}

.innermargin{
margin: 0 10px 10px 10px;
}

.innerpadding{
padding: 5px 5px 0 5px;
}

.imgtext{
border: 0px; solid #f1f1f1;
float:right;
text-align:center;
margin:0px;
}


/* MENU */
#leftcolumn h3 {
color:#FFCC00;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;;
}

#leftcolumn ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 120px; /* Width of Menu Items */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
#leftcolumn ul li {
	position: relative;
	}
	
#leftcolumn li ul {
	position: absolute;
	left: 119px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
#leftcolumn ul li a {
	display: block;
	text-decoration: none;
	color:#666;
	padding: 3px 10px 5px 2px;
	}

#leftcolumn ul li a:hover {
	display: block;
	text-decoration: none;
	font-style:italic;
	color: #000;
	background: #fff url(../images/layout/arrow.png) no-repeat right; /* IE6 Bug */
	}
	
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */
/*MENU*/

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background: #f1f1f1 url(../images/layout/bgform.gif) repeat-x left top;
}
