
body, html {
	margin: 0;
	padding: 0;
	background: #0063a5;
}

img {
	border: 0;
}


.c{
	clear:both;
}

#header {
	width: 100%;
	height: 133px;
	background: #fff url(../../images_wc/headerbg.jpg) repeat-x;
}

#headernavi {
	width: 100%;
	height: 26px;
	background: #0063a5 url(../../images_wc/headernavibg.jpg) repeat-x;
	color: #fff;
	padding-top: 10px;
}

#headernavi a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#headernavi a:hover {
	color: #d0d9ec;
}

#headernavi a.selected {
	color: #d0d9ec;
}

.vasen {
	float: left;
}

.oikea {
	float: right;
}

#wrap {
	width: 100%;
	background: #fff;
}

.content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/***************** navi  *******************/

#navi {
	float: left;
	width: 180px;
	padding: 0;
}

#navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navi ul li {
	width: 180px;
	/*height: 22px;*/
	padding: 10px 0 2px 0;
	border-bottom: 1px dashed #a5acbb;
}


#navi ul li a, #navi ul li a:visited {
	background: url(../../images_wc/bullet1.gif) no-repeat;
	font-size: 14px;
	font-weight: normal;
	color: #003366;
	padding-left: 14px;
	text-decoration: none;
}


#navi ul li a:hover {
	background: url(../../images_wc/bullet2.gif) no-repeat;
	text-decoration: underline;
}


#navi ul li a.selected {
	background: url(../../images_wc/bullet2.gif) no-repeat;
}

#navi ul li ul {
	margin-left: 10px;
}

#navi ul li ul li {
	border: none;
	padding: 1px 0 1px 0;
	font-size: 12px !important;
}

#navi ul li ul li a {
	background: url(../../images_wc/bullet1_small.gif) no-repeat !important;
	font-size: 12px !important;
}

#navi ul li ul li a:hover {
	background: url(../../images_wc/bullet2_small.gif) no-repeat !important;
	font-size: 12px !important;
}

#navi ul li ul li a.selected {
	background: url(../../images_wc/bullet2_small.gif) no-repeat !important;
	font-size: 12px !important;
}


#navi ul li ul li ul {

}

#navi ul li ul li ul li {

}


#navi ul li ul li ul li a {

}


#navi ul li ul li ul li a:hover {

}


#navi ul li ul li ul li a.selected {

}

/***************  /navi  *******************/

#texts {
	float: right;
	border-left: 1px dashed #a5acbb;
	padding: 10px 0 20px 30px;
	width: 745px;

	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#news {
	border-top: 1px dashed #a5acbb;
}

#footer {
	width: 100%; 
	background: #0063a5 url(../../images_wc/footerbg.jpg) top left repeat-x;
	padding-top: 10px;
	color: #fff;
	font-size: 10px;
}
