body {
	height: 100%;
	text-align: center;
	background-image: url(../img_mini/bg-main.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
}

img {
	border: 0;
}

a {
	color: #4174c9;
	text-decoration: underline;
}

/*
 *	The Container (center the layout)
 */


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

#header {
    background: #ffffff url(../img_mini/borders_both_sides_banner_bg.gif) repeat-y top left;
    height: 73px;
    padding: 0 16px 0 16px;
    margin: 0;
}

#wrapper {
    margin: 0;
    padding: 0;
    background: url(../img_mini/borders_both_sides_bg.gif) repeat-y top left;
}

#main {
	overflow: hidden;
	margin: 0 16px 10px 16px;
}

#promo {
	width: 950px;
	height: 312px;
	margin: 0;	
}



/*
 *	Elements inside the #header
 */

#logo {
	float: left;
	width: 268px;
	height: 71px;
}

#logo a {
	border: 0;
}

#search {
	float: right;
	width: 193px;
	margin: 30px 10px 0 0;
	padding: 0;
}

#search form {
	margin: 0;
	padding: 0;
}

#query {
	background-color: #fafafa;
	width: 158px;
	height: 15px;
	color: #868686;
	border: 0;
	font-size: 0.8em;
	padding: 2px 0 0 3px;
	margin: 0 4px 0 0;
	display: block;
	float: left;
	border: solid 1px #dcdcdc;
}

#submit {
	background-image: url(../img_mini/query-submit.gif);
	background-repeat: no-repeat;
	width: 25px;
	height: 21px;
	padding: 0 0 0 5px;
	border: 0;
	display: block;
	float: left;
}


/*
 *	Top navigation
 */
 
#navi-wrapper {
    background: #ffffff url(../img_mini/borders_both_sides_banner_bg.gif) repeat-y bottom left;
} 

#navigation {
	clear: both;
	background: #efefef url('../img_mini/main-nav-bg.gif') repeat-x top left;
	height: 29px;
	width: 950px;
	margin: 0 16px 0 16px;
	padding: 0;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation ul.navi {
	float: left;
}

#navigation ul.language {
	float: right;
}

#navigation li {
	margin: 0 1px 0 0;
	float: left;
	background: url('../img_mini/main-nav-bg.gif') repeat-x top left;
}

#navigation li.selected {
	margin: 0 1px 0 0;
	float: left;
	background: url('../img_mini/main-nav-hi-bg.gif') repeat-x top left;
}

#navigation li a {
	background-image: url(../img_mini/mnav-li-separator.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-transform: uppercase;
	font-size: 0.8em;
	color: #595959;
	display: block;
	float: left;
	padding: 8px 10px 0px 10px; 
	text-decoration: none;
	height: 21px;  
	
}

body.frontpage #navigation li.frontpage a,
body.frontpage #navigation li.etusivulle a,
#navigation li.selected a,
#navigation li a:hover {
    color: #ffffff;
	background: #2d2d2d url('../img_mini/main-nav-hi-bg.gif') repeat-x top left;
}

#navigation ul.language a {
	background-image: none;
}

/*
 *	The Main elements (#main)
 *
 *  	Second level navigation (the element at left side of inner page)
 */
 
#main-navigation {
	width: 200px;
	background-color: #f2f2f2;
	float: left;
	margin: 6px 6px 0 0;
	padding: 0 0 10000px 0;
	margin-bottom: -10000px;
}

#main-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#main-navigation ul li a {
	background: url('../img_mini/arrow.gif') no-repeat;
	background-position: 9px 7px;
	color: #505050;
	font-size: 0.85em;
	text-decoration: none;
	display: block;
	padding: 5px 0 8px 20px;
}

#main-navigation ul ul a {
 	padding: 5px 0 7px 35px; 
}

#main-navigation ul ul ul a {
 	padding: 3px 0 7px 50px; 
}

#main-navigation ul li.selected a {
	color: #ffffff;
	
	background: url('../img_mini/arrow-selected.gif') no-repeat;
	background-position: 7px 8px;
}

#main-navigation ul li {
	display: block;
	background-image: url(../img_mini/bullet-navi.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 200px;
}

#main-navigation ul li.selected {
	background-image: url(../img_mini/bullet-navi-selected.gif);
	background-position: bottom left;
	background-repeat: no-repeat;

}

#main-navigation ul ul {
 	padding: 0; 
}

#main-navigation ul ul ul {
    border-top: 0;
    padding-top: 0;
}

#main-navigation ul ul li.selected, 
#main-navigation ul ul li {
	background-image: none;
}
#main-navigation ul li ul li.selected ul li a,
#main-navigation ul li ul li a {
	color: #566774 !important;
	text-decoration: none;
}

#main-navigation ul li ul li ul li.selected a,
#main-navigation ul li ul li.selected a {
	color: #ffffff !important;
	text-decoration: underline;
}

#main-navigation ul li a:hover {
	background-image: url(../img_mini/bullet-navi-selected.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	/* background: none #2d2d2d; */
	color: #fff;
}

#main-navigation ul li.selected a:hover {
	background: url('../img_mini/arrow-selected.gif') no-repeat #2d2d2d;
	background-position: 7px 8px;
	/*background: url(../img_mini/bullet-navi-selected.gif) no-repeat top left;*/
	color: #fff;
}

#main-navigation ul ul li a:hover {
    background-color: #8e8e8e;
    color: #fff;
}

/*
 * 	Frontpage
 */

