* {margin:0;padding:0}
body {text-align:center;font:normal 80% Arial;min-height:100%;background:url(images/mainBg.png) repeat-x 0 0;line-height:1.5em;}
html {min-height:100%;overflow-y:scroll;}
p {color:#444;font-size:1.0em;margin:0 0 1em;font-family: Arial; font-size:1em;}
h1 {color:#415B3B;font-size:1.8em;margin:0 0 0.6em;font-family:Georgia;font-weight:normal;}
h2 {color:#C37D0A;font-size:1.6em;margin:0 0 0.5em;font-family:Georgia;font-weight:normal;}
h3 {color:#744031;font-size:1.4em;margin:0 0 0.4em;font-family:Georgia;font-weight:normal;}
h4 {color:#000;font-size:1.2em;margin:0 0 0.8em;}
h5 {color:#000;font-size:1.1em;margin:0 0 0.8em;}
h6 {color:#000;font-size:1.0em;margin:0 0 0.8em;}

a  {text-decoration:none;color:#4D6F75}
a:hover {color:#465458}
a img {text-decoration:none;border:0px solid}

/* asettelut */
#pageWrapper {;overflow:auto;text-align:left;width:995px;margin:0 auto;background:url(images/contentBg.png) repeat-y 0 0;}
	* html #pageWrapper {height:1%;;}
#contentWrapper {overflow:auto;background:url(images/topBg.png) no-repeat 0 0;}
#mainContent {min-height:400px;padding:35px 0 0}
	* html #mainContent {height:400px}
	#mainPadding {margin:0 80px;}
#header {height:100px;}
#footer {background:url(images/footerBg.png) no-repeat 0 0;clear:both;height:90px;width:995px;margin:0 auto;}
#footerTxt {padding:65px 30px 0 30px;color:#777;font-size:0.90em}
#credit {width:280px;float:right;text-align:right;font-size:0.90em;color: #ddd;padding:0 30px 0 0;}
#credit a {color:#ddd;}
#credit a:hover {color:#aaa;}

/* Kolumnit */
.rigthCol {width:400px;float:right;}
.leftCOl {width:400px;float:left;}

/* Navi */
#topNavi  {padding:50px 0 0 650px;}
#topNavi ul {list-style-type:none;}
#topNavi ul li {float:left;}
#topNavi a {color:#555;font-weight:bold;padding:0 10px;}
#topNavi a:hover, #topNavi a.currentpage {color:#000;}

/* muut */
.clearB {clear:both;font-size:0em;height:0;}
dfn {display:none;}

/* Gallery */
/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Used for categories to make things clear correctly */
.album_content {width:100%; float:left;}
.clear {clear:both}
/* Album List */
.albumlist {margin-left:0;padding-left:0;	float:left;}

/* Picture List */
.picturelist {margin-left:0; padding-left:0;}

/* Album and Picture Lists */
.thumb {padding:0; width:150px;margin:0 0.5em 0.5em 0; text-decoration:none; line-height:normal;list-style-type:none; text-align:center;float:left;}

.thumb a {display:block; height:72px; width:100px; padding:10px;margin:0;background-color:#f5f5f5;border-top:1px solid #eee;border-right:2px solid #ccc;border-bottom:2px solid #ccc;border-left:1px solid #eee; text-decoration:none;}
.albumcomment { text-align: left; }
.thumb a:visited img {background-color:#eee;}
.thumb a:hover img {background-color:#dae6e4;}

/* text and navigation for Album */
.albumname {font-size:smaller;text-align:center;font-weight:bold;font-style:normal;}
.albumname a {display: inline; border: none; margin:none;padding:none; background-color:transparent;}
.albumpicturecount {font-size:smaller;text-align:center;font-weight:normal;font-style:italic;}
.albumcomment {text-align:center;font-weight:normal; font-style:normal;}
.albumnav {text-align:center;font-weight:normal;font-style:normal;font-size:smaller;}
.instructiontext {font-weight:normal;font-style:normal;font-size:smaller;font-style:italic;}

/* Big Picture */
.bigpicture {padding:0.5em 0 0;clear:left;border-top:1px solid #ccc;text-align:center;}
.bigpicturecaption {text-align:center;margin:0 0 5px;padding:0;}
.bigpicture img {padding:0;width:80%;margin:0;background-color:white;border-top:1px solid #eee;border-right:2px solid #ccc;border-bottom:2px solid #ccc;border-left:1px solid #eee;text-decoration:none;}
.bigpicturenav {margin:0;padding:0;color:#000;font-size:smaller;line-height:normal;}

/*Thickbox CSS */

#TB_window {font: 12px Arial, Helvetica, sans-serif; color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;height:100%; width:100%;}
* html #TB_overlay { position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

#TB_window {position:fixed;background: #ffffff;	z-index: 102;color:#000000;	display:none;border:0px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#TB_window img#TB_Image {display:block;	margin:0 0 0 0;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption {height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow {height:25px;padding:11px 25px 10px 0;	float:right;}

#TB_closeAjaxWindow {padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;	float:right;}
#TB_ajaxWindowTitle {float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title {background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p {padding:5px 0px 5px 0px;}
#TB_load {position: fixed;display:none;	height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px;}
* html #TB_load {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#TB_HideSelect {	z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;	opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

#TB_iframeContent {clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}

/* sbBox */
html,body {height:100%;margin:0;padding:0;}
#modalBg {background:#fff url(images/grey.jpg);opacity:0.5;min-height:100px;_height:100%;position:absolute;width:100%;top:0;left:0;}
#box {opacity:0;z-index:200;position:absolute;top:100px;background:#fff;margin:0 auto;}
#contentlist {}
.boxSize {border:5px solid orange;;width:300px;min-height:100px; height:100px;padding:10px;margin:10px;}
#lomake {width:500px}
#iMask {width:100%;height:100%;position:absolute;top:0;left:0;background:transparent;z-index:100;}

#sbBox {width:600px;height:80%;z-index:200;overflow:hidden;position:absolute;top:0;left:0;font-family: arial;opacity:0.9;}

#clickMe {border:1px solid #ccc;padding:3px;margin:0 10px;width:100px;display:block;background:#f5f5f5;text-align:center;}
.hiddden {visibility:hidden;}


#close {position:absolute;bottom:0;right:0;color:#000;padding:0px 10px;font-weight:bold;}