/* basic styling */

body {
	background: #E0DFE3 ;
	color: #333;
	font: 11px/17px Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	scrollbar-base-color:  #E0DFE3;
	scrollbar-arrow-color: #fff;
}
h1 {
	font: 16px  Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
}

h2 {
	font: 24px  Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

p { margin: 0px 0px 5px 0px; }

a { padding: 0px 3px 0px 3px; color: #fff;}
a:hover { color: #B0A8D7; border: 0px; }

ul {}
li { margin: 5px;}

.whitetext { color: #FFF; }
.redtext { color: #c00; }

.invisible { visibility: hidden; }

.noborder { border: 0px; }

form { margin: 0 auto; width: 350px;}
input, select { border: 1px solid #999999; font: 11px Lucida Sans Unicode, Arial, Helvetica, sans-serif;  }
.button { cursor: pointer; }



#container { width: 474px; text-align: left; margin: 0 auto; padding-top: 30px;}

#header {
	width: 474px;
	background: #fff url(img/panel_top.gif) top no-repeat;
	padding: 20px 0px 0px 0px;
	margin: 0px;
 }

#logo { float: left; padding-left: 20px; }
#strap {  float: right;  padding: 55px 20px 0px 0px; } 
 
#main { 
	display:block;
	width: 434px;
	height: 340px;
	padding: 20px;
	background:  #FFF;
	
 }
.wrapper:after { content: ""; display: block; height: 0; clear: both; }
 


#footer { 
	clear: both;
	display:block;
 }