/* Start of CMSMS style sheet 'Default CSSMenu Horizontal' */
/* Fix for Opera 8 */
.clearb { clear: both; }

#menuwrapper { 
/*overflow: hidden; */
text-align: left;
font-size: 11px; 
font-family: verdana,"times new roman",arial;
color: #888;
text-transform: uppercase;
margin-left:0.005em;
padding-left:0px;
max-width:800px;
background-color: #ffffff;
border-bottom: 1px solid #C0C0C0;
     }

#menu_vert {
   margin-left: 0px;
   margin-right: 0px;
}	 
	 
#primary-nav li {
   width: 100.9px; 
}

#primary-nav li li { 
        width: 195px; 
       }

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#primary-nav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#primary-nav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#primary-nav li { 
	margin-left: -1px;
	float: left; 
	}
#primary-nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

#primary-nav a {
	display: block;
	margin: 0px;
	padding: 5px 10px;
	text-decoration: none;
	color: #515151;
}
#primary-nav li a { 
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	}
#primary-nav li li a { 
	border: 1px solid #C0C0C0;
	}	
#primary-nav li, #primary-nav li.menuparent { 
	background-color: #ffffff; 
	}

#primary-nav li.menuactive { 
	background-color: #C7C7C7;
	}


#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { 
/*	background-image: url(modules/MenuManager/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; */
	}

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
	background-color: #B6B6B6;
}

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}
*html #primary-nav li {
   width: 100.9px; 
}

*html #primary-nav li li { 
        width: 195px; 
       }

* html #primary-nav li a { 
	border-right: 0px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	}
*html #menu_vert {
   margin-left: 1px;
   margin-right: 0px;
background-color: #ffffff;
}	
/* End of 'Default CSSMenu Horizontal' */

/* Start of CMSMS style sheet 'News' */
.NewsSummary {
    margin-bottom: 5px;
border-bottom: 1px solid #ccc; 
 }

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
padding-bottom: 0px;

}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
margin-top: 2px;
  margin-bottom: 30px;
 }
.NewsSummarySummary, .NewsSummaryContent p{
margin-top: 0px;
 }

#NewsPostDetailDate {
  font-size: 90%;
  font-style: italic;
  margin-bottom: 5px;
  }

#NewsPostDetailSummary {
margin-top:  0px;
  line-height: 150%;
   }

#NewsPostDetailContent {
  margin-bottom: 20px;
  margin-right: 10px;
  line-height: 145%;
  }

/* to add specific style to the below div, uncomment them. */
/* 
.NewsSummaryLink {}
.NewsSummaryAuthor {}
.NewsSummaryMorelink {}
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailCategory {}
#NewsPostDetailAuthor {}
#NewsPostDetailAuthor {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'News' */

/* Start of CMSMS style sheet 'Layout' */
 body {
        margin: auto;
        padding: 0px;
        text-align: left;
        background-color: #000000;
background-repeat: no-repeat; 
    }

.pikkubanneri {
width: 270px;
height:35px;
margin-top: 0px;
margin-bottom: 5px;
background-color: #e5e5e5;
border-bottom: 1px solid #000000;
}

div#pagewrapper {
width: 800px;
margin: auto;
max-width: 80em;
min-width: 60em;
position: relative;
 }

#container {
width: 800px;
position: relative;
margin: 0;
overflow:auto;
  }
    
    /* HEADER */
div#header {
margin-top: 0px;
padding: 0;
height: 200px;
text-align: left;
border-bottom: 4px solid #b33c4b;
        }
       
    /* END HEADER */

div.breadcrumbs {
   padding: 1em 0 1.2em 0; 
   font-size: 90%;         
   margin: 0 1em;  
position: absolute;
margin-top:-30px;
   color: #ffffff;
}

div.breadcrumbs span.lastitem { 
   font-weight:bold;  } 
 
div.breadcrumbs a, div.breadcrumbs a:link, div.breadcrumbs a:active, div.breadcrumbs a:visited{
   color: #ffffff; 
text-decoration: none;
}   

    
    /* CONTENT */
 div#content {
padding-top: 0px;
width: 800px;
background: #fff url(uploads/images/body/taustavari_harmaa.gif) repeat-y;
        }
 div#content_blank {
margin-top: 0px;
width: 800px;
        }   

      div#main {
padding-top: 1px; 
padding-left: 15px; 
margin-left: 29%; 
background: transparent;

}

      div#iframe {
padding-top: 1px; 
padding-left: 10px; 
background-color: #ffffff;
}

div#sidebar {
   float: left;  
   width: 26%;    
   display: inline;
   margin-top: 10px; 
   margin-left: 10px;
}

