.shad{
-webkit-box-shadow: 4px 4px 15px  #000000;
-moz-box-shadow: 4px 4px 15px #000000;
box-shadow: 4px 4px 15px #000000; 
}

body {
	background-color:#CC3366;
	
	}

#banneri{
	background-color: transparent;
	float: right;
	height: 149px;
	width: 147px;
	margin-top: 0px;
	margin-right:0px;
	position: relative;
	top: 0px;
	right: 0px;
	z-index: 999;
	}
	
#mytable {
	background-color: #CC3366;
	}
	
#muu {
	border: 0px;
	background-color: #CC3366;
}

#muu2 {
	color:#FFFFFF;
	border: 5px solid #FFF;
	background-color: #CC3366
}
#banneri{
	background-color: transparent;
	float: right;
	height: 149px;
	width: 147px;
	margin-top: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	}
#myrsky{
	width:190px;
	height:303px;
	background-image:url(images/myrsky2011.png);
	background-color:transparent;
	position:absolute;
	top:10px;
	right:-100px;
	z-index:20;
	}

a {
   outline: 0;
}
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}	

html>body .outerpair1 {
background: url(shadow/upperrightfade.png) right top no-repeat;
}
html>body .outerpair2 {
background: url(shadow/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
html>body .shadowbox {
background: url(shadow/shadow.png) bottom right;
}
html>body .innerbox {
position: relative;
left: -8px;
top: -8px;
}
.shadowbox table {
	background-color: #7b931f;
	vertical-align: bottom;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
}
.sivu {
	position: absolute;
	top:0;
	left: 50%;
    margin-left: -512px;
}
.kuva {
	position: relative;	
}
.kartta {
	position: relative;
}