@CHARSET "UTF-8";

/*Kivipaja J. Seppälä css*/
#wrap { 
    width:      90%;
#	width:      770px;
	margin:     0 auto;
	overflow:   auto;
	padding:    6px;
	background: #FFFFFF;
}

img { 
	-ms-interpolation-mode:bicubic; 
}


.menuitem{
	padding: 0px 0px 0px 20px;
}

.nolist {
	list-style-type: none;
}

.stripitem{
	vertical-align: bottom;
}

.filmstrip {
	cellspacing: 5;
	cellpadding: 0;
	font: normal 1em Arial, sans-serif;
	background-color: #FFFFFF;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
}



.current {
	background: #e0e0e0;
	color: #396bb9;
}

#logo { /*/width:665px;*/
	height:      75px;
	margin:      0;
	margin-left: 15px;
	padding-top: 5px;
	float:       left;
}

.main {
	height:      100%;
	width:       700px;
	margin-left: auto;
	margin-right:auto;
	padding:     0;
}

.links{
	color: #a9a9a9;
}

#leftbar {
	background:     #ebebeb url(../img/navTop.gif) no-repeat;
	padding:        15px 0px 10px 0px;
	line-height:    26px;
	letter-spacing: 3px;
	color:          #9f9f9f;
}

#leftbar a {
	text-decoration: none;
	font-style:      normal;
	color:           #8c8c8c;
}

#leftbar a:hover {
	color: #396bb9;
}

#menu {
	clear: both;
    width: 200px;
#	width: 180px;
	float: left;
#	font-size: 14px;
}

#colour {
	height: 520px;
	background-color: #ebebeb;
}

#content{
        float:left;
		width:     500px;
		padding:   20px 20px 20px 20px;
		background:url(../img/shadowtop.gif) repeat-x;
#		font-size: 14px;
		/*line-height:28px;*/
		text-align:center;
}
		
#map{
	/*font: normal 0.86em Arial, sans-serif;*/
	
	width: 500px;
	height: 450px;
	border: 1px solid black;
	margin-right: 15px;
}

#route{
	font: normal 0.86em Arial, sans-serif;
	width:  35%;
/*	 height: 480px;*/
	float:  left;
	border: 1px solid black;
	margin-right: 15px;
	margin-left:  15px;
}
		
table {
	text-align: left;
	padding: 0;
	border:  0;
}

.bigpicture{
	text-align: center;
	width:      500px;
}

.image{
	border: 2;
	border-thickness: 2;
	border-color: #FFFFFF;
	border-style: solid;
}

a {
	color: #606060;
	text-decoration: none;
	
}

a:visited {
	color: #a9a9a9;
}

a:hover {
	color: #000000;
}

a:link .image {
	border-color: #FFFFFF;
}

a:hover .image, a:active .image{
	border: 2px;
	border-thickness: 2px;
	border-color:     #e8e8e8;
	border-style:     solid;
}
a:visited .image{
	color: #FFFFFF;
}

td {
	
}

h2 {
	font: normal 4em Arial, sans-serif;
}

.img-shadow {
	float: left;
	background: url(../shadows/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../shadows/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

.img-shadow img {
	display:  block;
	position: relative;
	background-color: #fff;
	border:  1px solid #eeeeee;
	margin:  -6px 6px 6px -6px;
	padding: 4px;
}