* {margin:0px;padding:0px;}
body {text-align:center;font:normal 0.8em Arial;height:100%; background:#fdf9ef url(images/bodyBg.png) repeat-x 0 0;font-size:75%;}
html {height:100%;overflow-y:scroll;}
h1 {font-size:20px; color:#B85B00; font-family:Georgia; font-style:italic; font-weight:normal; margin-bottom:10px;}
h2 {font-size:14px; margin-bottom:8px; color:#422d00;}
h3 {font-size:14px; color:#0151A6;}

b { color:#333 }
ul, ol, dl {margin:0 0 0 30px;}
p {margin:0 0 1.5em; line-height:1.5em;}
a {color:#B85B00;text-decoration:none;}
a img {border:0px solid #fff;text-decoration:none;}
a:hover {text-decoration:underline;}

/* Asettelut */
#page {background:url(images/bgAurinko.png) no-repeat center 0;}
#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; border:solid 0px white }
#leftContent {float:left; width:182px;}
	div.leftPadding {padding:10px 0px 0 15px; margin:10px 0px 0px 15px;}
	* html #leftContent {margin-right:-3px;}
#rightContent { width:195px; float:right;}
	* html #rightContent {margin-left:-3px;} 
	div.rightPadding {margin:0px 25px 0 0;}
#mainContent { margin:0px 203px 0px 203px;text-align:justify;}
	* html #mainContent { margin:0px 200px 0px 196px;}
	#mainWidth {width:584px;height:auto;overflow:hidden;}
	* html #mainWidth {width:584px;margin:0 -3px 0 0;}
	#mainPadding {padding:10px 8px;}
#mainContentWide { margin:0 35px 0 203px;}
	* html #mainContentWide { margin:0 35px 0 196px;height:1%}
	
#footer { width:100%;clear:both;height:50px;background:#ccc; text-align:center; font-size:11px;background:url(images/footerBg.png) no-repeat 0 0;}
	div.footerPadding {padding:30px 0px 0;}
#height {width;0px;height:550px;float:right;}

/* right content */
#rightContents h1 {color:#B85B00;font-family:times;font-size:1.7em;font-weight:normal;}
#rightContent h2 {color:#422d00;margin:10px 0 3px; padding-top:0px;}
#rightContent h3 {color:#C00000;font-size:13px;margin:20px 0 10px 0;}

div.hotelInfo {font-size:0.95em;}
span.fact {color:#865B00;line-height:1.2em;font-weight:normal;}

#moreInfo {width:100%;margin:0 0 15px 0;font-size:0.95em;}
#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/nuoliR.png) no-repeat 0 0;}
#moreInfo a {text-decoration:none; color:#000}
#moreInfo a:hover {text-decoration:none; color:#B85B00;}
/*
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}



#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;}
*/

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{ border-bottom:solid 1px #ccc;  }
th.title { border-bottom: solid 1px #B85B00; color:#B85B00;font-size:13px; }

table.noBorder, table.noBorder td, table.noBorder th {border:0px solid;}

/* Left content */
dfn {position:absolute; text-indent:-2000em;}
#leftContent a {padding:0 0 0 15px;}
#leftContent ul { list-style-type:none; width:100%;color:#000;margin:0;padding:0;}
#leftContent li {_width:100%;vertical-align:bottom;display:block;margin:0;padding:0;font-weight:bold;font-size:10px;line-height:1.8em;background:url(images/naviNuoliHarmaa.gif) no-repeat 0 4px;}
#leftContent li.activeparent a, #leftContent li.currentpage a {background:url(images/naviNuoliRuskea.gif) no-repeat 0 4px;color:#B85B00;}
#leftContent li.sectionheader {padding:15px 0 15px;background:none;}
#leftContent li li {background:none;}
#leftContent ul li a { text-decoration:none;border-bottom:solid 1px #C0C0C0;display:block;color:#333;text-transform:uppercase;height:auto !important;height:1%;}
#leftContent li li a {border-bottom:0px solid;}

#leftContent ul li a:hover {color:#B85B00;}
#leftContent ul ul a {text-transform:none; }

/* 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;}

div.pictureright {width:274px;float:right; background:url(images/kuvaReunus.png) no-repeat 0 0%;margin-left:15px;}
div.pictureright img {background:url(images/kuvaReunus.png) no-repeat 0 100%;padding:0px 22px 18px 12px;margin:14px 0 0 0px;}

/* Gallery */
#galleryHolder { background:url(images/border.png) no-repeat 0 0;width:584px;height:370px;position:relative;}
div.galleryMargin {margin:8px 0 0 8px;}
#blenddiv { background-repeat: no-repeat; margin:8px 0 0 8px;_margin:8px 0 0 4px;width: 490px; height: 328px; float:left;position:relative;}
#thumbs { margin:0 0 0 0;float:right;}
#thumbs img.thumbImg {margin:0;border:solid 0px #ccc; background:url(images/kuvaReunus-s.png) no-repeat 0 0;padding:4px 7px 7px 6px;}
a.thumbnail {padding:0;margin:0;display:block;}
.thumbnail span {position:absolute;}
.thumbnail span img {margin:0;border:0px solid;padding:0;top:8px;left:8px;margin:8px 0 0 8px;}
.thumbnail:hover span {z-index: 50;margin:0px;padding:0;}
.thumbnail:hover span img {padding:0px;position:absolute;top:0px;left:0px;margin:8px 0 0 8px;}
.mainImage img {padding:0;margin:0;}
.thumbnail img {border: 0px solid white;margin: 0;}
.thumbnail:hover {background-color: transparent;}
.thumbnail:hover img{border: 0px solid blue;}
.thumbnail span{
position: absolute;background-color: lightyellow; padding: 0px;left: -1000px; visibility: hidden;color: black; text-decoration: none;z-index: 50;}

.thumbnail span img{border-width: 0;padding: 0px;}
.thumbnail:hover span{visibility: visible;top: 0;left: 0px;opacity:1;z-index: 50;}


/* 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;}
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;}


div.formbuilderform fieldset {width: 550px;border:1px solid #ddd; padding:10px;margin:0 0 10px;}
.formbuilderform fieldset legend {font-weight:bold; padding:3px 10px;color: #B85B00}
.formbuilderform fieldset label {font-weight:bold;}