/* @override 
	http://localhost:8888/bcccf/css/bcccf.css
	http://localhost:8888/bcccf/themes/bcccf/css/bcccf.css
	http://www.bcccf.fi/2008/themes/bcccf/css/bcccf.css
	http://www.bcccf.fi/themes/bcccf/css/bcccf.css
*/

/*
	Basics
*/
body {
	background: url(../lo/body.gif) repeat-x #eeeee2;
	text-align: center;
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #434343;
	padding-bottom: 25px;
}

p {
	margin: 0 0 1.5em 0; 
	text-align:left;
	line-height: 1.2em;
}


.clear {
	clear: both;
}
p {
	xline-height: 15px;
	xpadding-bottom: 7px;
}
a {
	color: #184972;
	text-decoration: none;
	font-weight: bold;
}
em {
	font-style: italic;
}

strong {
	font-weight: bold;
}
h1{ font-size: 16px; color: #184972; padding-bottom: 5px; }
h2 { font-size: 14px; color: #184972; padding-bottom: 5px;}
h3 { font-size: 13px; color: #184972; padding-bottom: 5px; font-weight: bold; }
h4 { font-size: 14px; padding-bottom: 5px; }
#textsub2 ul {
	padding-left: 20px;
	padding-bottom: 20px;
}

#textsub2 li {
	line-height: 15px;
	padding-bottom: 2px;
	list-style: circle;
}


/*
	Main site elements
*/
#wrapper {
	background: url(../lo/head.gif) top center no-repeat;
	x_background: url(../lo/head_ie6.gif) top center no-repeat;
}
#site {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding-left: 1px;
}
#head {
	float: left;
	display: inline;
	width: 662px;
	margin: 0;
	_margin-right: -6px;
	padding: 0;
}
#content {
	padding: 10px;
	xbackground: url(../lo/whitecontentbg.jpg) 0 0 repeat-y #ffffff;
	background-color: #ffffff;
	width: 930px;
	_width: 940px;
	x_margin-left: -3px;
	
}
/*
	Navigation
*/
#navigation {
	width: 690px;
	height: 52px;
	padding-top: 18px;
	margin-left: 266px;
	_margin-left: 277px;
	
}
#navigation a {
	float: left;
	display: inline;
	text-indent: -9000px;
	background: url(../lo/navi_sprite.gif);
	line-height: 52px;
}

.n1 { 			width: 90px; 	background-position: 0px 0px 		!important;}
.n1:hover { 	width: 90px; 	background-position: 0px -52px 		!important;}
.n2:hover, .n1a {width: 90px; 	background-position: 0px -52px 		!important;}
.n2 { 			width: 101px; 	background-position: -90px 0px 		!important;}
.n2:hover, .n2a {width: 101px;	background-position: -90px -52px 	!important;}
.n3 { 			width: 99px; 	background-position: -191px 0px 	!important;}
.n3:hover, .n3a {width: 99px; 	background-position: -191px -52px 	!important;}
.n4 { 			width: 109px; 	background-position: -290px 0px 	!important;}
.n4:hover, .n4a {width: 109px;	background-position: -290px -52px 	!important;}
.n5 { 			width: 156px; 	background-position: -399px 0px 	!important;}
.n5:hover, .n5a {width: 156px;	background-position: -399px -52px 	!important;}
.n6 { 			width: 84px; 	background-position: -555px 0px 	!important;}
.n6:hover, .n6a {width: 84px; 	background-position: -555px -52px 	!important;}
.n7 { 			width: 45px; 	background-position: -639px 0px 	!important;}
.n7:hover, .n7a {width: 45px; 	background-position: -639px -52px 	!important;}

/*
	Various elements
*/
#window {
	float: left;
	display: inline;
	width: 662px;
	xoverflow: hidden;
	height: 361px;
}
#topbox {
	float: left;
	display: inline;
	width: 248px;
	background: url(../lo/iconbg.gif) repeat-x 0px 330px #376d99;
	_background: url(../lo/iconbg.gif) repeat-x 0px 329px #376d99;
	color: #fff;
	padding: 25px 20px 20px 0px;
	font-size: 11px;
	height: 316px;
	xoverflow: hidden;
	
}
#topbox .divider {
	background: url(../lo/topbox.gif) no-repeat center center #376d99;
	height: 32px;
	width: 228px;
	xmargin-left: -20px;
}
#topbox h2 {
	font-size: 17px;
	padding-bottom: 10px;
	padding-left: 20px;
	color: #ffffff;
}
#topbox form p{
	_margin-bottom: 10px;
	padding-left: 20px;
}
#topbox p {
	padding-left: 20px;
}
#topbox table {
	background-color: #376d99;
	width: 228px;
	float: left;
	display: inline;
	xmargin-left: -10px;
	padding-left: 20px;
	_margin-left: 20px;
	*margin-left: 20px;
	_margin-bottom: -10px;
	
}
#topbox .submit {
	width: 53px;
	height: 16px;
	background: url(../lo/topbar_submit.gif) no-repeat;
	border: 0;
	color: #398da4;
	font-size: 10px;
	font-weight: bold;
	xmargin-top: 10px;
}
#topbox .longinput {
	width: 150px;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
}
.logintable td {
	xvertical-align: middle;
	color: #ffffff;
	padding-bottom: 10px;
	padding-right: 10px;
	line-height: 20px;
}
#topbox a {
	color: #fff;
	text-decoration: none;
}
#text {
	float: left;
	display: inline;
	clear: both;
	padding: 20px 10px 20px 10px;
	width: 642px;
	_padding: 20px 0px 20px 0px;
	_width: 662px;
	background: #ffffff url(../lo/handshake.jpg) 100% 0 no-repeat;
}
#text p, #textsub2 p{
	width: 620px;
}
#textsub {
	float: left;
	display: inline;
	padding: 20px;
	padding-right: 10px;
	width: 632px;
}
#textsub img {
	width: 630px;
	_width: 620px;
}
#textsub2 {
	float: left;
	display: inline;
	padding: 20px;
	padding-right: 10px;
}
#textsub2 h1 {
	margin-bottom: 10px;
}
.narrow { /* Make room for handshake etc. pictures on the right hand side */
	width: 500px !important;
	min-height:70px;
  	height:auto !important;
  	height:70px;
}

