@CHARSET "ISO-8859-1";

/*Kivipaja J. Seppälä css*/
#wrap { 
	width: 720px;
	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: #8c8c8c;*/
	color: #9f9f9f;
}

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

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

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

#colour {
	height: 500px;
	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;
}

#route{
	font: normal 0.86em Arial, sans-serif;
	width: 25%;
/*	 height: 480px;*/
	float: right;
	border: 1px solid black;
	margin-right: 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: #a9a9a9;
	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;
}