html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;vertical-align:baseline;}
table {border-collapse:collapse;border-spacing:0;}

/* Main Layout */
html {height:100%;margin-bottom:1px; overflow: -moz-scrollbars-vertical;
}
body { font-size:13px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000; background: #dfdfdf;}
/* h1,h2,h3,h4,.componentheading {font-weight:bold;margin:2em 0 1em;} */
h1,.componentheading {color:#777; font-size:180%;}

div#page h2 {
	padding-bottom: 15px;
}

h2.contentheading {
 padding-top:25px;
 font-size:24px;
 line-height:26px;
 padding-bottom:0px !important;
 margin-bottom:0px;
}

div#page h2.contentheading {
	padding-top:10px;
}

h2  {
 font-size:24px;
  line-height:26px;
   padding-top:10px;
}


h3 {font-size:130%;}
h4 {margin:0px; padding:0px;}
a {color:#000;text-decoration: underline;}
a:hover {text-decoration:underline;}
ul {margin:1em;}
p {margin-top:10px;margin-bottom:10px;}
#main {font-size:16px; line-height:22px; padding-bottom:100px;}
.background {position:absolute;width:100%;height:130px;background:  url(../images/bg_tausta.jpg) top repeat-x;}
#main .foreground, #message, #showcase, .leading, #page {position:relative;}
#message, #showcase {z-index:0;}
#main-content {background:#FFFFFF; padding:0 10px 0 5px}
.dp20,.dp25,.dp33,.dp50,.dp100 {float:left;margin-top:15px;}
.dp20 {width:20%;}
.dp25 {width:25%;}
.dp33 {width:33.33%;}
.dp50 {width:50%;}
.dp100 {width:100%;margin-top:0;}
.clr {clear:both;font-size:0;}
#colmask {clear:both;overflow:hidden;position:relative;width:100%;}
#maincol, #wrapper {position:relative;}
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%; }
.s-c-s #colright {float:left;left:50%;position:relative;width:100%;  }
.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%; }
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:visible;}
.s-c-s #col1 {overflow:hidden;width:100%;  }
.s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}
.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0; }
.s-c-x #col1wrap {float:right;position:relative;width:50%;}
.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x #col2 {float:left;position:relative;}
.x-c-s #colright {float:left;position:relative;right:100%;width:200%;}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;  margin-right:10px; padding-top:0px; top:0; border-top: 1px solid #B2B2B2; font-family: Arial, Helvetica, sans-serif; font-size:13px;}
.s-c-s .ctr-color1, .s-c-s .ckl-color1, .s-c-x .ckl-color1, .x-c-s .cdr-color1 {background:#ffffff;}
.s-c-s .ctr-color2, .s-c-s .ckl-color2, .s-c-x .ckl-color2, .x-c-s .cdr-color2 {background:#d1e0e7;}
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright, #wrapper {background: none;}
.cols1 {display:block;float:none;margin:0;width:100%;}
.cols2 {width:49%;overflow:hidden;}
.cols3 {width:30%; }
.column1, .column2 {position:relative;float:left;margin:0;}
.colpad {padding:0 10px;position:relative;}
.column2 {float:right;width:49%;}
.article_row {overflow:hidden;margin:0 -10px 15px -10px;}

/* Header */
#logo {width:234px;height:145px;background:url(../images/hss_logo.png) 0 no-repeat; margin-left:20px; display:block;}
#header {overflow:hidden; background: none;}
#header li {list-style:none;float:left;padding-left:15px;font-weight:bold;}
#nav { background: #FFFFFF; height:50px; padding-bottom:20px; }

/* Showcase */
#showcase {margin:3px 0 8px 0;position:relative;color:#000;}
#showcase .background {position:absolute;width:100%;height:130px;background:url(../images/light.png) 0 -514px repeat-x;}
#showcase .foreground {border:1px solid #dfeaee;overflow:hidden;padding-bottom:25px;}
#showcase h1 {font-weight:normal;font-size:3.0em;line-height:105%;margin:25px 55px 10px 25px;}
#showcase h3 {font-weight:normal;font-size:1.4em;font-weight:normal;margin:0 55px 20px 25px;}
#showcase b {font-weight:normal;color:#d03100;}
#showcase .pad {padding:0 50px 25px 25px;}
#showcase .num {float:left;background:#d03100;text-align:center;line-height:90%;color:#fff;font-size:2em;padding:3px 8px;}
#showcase .pad h2 {font-size:1.4em;font-weight:bold;margin:0 0 5px 40px;}
#showcase .pad p {margin-left:40px;}

/* Content styles */
p.buttonheading {position:absolute;top:2px;right:10px;margin:0;}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
.buttonheading .pdf {background:url(../images/light.png) -57px -366px;}
.buttonheading .print {background:url(../images/light.png) -21px -366px;}
.buttonheading .email {background:url(../images/light.png) -39px -366px;}
.iteminfo, .articleinfo {font-size:13px;overflow:hidden;margin-bottom:20px;display:block;margin-top:0x;width:100%;}
.modifydate, .createdby, .createdate {display:block; font-family:Arial, Helvetica, sans-serif; color:#999999;}
.counter, .pagination, .pagenavkuvateksti {
font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:13px;}

.pagenavkuvateksti a {
font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:13px;}

p.iteminfo, p.iteminfo span.createdate, p.articleinfo, p.articleinfo span.createdate{
	padding:0px;
	margin:0px;
}

.createdby {font-weight:bold;}
a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}
a.readon2 {background:url(../images/light.png) 100% -344px;display:block;float:right;color:#fff;font-weight:bold;line-height:20px;}
a.readon2 span {background:url(../images/light.png) 0 -344px;display:block;margin-right:10px;height:21px;float:left;padding:0 5px 0 15px;}
.breadcrumbs-pad {padding:0 1px;}

div.breadcrumbs {font-size:38px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;margin:0;padding:0px 15px 0px;color:#999999; height:73px; }

.component-pad {padding:0 28px 0px 15px; width:620px; }
.banneritem_text {margin-bottom:10px;}
#modlgn_username, #modlgn_passwd {border:1px solid #ccc;padding:3px;}
.pagination span, .pagination a {margin-right:5px;}
#colmask ul li {list-style:square;}
#colmask ul ul {margin-top:0;}
#colmask ul ul li {list-style:square;}
.colpad h2.contentheading {padding-right:65px;}
.sectiontableheader {font-weight:bold;line-height:25px;text-align:left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align:left;padding:0 4px;vertical-align:middle;border-top:1px solid #ddd;line-height:30px;}
span.attention {display:block;margin:15px 0;padding:8px 10px 8px 10px;background:#FFF3A3;border:1px solid #E7BD72;color:#B79000;}

/* Modules */
.module {padding:1px;background:#FFFFFF;}
.module-title {font-size:13px; margin:0;padding:0px 0 23px 0;}
.module-body {padding:0px; }
div.module-body p {padding:0px; margin:0 0 5px 0; }
.color1 .module-title {color:#999999; font-family:Arial, Helvetica, sans-serif;}
.color1 .module-body {/*border-top:1px solid #000;*/ }

.gk_news_show_table {font-family:Arial, Helvetica, sans-serif; 	font-size: 13px;
	line-height:16px !important;}
	
.color2 .module-title {background:url(../images/light.png) 0 -136px repeat-x;border-bottom:1px solid #c3d9e1;color:#50646d;}
.color2 .module-body {border-top:1px solid #dfeaef;}
#colmask .m_menu {background:#cf2700;color:#fff;}
#header .module { background:none; color:#FFFFFF;}
#header .module a { color:#FFFFFF; font-size:10px; text-transform:uppercase;}
#colmask .m_menu .module-title {background:url(../images/light.png) 0 -0px repeat-x;border-bottom:1px solid #c21a00;color:#fff;}
#colmask .m_menu .module-body {border-top:1px solid #d64110;}
#colmask .m_menu a {color:#fff;}
#colmask .m_menu ul {margin:0 1em;}
#mainmods, #mainmods2, #mainmods3 {overflow:hidden;padding-top:15px;}
#mainmods3 {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#header .module {float:right;margin-left:325px;}
#main-content li .active a {font-weight: normal;}

/* Footer */
#footer {background:#ffffff; padding-top:20px; color: #999999;}
.footer-pad {padding:10px 15px;overflow:hidden;}
#logo2 {width:165px;height:20px;background:url(../images/light.png) 5px -646px no-repeat;display:block;float:right;margin-left:15px;margin-top:15px;}
#footer ul {margin:0;}
#footer li {list-style:none;float:left;padding-right:20px;font-weight:bold;}
#footer a {color:#999999	;}

#footerwrap {
	margin-left:10px;
	background: #FFFFFF;
}

#osoite, #paivalehdenmuseo, #paivalehdenarkisto, #footerwrap form {
	display: inline;
	background: #FFFFFF url(../images/tuplaviiva.jpg) top repeat-x;
	padding-top:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	display:block;
	float:left;
	margin: 0 10px;
}

#footerwrap form {
	padding-top: 9px;
	color: #999999;
}

#osoite {
	width: 460px !important;
}

#paivalehdenmuseo{
	width: 140px !important;
}
 #paivalehdenarkisto{
 	width: 140px !important;
 }
 
  #footerwrap form{
  	width: 140px !important;
	overflow:hidden;
  }
  
  #footerwrap form .inputbox {
  	border: none;
	background:#e5e5e5;
	color: #999999;
	font-size:13px;
}

/*#col1wrap table.viivat {
	border: #000000 solid 1px;
}*/

table.viivat_140 {
}

table.viivat_140 td {
width: 140px;
vertical-align: top;
}

table.viivat_300 td {
width: 300px;
vertical-align: top;
}

.viiva {

}


hr {
border: none;
border-top: 1px solid #B2B2B2; 
margin: 30px 0;
}

table.viivat td p {
	margin-top:0px;
	padding-top:0px;
}


table.viiva, table.viivat_300, table.viivat_140 {
	width: 620px;
}

tbody {
	border: none;
}

div#sisaltowrap div {
	float:left;
	width:140px;
	margin-right: 20px;
}

div#sisaltowrap div {
}