#frontpage-wrapper {
    padding: 10px;
    width: 950px;
} 
 
#frontpage-wrapper h1 {
    font-family: verdana, arial, "sans-serif";
	color: #4b4b4b;
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

#frontpage-wrapper .caption_txt {
    font-family: verdana, arial, "sans-serif";
	color: #646464;
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 12px;
	font-style: italic;
}

#frontpage-wrapper p {
    font-family: verdana, arial, "sans-serif";
	color: #646464;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

#fp-page-left {
    float: left;
    width: 540px;
    margin-right: 20px;
}

#fp-page-right {
    float: right;
    width: 380px;
    margin-right: 10px;
}

/*
 *	Main Content
 */

#main-content {
	width: 538px;
	background-color: #ffffff;
	float: left;
	margin: 0 6px 0 0;
	padding: 0 0 10000px 0;
	margin-bottom: -10000px;
    overflow: hidden;
}

#main-banner {
    margin-top: 6px;
}

#main-wrapper {
	padding: 15px;
	color: #67727c;

}

#main-wrapper h1 {
	font-family: verdana, arial, "sans-serif";
	color: #4b4b4b;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

#main-wrapper h2 {
	font-family: verdana, arial, "sans-serif";
	color: #4b4b4b;
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
}

#main-wrapper h3 {
	font-family: verdana, arial, "sans-serif";
	color: #4b4b4b;
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
}

#main-wrapper p {
	font-family: verdana, arial, "sans-serif";
	font-size: 11px;
	padding: 0 0 8px 0;
	margin: 0;
	color: #646464;

}

#main-wrapper .caption_txt {
	font-family: verdana, arial, "sans-serif";
	font-size: 11px;
	padding: 0 0 8px 0;
	margin: 0;
	font-style: italic;
	color: #646464;

}

#main-wrapper a {
	font-family: verdana, arial, "sans-serif";
	font-size: 11px;
	padding: 0 0 8px 0;
	margin: 0;
	color: #dd036d;
	text-decoration: none;

}

#main-wrapper a:hover {
    text-decoration: underline;
}


#main-wrapper ul li, #main-wrapper td {
	font-family: verdana, arial, "sans-serif";
	font-size: 11px;
	padding: 0 0 8px 0;
	margin: 0;
	color: #646464;
}

#main-content ul li h3, #main-content td h3, #main-content ul li ul li, #main-content td td, #main-content td p, #main-content ul li p
{
    font-size: 1em;
}


#main-wrapper p.note {
	font-size: 0.9em;
	color: #3b4d5d;
}	


/*
 *	Main Related (the element at right side of the inner page)
 */
 
#main-related {
    background-color: #f2f2f2;
	float: left;
	margin-top: 6px;
	width: 200px;
	color: #566774;
	font-size: 0.8em;
    margin-bottom: -10000px;
    padding-bottom: 10000px;
}

#main-related a {
	color: #4174c9;
}

#main-related p {
	padding: 0;
	margin: 0 0 6px 0;
}

#main-related-other {
	background-color: #dfe4e9;
	padding: 15px 17px 10000px 15px;
	margin-bottom: -10000px;
	overflow: hidden;
}

#main-related-other h1 {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 1.4em;
	color: #cf0064;
}

#main-related-green,
#main-related-pink {
	background-image: url(../img_mini/bg-pink-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #ffffff;
	margin: 0 0 6px 0;
}

#main-related-green {
	background-image: url(../img_mini/bg-green-top.gif);
	color: #5b6805;
}

#main-related-green-wrapper, 
#main-related-pink-wrapper {
	background-image: url(../img_mini/bg-green-bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 15px 17px 8px 15px;
}

#main-related-pink-wrapper {
	/*background-image: url(/style/img/bg-pink-bottom.gif);*/
}

#main-related-pink-wrapper a {
	color: #ffffff;
}	

#main-related-green-wrapper a {
	color: #5B6805;
}	

#main-related-pink-wrapper h3 {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 1.4em;
}

#main-related-green-wrapper a.related-button,
#main-related-pink-wrapper a.related-button {
	background-image: url(../img_mini/button-pink.gif);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	width: 127px;
	height: 22px;
	padding: 3px 0 3px 0;
	margin: 15px 0 0 0;
	text-decoration: none;
	color: #e20b73;
}

#main-related-green-wrapper {
	color: #5b6805;
}

#main-related-green-wrapper h3 {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 1.4em;
}

#main-related-green-wrapper a.related-button {
	background-image: url(../img_mini/button-green.gif);
}

#main-related-banner {
    padding-top: 10px;
    text-align: center;
}

/*
 * 	Footer
 */

#footer {
	clear: both;
	color: #909090;
	font-size: 0.85em;
	height: 35px;
	padding: 0px 10px 0 10px;
	background-color: #ffffff; 
}

#footer a {
	text-decoration: none;
	color: #909090;
}

#footer-top {
	border-top: 1px solid #ffffff;  /* ie6, ie7 hack */
}

#footer li {
	float: left;
}

#footer-bottom {
	clear: both;
}

#footer-navigation, #footer-links {
	margin: 0;
	padding: 0;
	float: right;
}

#footer-navigation { 
	list-style-type: none;
}

#footer-navigation li a {
	padding: 10px;
	color: #919191;
	text-decoration: none;
}

#footer-contact, #footer-copy {
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
}

#footer-copy {
	color: #bcbbbb;
}

/*
 *	Elements inside the #header
 */