div#sidebar.hascontent {
   padding: 0%;
   width: 24%; 
}
        
    /* END CONTENT */
    
    
    /* FOOTER */
div#footer {
   clear:both;     
   color: #000000;
 background-color: #ffffff; 
background-image: url(uploads/images/body/bg_bottom.jpg); 
background-repeat: no-repeat; 
height: 88px;
margin:0;
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;     
   text-align: left;
   margin:0;
}

div#footer p a {
   color: #000000; 
}
div#footer_blank {
clear:both;     
color: #000000;
background-color: #ffffff; 
background-image: url(uploads/images/body/bg_bottom_blank.jpg); 
background-repeat: no-repeat; 
height: 88px;
}
    /* END FOOTER */
/* END LAYOUT */

.title {
background-image: url(uploads/images/body/texttop.gif);
height: 35px;
width: 530px;
text-transform: uppercase;
}

.banneri {width: 220px; 
vertical-align: top; 
border-right: 1px solid #B69D71; 
background: Black;
}	
/* Layout sections */
		

/* TYPOGRAPHY */
	body {
                text-align: left;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
                line-height: 1.2em;
                color: #000000;
	}
	div {
		font-size: 1em;
	}
	img {
		border: 0;
	}
	
/* LINKS */
	a,
	a:link 
	a:active, a:visited {
		text-decoration: underline;
 color: #830d12;
	}

        div#footer a, 	
        div#footer a:link 
	div#footer a:active, div#footer a:visited {
               color: #830d12;
        }

	a:hover {
	text-decoration: none;
	}
/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 2em;
		line-height: 1em;
		margin: 0;
		padding: 0;
color: #949057;
	}
	h2 {
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #949057;
}
	h3 {
vertical-align: left;
font-size: 1.3em;
line-height: 1.3em;
margin: 1em 0.5em 0.5em 1;
padding:3px;
color: #f3f3f3;
background-color: #000000;
border-left: 5px solid #ffffff;
	}


	h4 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
                color: #949057;
	}
	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
                color: #949057; 
	}
	h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
                color: #949057;
	}
/* END HEADINGS */

/* TEXT */
	p {
		text-align: left;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
                line-height: 1.2em;
                color: #000000;
margin-bottom: 1em;
	}
	blockquote {
		border-left: 10px solid #ddd;
		margin-left: 10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
color: #665F03;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* LISTS */
 ul {
        line-height:1.4em;
		margin: 0 0 1.5em 0;
		padding-left: 30px;
	}
	#main ul {
        line-height:1.4em;
		margin: 0 0 1.5em 10px;
		padding: 0;
	}
	#main ul li {
		margin: 0 0 0.25em 20px;
		padding: 0;
	}
#main li {
		margin: 0 0 0.25em 20px;
		padding: 0;
	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
	hr {
		
	}

	div.hr {
                width: 95%;
		height: 1px;
		margin: 1em 10px;
		border-bottom: 1px dotted #e9e9e9;
	}

	
/* END TYPOGRAPHY */	





/* End of 'Layout' */

/* Start of CMSMS style sheet 'Forms' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		width: 200px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}
/* END FORM ELEMENTS */
		
/* End of 'Forms' */

/* Start of CMSMS style sheet 'Guestbook (default/example stylesheet)' */
/* Style pagination */

.cms-guestbook-pagination_header {
	margin: .5em 0;
}
.cms-guestbook-pagination_nav {
	font-weight: bold;
	margin: .5em 0;
}
.cms-guestbook-pagination_nav a {
    font-weight: normal;
}

/* Style the guestbook */

/* Style each entry */
.cms-guestbook-entry
{
	margin-bottom: 1em;
width:98%;
}

/* Style the message header */
.cms-guestbook-entry-header
{
	background: Black;
	color: white;

	margin: 2px;
	padding: 1px;
}

/* Style the actual message */
.cms-guestbook-entry-text 
{
	background: #eee;
	padding: .5em;
	color: black;
}

/* Show the postdate on the right */
.cms-guestbook-entry-posted 
{
	float: right;
	font-size: smaller;
}

/* Style message header links */
.cms-guestbook-entry-header a {
	color: white;
} 
.cms-guestbook-entry-header a:hover {
	color: black;
} 
		  
/* Style the sender name */
.cms-guestbook-entry-sendername
{
	font-weight: bold;
}

/* Style the E-mail link */
.cms-guestbook-entry-email {
	font-size: smaller;
}
		      
/* Style the senders homepage link */
.cms-guestbook-entry-homepage
{
	font-size: smaller;
	margin: 2px;
	margin-bottom: 0;
}

/* The some smileys links */
.cms-guestbook-somesmileys a
{
	margin-right: .5em;
}

/* End of 'Guestbook (default/example stylesheet)' */