table.contenttoc {
background:#F2F2F2 none repeat scroll 0 0;
border:1px solid #D9D9D9;
float:right; /* Add this line */
margin:0 0 1em 2em;
width:150px;
text-align:center;
}

table.contenttoc td {
	padding:6px;
}

tr.noborder td {
	border: none !important;
}

.yhteys {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 16px;
}

.kuvateksti, .jce_caption {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
}

.kuvateksti strong {
	font-weight: normal;
}

.kuvateksti p {
	padding-bottom: 5px;
}

div .blog table.viivat_140 td {
	padding-top:35px;
}

p.counter {
	float:left;
	padding:0 30px 0 0;
	margin:0px;
}

span.pagination a {
	color: #999999;
}

span.pagination {
	float: left;
}

div.mapuraha div.module-body p {
	padding-bottom:10px;
}

div#clear {
	clear:both;
}

div.blog {
	 border-top: #B2B2B2 solid 1px;
}

div#page {
	border-top: #B2B2B2 solid 1px;
	padding-top: 35px;
}

div.jce_caption {
	padding:0px;
	margin:0px;
}

div.jce_caption img {
	padding-bottom:5px;
}

table.kuvat td {
	vertical-align:top;
	padding-top: 25px;
}

td.vali {
	width:20px;
}