html, body {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 0 10px 0;
	font-size: 80%;
	line-height: 140%;
	color: #000;
	background: #ddeff3;
	font-family: "verdana", serif;
	text-align:center;

}


 #outer {
	 text-align:left;
	 border: 0px solid;
	 padding: 0 0 0 0;
	 width:900px;
	 margin: auto;

	background: #FFDD01;
 }
 
 
 
#top{
	
	
	height: 150px;
	border: 0;
	margin: 0;
	padding: 0;

}


 
 
 #container {
	
	text-align:left;
	width:100%;
	margin: 0 0 0px 0 ;
	padding: 0;
	
	overflow: hidden;
	
	background: transparent url(../img/css/mainbg.jpg);
	background-repeat: repeat-y;
	
	
}
		 


 #content{
		
	
	padding: 10px 30px 0 30px;
	margin: 0 0 0 0;
	color: #612e01;
	
	width: 517px;
	
	background: transparent url(../img/css/mainbg-topleft.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}











#rightcol{
		
	float: right;
	padding: 0 17px 0 0;
	margin: 0 0 0 0;
	color: #9ba80c;
	
	width: 150px;


}
 
 #leftcol{

	 float: left;
	 width: 156px;
	 
	 padding: 0;
	 margin: 0;

}




span.bottom{
	
	display: block;
	height: 30px;
	margin: 0 0 0px 0 ;
	background: transparent url(../img/css/mainbg-bottom.jpg);
	background-repeat: no-repeat;

}

 
 #footer {
	text-align:center;
	color: #603100;
	
	margin: 0;
	padding: 0;
	
	background: #ddeff3;
	height: 30px;
	clear: both;
	
}

#login {
	position: absolute;
    top: 200px;
    left: 350px;
    width: 350px;
    padding: 10px;
    border: 1px;
    border-color: rgb(0,0,0);
    border-style: solid;
    background-color: #fff;
	display: none;
    z-index: 100;
}