/*
ruskea  #966600 (h2)
punertavan ruskea #C04F00 (h3)
tumman ruskea #6E4B00 (h4)
vielä tummemman ruskea #2F240D (h1)
linkin ruskea: #CD7B2B
body color:#feecd2
*/

* {margin:0px;padding:0px;outline:0;}
body {text-align:center;font:normal 0.8em Arial;height:100%; background:#feecd2 url(images/bodyBg.png) repeat-x 0 0;font-size:75%;}
html {height:100%;overflow-y:scroll;}
h1 {font-size:1.75em; color:#2F240D; font-family:Trebuchet MS; font-weight:400; margin-bottom:10px; text-decoration:none }
h2 {font-size:1.4em; margin-top:0px; color:#966600; font-family:Palatino Linotype;font-weight:bold;line-height:1.1em;margin:0 0 1.1em 0;}
h3 {font-size:1.2em; color:#C04F00;margin:0 0 0.6em 0;}
h4 {font-size:1em; color:#6E4B00;;margin:0 0 0.4em 0;}
h5 {font-size:1em; color:#0151A6;;margin:0 0 0.4em 0;}
h6 {font-size:1em; color:#0151A6;;margin:0 0 0.4em 0;}


b { color:#333 }
ul, ol, dl {margin:0 0 0 30px;}
p {margin:0 0 1.5em; line-height:1.5em;}
a {color:#CD7B2B;text-decoration:none;}
a:hover {text-decoration:underline;}
hr {border:none;border-bottom:1px solid #CD7B2B;padding:5px 0 0 0;margin:0 0 5px;}
input,textarea,select {font-family:arial;font-size:1em;color:#2F240D}
input:focus, textarea:focus {background:#feecd2;outline:none}
fieldset {padding:5px;}
legend {font-weight:bold;color:#C04F00;font-size:1.4em;}

/* editorityylit */
img.leftAlign {float:left;margin:0 10px 10px 0}
img.rightAlign {float:right;margin:0 0px 10px 10px}
.highlightBox {border:1px solid #ccc;padding:10px;background:#fffbf8}
.imgBox {background:url(images/imageBg.png) no-repeat 0 0;padding:6px 7px 8px;margin:5px 0;}
.small {font-size:0.9em;}

/* Asettelut */
#page {background:url(images/kuviot.gif) repeat-x 0 150px;}
#pageWrapper { margin:auto; text-align:left; width:990px;background:url(images/centerBg.png) repeat-y 0 0;}
#pageWrapper2 {background:url(images/topBg.png) no-repeat 0 0;width:100%;}

#header {height:150px; width:100%;}
#contentWrapper { width:100%; overflow:auto;margin:10px 0 0 0}
#leftContent {float:left; width:182px;min-height:400px;height:auto !important; height:400px;}
	* html #leftContent {margin-right:-3px}
	div.leftPadding {padding:0 5px 0 10px; margin:0px 0px 150px 15px;}
#rightContent { width:195px; float:right;}
	* html #rightContent {margin-left:-3px;}
	div.rightPadding {margin:0px 25px 0 0;}
#mainContent { margin:0px 223px 0px 195px;}
* html #mainContent { margin:0px 220px 0px 192px;height:1%}
	#mainWidth {width:568px;height:auto;overflow-x:hidden;}
	* html #mainWidth {width:568px;}
	#mainPadding {padding:0px 8px 15px;}
#footer {width:100%;position:relative;clear:both;height:26px;background:#ccc; text-align:left; font-size:11px;background:url(images/footerBg.png) no-repeat 0 0;}
	div.footerPadding {padding:0;position:absolute;bottom:22px;left:30px;width:150px; text-align:left;}

/* 2 col */
#mainContent.wide { margin-right:20px;}
#mainContent.wide #mainWidth {width:740px;}

/* etusivu */
#Front #rightContent {width:255px;} 	
#Front  div.rightPadding {margin:0 5px 0 0;}
#Front #mainContent {margin-right:263px;}
	* html #Front #mainContent {margin-right:260px;}
#Front #mainWidth {width:530px;}
	* html #Front #mainWidth {width:530px;}
	
/* etusivu */
#Wide #rightContent {width:290px;} 	
#Wide  div.rightPadding {margin:0 5px 0 0;}
#Wide #mainContent {margin-right:290px;}
	* html #Wide #mainContent {margin-right:287px;}
#Wide #mainWidth {width:500px;}
	* html #Wide #mainWidth {width:500px;}

/* right content */
#rightContent h1 {color:#916200;font-family:times;font-size:1.7em;}
#rightContent h2 {color:#422d00;margin-bottom:3px; padding-top:0px;}
#rightContent h3 {color:#C00000; font-size:13px;  margin:0 0 0 0 }

span.fact { color:#00679C; line-height:1.2em; }

#moreInfo {width:100%;margin:0 0 15px 0;}
#moreInfo ul {margin:0px 0 0 0px; padding:0px 10px 0px 0px;list-style-type:none;}
#moreInfo li {margin:0;padding:1px 0 0 20px; background: url(images/nuoli.png) no-repeat 0 center;}
#moreInfo a {text-decoration:none; color:#000}
ul.hotels, ul.conference,  ul.moreInfo {}
ul.links, ul.moreInfo {color:#000;list-style-type:none;font-size:1.00em}
ul.hotels li, ul.conference li,  ul.moreInfo li {  }
ul.links li { margin:0;padding:1px 0 0 20px;background: url(images/nuoli.png) no-repeat 0 center;}
ul.hotels a, ul.conference a { text-decoration:none; color:#333 }
ul.moreInfo a, ul.links a {}
ul.hotels a:hover, ul.conference a:hover { color:#3D8CC7;text-decoration:none; }
ul.links a:hover, ul.moreInfo a:hover { color:#333;text-decoration:none; }

a.fact { text-decoration:none; text-transform:lowercase; color:#fff }
a.fact:hover { color:#001974 }
a.factcurrent { text-decoration:none; text-transform:lowercase;  color:#001974}

th {text-align:left; font-size:11px; color:#666666; vertical-align:top; }
table.factTable { width:500px;}
table.factTable th, table.factTable td { padding:3px}
table { }
td, th{  }
th.title { border-bottom: solid 1px #0081C5; color:#0151A6; font-size:13px; }

#facts { background: url(images/blue_bg.png) no-repeat; padding:10px;  height:209px;}
#facts2 { background: url(images/blue_bg2.png) no-repeat; padding:10px;  height:235px;}

#facts h2 {font-size:13px;  padding:0px; text-transform:uppercase; color:#fff; font-family:Arial}
#facts img {margin-bottom:10px}
#contact { padding:10px; background: url(images/grey_bg.png) no-repeat; font-size:11px;   height:310px;}
#contentTxt { padding:20px;}

/* Left content */
dfn {display:none;}
#leftContent ul { list-style-type:none; width:100%;color:#000;margin:0 0 25px;padding:0;}
#leftContent ul ul {margin:0;border-bottom:0px solid #C0C0C0;}
#leftContent li {_height:1%;vertical-align:bottom;display:block;margin:0;padding:0;padding:0 0 0 15px;border-bottom:1px solid #c0c0c0}
#leftContent li.activeparent, #leftContent ul li.currentpage {padding:0 0 0 15px;background:url(images/naviNuoli.gif) no-repeat 0 5px;}
#leftContent li.currentpage li, #leftContent li.activeparent li {padding:0;background:none;}
#leftContent li li.currentpage  li, #leftContent li li.activeparent li {background:none;padding:0 0 0 10px;}
#leftContent li li {background:none;border:none;}
#leftContent li li.currentpage {background:none;padding:0;}
#leftContent li.activeparent a {border-bottom:none;}
#leftContent li.currentpage a {color:#AB7600;}
#leftContent li.currentpage li a {color:#000}
#leftContent ul li a { text-decoration:none; display:block; padding:4px 2px; font-size:10px; color:#333; text-transform:uppercase;height:auto !important;_height:1%; font-weight:bold;}
#leftContent li li a {border-bottom:0px solid;}
#leftContent ul li a:hover {color:#CD7B2B}
#leftContent ul ul a {padding:2px 0; padding-left:20px; text-transform:none; }


.leftBox {background:url(images/leftBoxBg.png) no-repeat 0 0;margin:-8px;padding:12px 10px;}
.leftBox h3 {margin:0;color:#444}

/* Muut */
#breadcrumbs {margin:0 0 5px 0;border-bottom:1px solid #eee;font-size:0.9em;}
#breadcrumbs a {text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}

/* Uutistyylit */
#News {background: url(images/newsBg.png) no-repeat 0 0;width:225px;font-size:0.9em;padding:35px 0 0}
.NewsSummary {padding:5px;margin:0 5px 0px 2px;}
.NewsSummaryLink {font-family:Trebuchet MS;}
.NewsSummaryLink h3 a {font-family:Trebuchet MS;color:#6E4B00;font-size:0.9em;line-height:1.2em;}
.NewsSummaryPostdate {margin:0 0 5px 0;font-style:italic;font-size:0.90em;display:none;}
.NewsSummaryMorelink {}
#NewsPostDetailDate {font-size:0.9em;color:#aaa;font-style:italic;}

/* Hinnasto */
table.hinnasto {width:100%;border-collapse:0;border-spacing:0;;border:0px solid;font-size:0.9em;}
table.hinnasto th {background:#F9F2E0;padding:3px 3px;;margin:0;color:#333;font-family:Trebuchet MS;border:0px solid;margin:3px 0 0 0;}
table.hinnasto th.title {background:#6E4B00;}
table.hinnasto th.title a {color:#fff;}
table.hinnasto td {border-bottom:1px solid #eee;}
table td {vertical-align:top;padding:2px 3px;}

/* Lomakkeet */
div.formbuilderform div {margin:3px 0 3px 170px;_padding:0px 0 3px 170px;display:table;zoom:1.0 !important;zoom:0.0;font-size:0.9em;}
div.formbuilderform div label {width:167px;display:block;float:left;margin:0 0 0 -170px;font-size:1.1em;}
div.formbuilderform div h3, div.formbuilderform div a {margin:0 0 0 -170px;_margin-left:-340px;font-weight:bold;display:block;}

div.formbuilderform div div {margin:0;_padding:2px 0px;_margin-left:-170px;}
div.formbuilderform div div label {width:auto;float:none;display:inline;margin:0;_margin-right:-3px;}
div.formbuilderform textarea {width:300px;height:100px;}
div.formbuilderform select {padding:0;margin:0 10px 0 0}
div.formbuilderform select option {padding:0 5px;}

div.formbuilderform div.wideElement {margin-left:250px;_padding-left:250px;}
div.formbuilderform div.wideElement label {margin-left:-250px;width:255px;}

/* Kysely */
#pageWrapper, #pageWrapper2 {position:relative;}
#kysely {width:540px;height:300px;position:absolute;left:190px;background:#000000;margin-top:5px;padding-top:20px;visibility:hidden;}
#Close {width:60px;display:block;float:right;font-weight:bold;margin:5px 0; color:#fff;}