/* import content area styles */



@import "sisältö.css";

 

/* basic styles */





 

body {

	

	height:100%;

	margin:0px;

	padding:0px;

	color:#393939;

	font-family:verdana,arial,sans-serif;

	font-size:8px;

}



/* divs and specific elements contained in them */



#topNavi {

	background-color:#D8DEEA;

	padding:10px;

	padding-left:40px;

	margin:0px;

}



#topNavi span {

	margin-left:45px;

}



#topNavi a {

	margin-right:10px;

}



#topNavi a.selected {

	color:#393939;

}







#firstNavi {

	font-size:11px;

	background-color:#9CADC8;

	padding-left:1px;
	
	height:22px;

	width:750;
	

}



#firstNavi a {

	font-weight:bold;

	display:block;

	padding:7px;

	float:left;

	text-decoration: none;
	
	}

#firstNavi a:active {color: white;}

#firstNavi a:hover {

	color:white;

}



#firstNavi a.selected {

	background-color:#D8DEE9;

}



#firstNavi a.selected:hover {

	color:#00399F;

}



#whiteWrapper {

	background: transparent url("../images/bg/white.gif") left top repeat-y;

	margin-left:39px;

	padding-top:16px;

	padding-left:12px;

	width:768px;

}



#bgImage {

	

}



#secondNavi {

	float:left;

	padding-top:15px;

	width:170px;

}



#secondNavi a {

	display:block;

	padding:5px;

}



#secondNavi a.selected {

	color:#393939;

}



#thirdNavi {

	padding-left:15px;

}



#content {

/*

	background: transparent url("../images/bg/side_dots.gif") left top repeat-y;

*/

	float:left;

	padding-left:36px;

	padding-top:15px;	

	padding-bottom:20px;

	width:510px;

}



#pinDivider {

	clear:both;

	background: transparent url("../images/bg/bottom_dots.gif") left top repeat-x;

	text-align:center;

	margin-right:30px;

}



#footer {

	font-size:10px;

	text-align:center;

	padding-bottom:40px;

}



#footer span, strong {

	display:block;

}



#footer strong {

	font-size:11px;

}



/* hacklike stuff */



.clear {

	display:block;

	clear:both;

}