#text h1 {
	color: #184972;
	font-size: 18px;
	padding-bottom: 20px;
}
#panel {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 268px;

}
.panelbox {
	background-color: #f3e7d3;
	padding: 15px;
	margin-bottom: 10px;
	width: 238px;
	float: left;
	display: inline;
}
.panelbox img {
	width: 238px;
}
.panelbox p {
	padding-bottom: 0;
	width: 248px;
	_width: 255px;
}
.panelbox h3 {
	color: #184972;
	font-size: 18px;
	padding-bottom: 20px;	
}
.contactbox {
	background-color: #684734;
	float: left;
	display: inline;
}
.contactbox a {
	color: #ffffff;
}
.contactbox p {
	padding-bottom: 0px;
	color: #fff;
}
/* News etc. */
.newsdate {
	color: #184972;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
.news h1 {
	margin-top: -10px;
	margin-bottom: 10px;
}
.news {
	xmargin-left: -20px;
	background: url(../lo/newstop.gif) repeat-x #e6eef5;
	padding: 20px;
	float: left;
	width: 261px;
	min-height: 297px;
	_height: 300px;
	display: inline;
}
.news p {
	width: 260px !important;
}
.leftpad {
	margin-left: 10px;
}
#aux {
	height: 24px;
	width: 248px;
	_margin-left: -3px;
	float: left;
	display: inline;
	padding-left: 20px;
	margin-top: 150px;
	_margin-top: 65px;
	*margin-top: 114px;
	_margin-bottom: -31px;
	overflow: hidden;
	clear: both;
	
}
#aux a {
	color: #b4cee2;
	padding-right: 20px;
	font-size: 10px;
	padding-left: 20px;
	display: block; 
	float: left;
	width: 35px;
}
#aux .contact {background: url(../lo/icons/contact.gif) no-repeat; display: block;height: 20px; }
#aux .sitemap {background: url(../lo/icons/sitemap.gif) no-repeat; display: block;height: 20px; }
#aux .print   {background: url(../lo/icons/print.gif) no-repeat; display: block;height: 20px;}
/*
	subpage
*/

.panelbox_country {
	background: #f3e7d3;
	margin-bottom: 10px;
	width: 268px;
	xoverflow: hidden;
	float: left;
	display: inline;
}
.panelbox_country ul li {
	border-left: 6px solid #376d99;
	margin-bottom: 1px;
	line-height: 25px;
	min-height: 25px;
	xpadding-left: 12px;
}
.panelbox_country ul li:hover { xbackground-color: #376d99; }
.panelbox_country ul li a { 
	display: block;
	width: 256px;
	_width: 267px; 
	line-height: 25px;
	min-height:25px;
  	height:auto !important;
  	height:25px; 
  	padding-left: 12px;

}
.panelbox_country ul li a:hover {
	display: block;
	width: 249px;
	_width: 267px; 
	color: #fff;
	background-color: #376d99;
}
.panelbox_country ul li.open {
	border-left: 6px solid #a9aa9a;
	font-weight: normal;
	line-height: 15px;
	padding: 3px 0 3px 12px;
}
.panelbox_country ul li.active { background: #376d99; }
.panelbox_country ul li.active a { color: #fff; }

.panelbox_country ul li#thin.open {
	font-weight: normal;
	background: transparent url(../lo/icons/arrow.gif) no-repeat 12px 50%;
	padding-left: 24px;
}
.panelbox_country ul li#thin.open:hover { font-weight: bold; }
.panelbox_country ul li.open a:hover.thin {
	background: transparent url(../lo/icons/arrow.gif) no-repeat 0 50%;
	font-weight: bold;
	color: #376d99;
}
.panelbox_country ul li.open:hover {
	background-color: transparent;
	color: #184972 !important;
}
.panelbox_country ul li.open a { color: #184972; }
.panelbox_country ul li#thin.open a { font-weight: normal; }
.panelbox_country ul li#thin.open a:hover {
	color: #184972;
	font-weight: bold;
}
#country_images {
	width: 230px;
	float: right;
	padding:0 0 10px 10px;
}
.backbutton {
	float: right;
	color: #184972;
}
.backbutton a {
	font-weight: normal;
}
/*
	Footer
*/

#footer {
	clear: both;
	border-top: solid 1px #cdcdcd;
	margin: 15px;
	padding: 20px;
	color: #6c6c6c;
	font-size: 11px;
}
#footer a {
	color: #6c6c6c;
	padding: 0 5px;
}
#footer span {
	padding-right: 70px;
}


.clearer {
	border-top: 1px dotted #999999;
	height: 2px;
	clear: both;
	padding-bottom: 8px;
}


.nopad {
	padding: 0;
	margin: 0;
}
.smallpad {
	margin-top: -15px;
	padding: 0;
}

.readmore {
	margin-top: -13px;
}


#flashcontent {
	margin: 0;
	padding: 0;
}