body {
background-color: #ccc;
margin:0;
font-family:Georgia, Utopia, serif;
font-size:14px; /* Define dpi-independent font-size */
}

/**
 *  Page background, border and centre
 */

#luonto_pidike {
/*margin: 0 auto;*/
border: 1px solid #000;
width: 983px;
background:url(../kuvat/greenbar.png) #fff repeat-y 0% 0%;
}

#luonto_pidike div.clear {clear:both; height:1px; font-size:1px;}
div.clear {clear:both;}


/**
 *  Header-region, currently empty space
 */

#luonto_header {
padding: 0;
margin: 0;
width: 983px;
height: 60px;
background: url(../kuvat/blackbar.png) repeat-x;
}

/**
 *  Content-region: menu, centre, side colum
 */

#luonto_kokosisalto {
}

/**
 *  Main menu
 */

#luonto_menu {
position:absolute;
top: 10px;
font-family: Verdana, Geneva, serif;
font-size:120%;
padding: 200px 0;
margin: 0 0 0 10px;
width:240px;
background:url(../kuvat/pihkamerkki.png) no-repeat;
}



/* Menu links */

#luonto_menu a {
text-decoration: none;
color: rgb(0,0,154);
}

/*
#luonto_menu a:visited {
color: #000;
}
*/

#luonto_menu a:hover {
text-decoration: underline;
color: #ff5a00;
margin: 0;
}


.menublock-1, .menublock-selected-1 {
padding: 0 15px;
margin: 0 0 .3em;
}
/* Indent div list-block */
.menublock-2, .menublock-selected-2 {
font-size:80%;
padding:0 0 0 2em;
}
.menublock-4, .menublock-selected-4,
.menublock-3, .menublock-selected-3 {
padding:0 0 0 2em;
}
/* display div as list */
.menuitem-4, .menuitem-selected-4,
.menuitem-3, .menuitem-selected-3,
.menuitem-2, .menuitem-selected-2 {
display:list-item;
list-style:circle;
}

.menublock-1 .menublock-2 { display: none; }
.menublock-2 .menublock-3 { display: none; }
.menublock-3 .menublock-4 { display: none; }

.menuitem-selected-1 a,
.menuitem-selected-2 a,
.menuitem-selected-3 a,
.menuitem-selected-4 a {
font-weight:bold;
}
.menublock-selected-2 a,
.menublock-selected-3 a,
.menublock-selected-4 a {
color: #ff5a00;
}
.menublock-1 a,
.menublock-2 a,
.menublock-3 a,
.menublock-4 a {
color: rgb(0,0,154);
}


/**
 *  Main text-block
 */

#luonto_tekstipidike {
min-height:560px;
}


/* Body text-block */

#luonto_leipa {
/*margin: 0 0 0 270px;*/
padding-left:270px;
width: 400px;
float:left;
}


#luonto_tiedotteet ul, #luonto_tiedotteet li {

margin-left: 15px;

}


/* Default formatting */
a:link {
color: rgb(0,0,154);
}

a:hover {
text-decoration: underline;
color: #ff5a00;
}

h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
margin-top:0.5em;
}

h1 {font-size:190%;}
h2 {font-size:150%;}
h3 {font-size:115%;}
h4 {font-size:110%;}
h5 {font-size:105%;}
h6 {font-size:100%;}

em {
font-style: italic;
}
strong {
font-weight:bold;
}
hr {
border-top:2px dashed #000;
}
blockquote {
background: #ff8f52;
margin:0;
padding:1em 1.5em;
}
ol, ul {}
li {}

.image-left{
	float: left;
	border: 0px;
	margin-left:  8px;
}
.image-right{
	float:right;
	border: 0px; 
	margin-right:  8px;
}
#info {
float:right;
width: 250px;
padding:0 15px;
margin:0 10px 0 0;
font-size:80%;
background: #efd repeat-y 0% 0%;
border:1px dotted #66c54d;
}
#info-text {
display:none;
}
#more-text {
display:none;
}

/* Sivupaneelin teksti */
#luonto_sivupaneeli {
float: right;
width: 250px;
padding:0 15px;
margin:0;
}
/* Sivupaneelin kakkostason tyyli */

#luonto_sivupaneeli p b {
color: rgb(0,0,154);
font-weight: bold;
}

#luonto_sivupaneeli a {
color: rgb(0,0,154);
}



#luonto_sivupaneeli a:hover  {
text-decoration: underline;
color: #ff5a00;
}

#luonto_tiedotteet {
}

#luonto_tiedotteet h1 {	
}

#luonto_tiedotteet p {
font-family: Verdana, Geneva, sans-serif;
}


/* footerit */

#luonto_menu_footer {}

#luonto_footer {
width: 100%;
margin: 0;
background-color: #66c54d;
clear:both;
}

#luonto_footer p
{
font-family: Verdana, Geneva, sans-serif;
font-size:70%;
color: #000;
padding: 10px 0 5px 10px;
margin:0;
text-align:center;
}