/* CSS Document */

html {
  width:100%;
	height:100%;
	background-color:#95AA29;
	float:left;
	}
	
body {
	text-align:left;
	font:small Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	line-height:1.4em;
	width: 100%;
	float:left;
	margin:0px 0px 0px 0px;
	padding:10px 0px;
	color: #333; 
	}
	
	html>body {font-size:small;}
	
#centering {
	width:800px;
	margin:0px auto 0px auto;
	text-align:left;
	padding:0px;
	}

img {
	border:none;
	padding:5px 0px 5px 0;
	}

/* Column Structure 
----------------------------------------------- */
.maincol {
	float:left;
	width:555px;
	}
	
.subcol {
	float:right;
	width:210px;
	}
	
#maincol_div {
	float:left;
	padding:0px 0px 0px 12px;
	width:100px;
	}
	
.subcol a {
	color:#4158F4;
	}


.xcol {
	float:right;
	width:160px;
	line-height:1.3em;
  }

.col-SM .xcol, 
.col-MS .xcol, 
.col-M .subcol, 
.col-M .xcol 
{display:none;}

.col-SM .maincol, 
.col-SMX .maincol 
{float:right;}

.col-SM .subcol, 
.col-SMX .subcol 
{float:left;}
	 
.col-MS .maincol {
   width:550px;
  }  
  
.col-MSX .maincol, 
.col-SMX .maincol 
{width:350px;}

.col-MSX .subcol, 
.col-SMX .subcol 
{width:140px;}

.col-M .maincol {
	float:left;
	width:500px;
	}

.col-MSX .wrap, 
.col-SMX .wrap {
	float:left;
	width:620px;
	}
	
.col-MS .wrap {
	width:800px;
	} 

.wrap {
	width:800px;
	float:left;
	}
	
.content {
	float:left;
	width:800px;
	background:#fff;
	margin:0px;
	padding:0px;
	}
		
#content_bottom {
	background: url("/vasara/images/content_bottom.gif") no-repeat;
	width:800px;
	margin:0px 0px 1px 0px;
	height:18px;
	float:left;
	font-height:1px;
		}


/* Footer
----------------------------------------------- */
#footer 	{
	width:787px;
	float:left;	
	clear:both;
	padding:0px 3px 0px 10px;		
	margin-top:10px;
	height:auto;
	}

#footer img {
	border:none;
	}

.copy {
	float:left;
	}

.hosted {
	float:right;
	margin:5px 0 0 0;
	width:180px;
	text-align:right;
	padding-right:8px;
	}
	
#counters {
	float:left;
	width:198px;
	padding:0px;
	margin:0px;
	}