/* Yleiset */
body,html {font-family: "Segoe UI", Arial,Helvetica,sans-serif; font-size:12px; color:#444444; 
margin:0;
padding:0;height:100%;}
p, div, img, table, tr, td {margin:0; padding:0; color:#444444;}
img {border:0;}
p, div, img, table, tr, td { margin:0;padding:0;}
li {list-style-type: none;}
*, img {margin: 0; padding: 0; border-style: none;}
::selection {background: #56a432; color: #FFF;}
::-moz-selection{background: #56a432; color: #FFF;}

h1 {
font-family: "Segoe UI", "Lucida Grande", Arial,Helvetica,sans-serif;
color:#444444;
line-height:30px;
font-size: 26px;
font-weight:regular;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

h2 {
font-family: "Segoe UI", "Lucida Grande", Arial,Helvetica,sans-serif;
color: #444444;
font-size: 18px;
line-height:22px;
font-weight:bold;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

h3 {
font-family: "Segoe UI", "Lucida Grande", Arial,Helvetica,sans-serif;
color: #444444;
font-size: 16px;
height: 18px;
line-height:22px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 12px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;;
}

p {
font-family: "Segoe UI", "Lucida Grande", Arial,Helvetica,sans-serif;
color: #444444;
padding-bottom: 6px;
font-size:12px;
line-height:18px;
}

.upper {
color:color:#444444;;
text-transform:uppercase;
}

.smallcaps {
font-size:88%;
}

.small {font-size:10px;margin:0;padding:0;}
.details {padding:0;margin-top:0px;margin-bottom:0px;}

.current_page_item {font-weight: bold;}

.contact table td {padding:3px;}

/* Menu, Linkit */
a:link, a:visited, a:active { color:#56a432; margin:0 0 0 -1px; padding:0px 2px 1px 2px; text-decoration:none;}
a:hover {color: #56a432;);  text-decoration:underline;cursor: pointer;}

a.sel:link, a.sel:visited, a.sel:hover, a.sel:active { color:#565758;}

.buorreMenu {list-style:none;}
.buorreMenu ul { margin:0;padding:0;}
.buorreMenu li {float:left; margin:0;padding:0;}
.buorreMenu li a {margin:0; padding:0px 5px 0px 5px; font-size:12px; color: rgb(51, 51, 51);}
.buorreMenu li a:hover {color:#333;}
.buorreMenu li a.sel:link { color:#56a432; }
.buorreMenu, .buorreMenu li,  .buorreMenu ul{ margin:0;padding:0;}


.columnContent ul{ list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:1.5em;
font-size:12px;
margin-top:6px;}

.columnContent li{ margin-bottom:6px;
list-style-type:disc;}


.leftColumn ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:1.5em;
font-size:12px;
margin-top:6px;

	}
	
	.leftColumn li {
margin-bottom:6px;
list-style-type:disc;
	}
	
	
.leftColumn ul li a, .leftColumn li a:link, .leftColumn li a:visited, .leftColumn li a:active {
color:#444444;

}

.leftColumn li.active a, .leftColumn li.active a:link, .leftColumn li.active a:visited, .leftColumn li.active a:active {
color:#444444;
}


.sidebar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
font-size:10px;
margin-top:6px;

	}
	
	.sidebar li {
margin-bottom:6px;
list-style-type:none;
	}
	
	
.sidebar ul li a, .leftColumn li a:link, .leftColumn li a:visited, .leftColumn li a:active {
color:#444444;

}

.sidebar li.active a, .leftColumn li.active a:link, .leftColumn li.active a:visited, .leftColumn li.active a:active {
color:#444444;
}

.writer {color:#565758; font-weight:normal; font-size:10px; }
.time {color:#565758; font-weight:normal; font-size:10px}

/* Rakenne */
#service {position:absolute; top:10px; z-index:99; margin-bottom:24px;}
.buorre_logo{margin-top:10px; }
.frontpageContent {padding-top:240px;background-color:#fff; }
.rightColumn {padding-top:252px; padding-right:10px;}
.leftColumn {padding-top:10px;}
.content {background-color:#fff; z-index:10; position:relative;margin:0; padding:0;}
.footer  { font-size: 14px; font-family:Georgia, Times, Serif; }
.story {margin:0;padding-top:0px; padding-bottom:6px;}
.columnContent{ z-index:10; background-color:#fff;padding-top:10px;padding-bottom:10px;margin:0;position:relative;padding-right:10px;min-height:500px;  height:auto !important;
  height:500px;
}


.footer { background-color:#F8F8F8;
border-top:1px solid #EEEEEE;
color:#444444;margin-top:22.5px;
overflow:hidden;
padding:0 0 5px;
width:100%;}
#footerContent{height: 100px; margin:10px auto;}
.flashContent {padding-top:10px;padding-bottom:10px; background-color:#fff;position:relative;z-index:10;margin:0; }
#flashAlternativeContent {padding:0; margin:0;}

#logo {
top:10px;
z-index:1;
display:block;
}

.container {
margin:0 auto;
}


.buorreMenu{

position:absolute;
top:10px;
width:360px;
height: 20px;
margin-left:580px;
display:block;
background:#fff;
z-index:0;
padding:5px;
}

.buorreSearch{
margin-left:810px;
//margin-left:820px;
position:absolute;
top:365px;
width:130px;
height: 20px;
z-index:0;
background:#fff;
padding:5px;
}

#taustakuva {
margin-left:480px;
position:absolute;
top:10px;
width:468px;
z-index:0;
}

/* Lomakkeet */
form {margin:0; padding:0;}
input, textarea {color: #56a432; padding: 3px; border:1px solid #56a432;font-size:11px;}
textarea {height:auto;}


.comments input, .comments textarea {color: #56a432; padding-bottom: 3px; border:1px solid #56a432;font-size:11px;float:none;display:block;  }
.comments {margin-bottom:6px;}

.upload {width:95%; border:1px solid #58595b; height:19px;}
.f_select {height:19px; width:99%; margin:6px 0px 0px 0px; font-size:11px; font-family:Arial,Helvetica,sans-serif; }
.check {font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:18px; color:#747575; background-color:transparent; border:0px; width:auto; height:auto; margin: -1px 0px 0px 2px; vertical-align:middle;}
.radio {font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:18px; color:#747575; background-color:transparent; border:0px; width:auto; height:auto; margin: -1px 0px 0px 1px; vertical-align:middle;}
label {font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:14px; color:#747575; background-color:inherit; white-space:normal; margin:0; padding:0; clear:both;}
form {padding:0; margin:0;}
fieldset {border:1px solid #56a432; margin:0; padding:0;}

input.button {

   border-style:none;
   background:#56a432; 
   color:#fff;
   cursor:pointer;
   margin-left:6px;
   
   }	
button:hover {color:#FFF;}
input.button_safari {width:auto;}

#submit {

   border-style:none;
   background:#56a432; 
   color:#fff;
   cursor:pointer;
   
   
   }	
   
/* Kuvakkeet */

.arrow{
display: block;
float:left;
background-position: -32px 0px;
width: 16px;
height: 16px;
background-image: url(piktot.png);
margin-right:6px;
margin-top:2px;
background-repeat:none;
}
.writer{
display:inline;
padding-left:16px;
padding-bottom:0px;
padding-top:2px;
background-position: -64px -16px;
width: 16px;
height: 16px;
background-image: url(piktot.png);
margin-right:0px;
margin-left:0px;
margin-top:3px;
margin-bottom:2px;
background-repeat:none;
}

.date{
display:inline;
padding-left:16px;
padding-bottom:2px;
padding-top:2px;
background-position: 3px -16px;
width: 16px;
height: 16px;
background-image: url(piktot.png);
margin-right:0px;
margin-left:0px;
margin-top:2px;
background-repeat:none;
}

.search {
display: block;
float:left;
background-position: -64px 0px;
width: 16px;
height: 16px;
background-image: url(piktot.png);
margin-right:0px;
margin-left:5px;
margin-top:2px;
background-repeat:none;
cursor:pointer;
}

.comment {display:inline;
padding-left:16px;
padding-right:0;
padding-bottom:1px;
padding-top:3px;
background-position: 51px 18px;
width: 16px;
height: 16px;
background-image: url(piktot.png);
margin-right:0px;
margin-left:3px;
margin-top:2px;
background-repeat:none;}


/* Painikkeet */
    
.buorretabs{
overflow: hidden;
width: 100%;
margin-top:18px;
margin-bottom:0px;
font-size: 14px; /*font of menu text*/
}


.buorretabs ul{
list-style-type: none;
margin: 0;
margin-left: 0px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.buorretabs li{
float: left;
margin: 0;
padding: 0;
height:36px;

}

.buorretabs a{

float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(left-tabs.png) no-repeat;
margin: 0;
background-position: 0 2px;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 5px;
text-decoration: none;

}

.buorretabs a span{	
float: left;

position: relative;
display: block;
background: url(right-tabs.png) no-repeat;
background-position: 100%  2px;
padding: 5px 14px 3px 7px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: normal;
color:#444444;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.buorretabs a span {float:none;}
/* End IE5-Mac hack */


.buorretabs .selected a{
background-position: 0 -30px;
top: 0;

}

.buorretabs .selected a span{
background-position: 100% -32px;
color: #fff;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;

}

.buorretabs a:hover{
background-position: 0% -30px;
top: 0;
text-decoration:none;
}

.buorretabs a:hover span{
background-position: 100% -32px;
color:#fff;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
text-decoration:none;
}

.siteDescription  {background:#fff;position:relative;
z-index:10;}

.siteDescription p {font-family: Arial,Helvetica,sans-serif; font-size:12px; color:#999;  font-size: 18px;}


div#buorreGuestbook ul {
display : block;
list-style : none;
margin : 0;
}
div#buorreGuestbook li {
display : block;
list-style : none;

}


#searchsubmit {background:#56a432; color: #fff; border:none; padding:3px; margin-left:6px; float:left;}
#s { float:left}

.columnContent img {float:none; margin:0;padding;0;}
.alignright {padding-left:10px;padding-bottom:10px;}

input.btn{
   background:#56a432;
   color:#fff;
}