@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#index
{
background:#fff url(../img/index_tausta.jpg) center top no-repeat;
}

#main
{
background:#fff url(../img/main_tausta.jpg) center top no-repeat;
}

#container {
	width: 920px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 19px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
}
#mainContent {
	padding: 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#logo
{
	width:210px;
	height:113px;
	float:left;
	margin-bottom:12px;
}
	
#index_links
{
	width:556px;
	height:105px;
	margin:8px 154px 12px 0px;
	float:left;
	text-align:right;
	font-size:70%;
color:#5d8080;

}	

#index_links img
{
	border:0;
}


#index_links a
{
font-weight:normal;
color:#5d8080;
}

.line_spacer
{
	margin:0 20px;
}

#user_type
{
	width:920px;
	height:660px;
	float:left;
}

.user_type_box
{
	float:left; 
	width:297px; 
	height:270px;
	
}

.user_type_box a
{
	width:297px; 
	height:270px;
	display:block;
}

#footer
{
width:920px;
float:left;
margin-bottom:20px;
font-size:100%;
color:#5d8080;	
}