body {
	border:0px solid black; margin:10px; background-image: url('tile.jpg');
	padding: 0px;
	scrollbar-shadow-color:black;
        scrollbar-dark-shadow-color:black;
        scrollbar-highlight-color:White;
        scrollbar-3d-light-color:White;
        scrollbar-track-color: #CBD2D9;
        scrollbar-arrow-color: BLACK;
        scrollbar-base-color: black;
        scrollbar-face-color: white 
		  
}



.header {
	background-image: url('header.jpg');
	background-position:  left top;
	background-repeat: no-repeat;
	border-left: 2px solid #000000;
	border-bottom: 0px none;
	border-right: 2px solid #000000;
	border-top: 0px none;
  	padding: 0px;
	margin: 0px
	
}


/*Linkkisolu*/

.linkit {
 	background-image: url('linkkitausta.jpg');	
	background-position:  left top;
	vertical-align: top;
	border-top: 0px none;
	border-left: 2px solid #000000;
	border-bottom: 0px none;
	border-right: 2px solid #000000; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px }
	
/* sivun sisällön sisältävä solu :) */

.sisalto {
	font-family: verdana;
	position: relative;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	border-top: 0px solid black;
	border-left: 2px solid #000000;
	border-bottom: 0px solid black;
	border-right: 2px solid #000000;
	text-align: left;
}

/* footer */

.footer {
background-image: url('footer.jpg');
background-position:  right top;
background-repeat: no-repeat;
backgroun-color: transparent;
border-top: 0px none;
border-left: 2px solid #000000;
border-bottom: 0px solid #000000;
border-right: 2px solid #000000
}

.design {
margin-left: 5px;
margin-top: 0px;
float: left;
font-family: verdana;
color: white; 
font-size: 10px;
}

a.designlinkki, a:link.designlinkki, a:visited.designlinkki, a:active.designlinkki, a:hover.designlinkki {
	color: White;
}

.kielet {
margin-right: 25px;
margin-bottom: 94px;
float: right;
font-family: verdana;
color: white; 
font-size: 10px;
}

/* Seuraavat etusivun kolmen palstan taulukkoon... Etusivun ajankohtaista ja top safaris otsikko */

.otsikkosolu {
	background-image: url('linkkitausta3.jpg');	
	background-position:  left top;
	color: Olive;
	padding: 0px;
	border-top: 0px none;
	border-left: 0px solid #000000;
	border-bottom: 0px none;
	border-right: 0px solid #000000;
	font-weight: bold;
	font-size: 11px 

	
}

/* Vasen on oikeasti oikea ja oikea vasen :) */

.oikea {
	border-right: 2px dotted #c0c0c0;
	background-color: #F8F8FF;
	padding: 2px;
	padding-left: 7px;
	vertical-align: top;

}

.vasen {
	border-left: 2px dotted #c0c0c0;
	background-color: #F8F8FF;
		padding: 2px;
		padding-left: 7px;
		vertical-align: top;

}

.etusivusisalto {
	vertical-align: top;
}

#ajankohtaista {
	background-image: url('ajankohtaista.jpg');	
	background-position:  left top;
	background-repeat: no-repeat;
	widht: 100%;
	border: 1px solid #c0c0c0;
	padding: 6px;
	background-color: #F8F8FF
}

/* Sivun yleiset tagit ja tagien pseudoluokat */


a:visited, a:link, a:active, a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none; 
	cursor:pointer;
}

a:link{	
	color: Blue; 
}

a:visited{
	color: Blue; 
}

a:active {
	color: Blue;
}

a:hover {
	color: Blue;
	 text-decoration: underline;
}

img {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px; 
}


li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

P  {
	font:11px verdana;
	color: #000000;
}

/* Paaotsikko */

h1 { 
   font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:  Olive;
	padding: 2px;
	widht:100%;
	background-image: url('linkkitausta2.jpg');	
	background-position:  center 50%; }	


/* Kakkosotsikko */

h2 {
	color: #000000;
	font-size: 15px;
	font-style: italic;
	}

hr {
color: black;
}

/* Pudotusvalikon css */

.ddm1 {
    font: 11px verdana;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 3px 8px 4px 8px;
    border: 1px #003366;

    text-decoration: none;
    display: block;
    position: relative;
}
.ddm1 .item1 {
	background-image: url('linkkitausta.jpg');
    color: #ffffff
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
	background-image: url('linkkitausta3.jpg');
    color: #ffffff
}
.ddm1 .item2,
.ddm1 .item2:hover {
    padding: 2px 8px 2px 8px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}

.ddm1 .item2 {
	background-color: #483D8B;
    color: #ffffff;
}
.ddm1 .item2:hover {
    background: #6699FF;
    color: #ffffff;
}
.ddm1 .section {
    border: 1px #003366;
    border-style: solid solid solid solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}
.ddm1 .bottom,
.ddm1 .bottom:hover { border-style: solid solid solid solid;  }