* {
margin: 0;
}

html, body{height: 100%;}

body
{ font-family: Verdana, arial, sans-serif;
  padding: 0px;
  font-size: 1em;
background: #fff url('pics/ppk_bg.png') repeat; 
   text-align:center;
}

img{border: 0px;}

img.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.floatRight { 
    float: right; 
    margin: 4px;
   
}

img.floatRightWide { 
    float: right; 
    margin-right: 50px;
   
}

img.cright { 
    float: right; 
    margin: 60px;
   
}

p
{ 
  line-height: 1.2em;
  text-align:left;
  font-size: 0.8em;
  padding: 10px 20px 5px 25px;
}

#content ul
 {
 list-style-type: none;
 padding: 0px;
 margin: 0px;
 }

#content li
{ 
  line-height: 1.2em;
  text-align:left;
  font-size: 0.8em;
  padding: 5px 20px 5px 50px;
}

h1
{ 
  font-size: 1.5em;
 font-weight: bold;
}

h2
{ 
  font-size: 1.3em;
  font-weight: bold;
}

h3
{ 
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 10px 10px 10px;
}



h5
{ padding: 10px 10px 10px 25px;
 }

h5#left
{
text-align:left;
}

hr
{
color: #FF9F40;
width: 90%;
margin: 0px auto;
} 



 a:link {color:#004615;}      /* unvisited link */
 a:visited {color:#004615;}  /* visited link */
 a:hover {color:#FF6600;}  /* mouse over link */
 a:active {color:#FF6600;}  /* selected link */ 

/* margin lefts / margin rights - to centre content */
#wrapper
{ 
 min-height: 100%;
margin: 0 auto;
width: 1000px;

 }

/* header */
#header
{ width: 100%;
  height: 120px;
  color:#fff;
  background:#277536;
}

.news { 
border: 1px dashed #FF6600;
background-color:transparent;
text-align:left;
font-size:.9em;
margin : 20px auto;
width: 70%;
padding: 20px 20px 20px 20px;
}

.contact, .contact_left, .contact_right { 

background-color:transparent;
text-align:left;
margin: 10px 20px 10px 20px;
padding: 2px 2px 2px 2px;
width: 900px;
float:left;

}

.contact_left {
border: 1px dashed #FF6600; 
width: 400px;
float:left;
font-size:.9em;
}
.contact_right { 
border: 1px dashed #FF6600;
width: 400px;
float:right;
font-size:.9em;
}



.news li { font-size:.8em; list-style: circle;}

legend {font-weight:bold; }

/* logo_left */
#logo_left
{ padding: 0;
  font-family: Verdana, arial,sans-serif;
  font-size:1.1em;
font-weight:bold;
  font-style:italic;
width:1000px;
margin:0 auto;
}

#logo_left img {
float:left;
border:0;
padding: 5px 20px 0 40px;
}

#logo_left p {
padding: 30px 0 0 20px;
  font-size:1.1em;

}

/*** Content ***/
#content
{ text-align: center;
  float: left;
  background: #FFF;
  color: #001E09;
	padding-bottom: 20px;	

}

/** Pidempi keskiosa **/
#content 
{
width: 1000px;
border-left: 1px dashed #277536;
border-right: 1px dashed #277536;

}

#content p.small{
font-size:.7em;
}

#content p.smallcenter{
font-size:.7em;
text-align:center;
}

/* etusivu 3 kolumnia*/

#short
{
float: left;
width: 590px;
 background: #FFF;
 color: #001E09;
padding-bottom: 20px;
border-left: 1px dashed #277536;	
}

#side_first{
width:205px;
padding: 0 205px 0 590px
}

#side_second{
width:204px;
float:right;
}

#side{
width:409px;
float:right;
}

.clear {
    clear: both;
}

#side_first img, #side_second img {
padding-bottom: 3px;
}



/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}



/* footer */
#footer
{  
/* position :relative; */
/* margin-top: -80px; */
height:80px;
  padding: 0;
  font-size: 0.7em;
  font-family: Verdana, arial, sans-serif;
  clear: both;
  text-align: center; 
  border-top: 2px solid;
  background: #277536;
  color: #fff;
  border: 1px solid black;
   width:100%;
   
}

#footer a:link {color:#fff;text-decoration: underline;}      /* unvisited link */
#footer a:visited {color:#fff;text-decoration: underline;}  /* visited link */
#footer a:hover {color:#FF6600;text-decoration: underline;}  /* mouse over link */
#footer a:active {color:#fff;text-decoration: underline;}  /* selected link */ 

#foot {
width: 50%;
margin: 0px auto;
}

table{
width: 70%;
margin: 0 auto;
margin-top:20px;
}

table.event{border: 0px dashed #FF6600;
width: 70%;
margin: 0 auto;
margin-top:20px;}

tr.mon { background:  #FF9F40;
color:#fff;
text-decoration:underline;
}

table.das{
border-bottom: 1px dashed #FF6600;
border-right: 1px dashed #FF6600;
width: 70%;
margin: 0 auto;
margin-top:20px;}

tr.das, td.das { 
border-left: 1px dashed #FF6600;
font-size:.9em;
}

td.act {padding:5px 5px 5px 10px; font-size:.7em; text-align:left; border-bottom: 1px dashed #FF6600; }
td.mot {padding:5px; }

/* Main menu settings */
#centeredmenu {
   
   float:left;
   
   padding:0;
   width:100%;
   font-family:Verdana, arial, sans-serif; /* Menu font */
   font-size:90%; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
    background:#277536 ;
    border-top:1px dotted #fff;
    border-left:1px dotted #fff;
    border-right:1px dotted #fff;
}

/* Top menu items */
#centeredmenu ul {
   
   padding:0 0 0 0;
   list-style:none;
   position:relative;
   
}
#centeredmenu ul li {
  
   padding:0;
   float:left;
   position:relative;
}
#centeredmenu ul li a {
   display:block; 
   padding:1em 2em 1em 2em;
   font-size:1em;
   background:#277536 ;
   text-decoration:none;
   color:#fff;
   font-weight:bold;
   border-right:1px dotted #fff;
   
}
#centeredmenu ul li.active a {
   color:#fff;
   background:#000;
}
#centeredmenu ul li a:hover {
   background:#FF9F40; /* Top menu items background colour */
   color:#fff;
  
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#FF9F40; /* Top menu items background colour */
   color:#fff;
  
}

/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:3.1em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:11em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:.8em;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#eee;
   color:#444;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
    border-right:none;
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#FFF380; /* Sub menu items background colour */
   color:#444;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}