/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Master Page 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-size: 12px;
	background-color: #000000;
	background-repeat: repeat-y;
	background-position: 5px 5px;
}

TABLE.tbheader
{
	background-attachment: fixed;
	background-image: url(images/bg_orange.jpg);
	background-repeat: repeat-x;
}

TD.tdmenuLink
{
	width: 5px;
	text-align: center;
	height: 23px;
	width: 15%;
}
TD.tdmenuDelim
{
	width: 5px;
	text-align: center;	
	color: maroon;
	font-size: 1.0em;
	font-weight: bold;	
	
}
.menuLink
{
	color: maroon;
	font-size: 1.0em;
	font-weight: bold;
}
TD.tdlang
{
	text-align: right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Common table
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
TD.tdPanos
{
	border: 1px solid #431;
	padding: 3px;
}
TABLE.tbmapControls
{
	border: 1px solid #431;
	width: 100%;
}
TD.tdSubTitle
{
	color: #990000;
	border-right: grey 1px solid;
	border-top: grey 1px solid;
	border-left: grey 1px solid;
	border-bottom: grey 1px solid;
}
TD.tdSubTitle3D
{
	background-repeat: repeat-x;
	color: white;
	border-left-color: yellow;
	border-bottom-color: yellow;
	border-top-style: ridge;
	border-top-color: yellow;
	border-right-style: ridge;
	border-left-style: ridge;
	background-color: black;
	border-right-color: yellow;
	border-bottom-style: ridge;
}
TD.footer
{
	width: 100%;
	background-image: url(../images/viiva.png);
	background-repeat: no-repeat;
}
/*
.tblLinks
{
	width: 600px;
}
*/
.tblMainPage
{

}
TD.tdMainPage
{
	border: 1px solid #431;
	padding: 3px;
	}
	
TABLE.tbMainContent
{ 
	padding: 0px;
	margin: 0 px;
}
	
TD.tdPanoLink
{
	vertical-align: top;
	text-align: center;
}
	
.cellLinkImage
{
	text-align: center;
}
.cellLinkCaption
{
	vertical-align: top;
	height: 30px;
	text-align: center;
}


HR
{
	color: #ffffcc;
	text-align: center;
	width: 50%;
}
	
/*--------------------------------------------
	Helppi
----------------------------------------------*/
#HelpContainer
{
	width: 500px;
	height: 200px;
	border-right: #431 1px ridge;
	border-top: #431 1px ridge;
	border-left: #431 1px ridge;
	border-bottom: #431 1px ridge;
	background-color: #001e02;
	float: left;
	margin-top: 150px;
	margin-left: 25px;
	padding: 3px;
	position: absolute;
	z-index: 2000;
}

TABLE.tblHelp
{
	width: 250px;
}

.btnHelp
{
	color: green;
	cursor: hand;
	width: 115px;
	text-decoration: underline;
	text-align: center;
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
}

.HelpTitle
{
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	margin-bottom:0;
	margin-top:0px;
}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HEADINGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
h1, h2, h3, h4, h5, h6
{
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	margin: 5px 0;
}

h1 {
	margin-bottom:0;
}

h1, h2 {
	margin-top:0px;
}

h2 {
	font-size:1.3em;
}

h3 {
	font-size:1.1em;
}
/*--------------------------------------------
Mainokset
----------------------------------------------*/
#MainAd
{ 
	width: 170px;
	height: 100px;
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	position: static;
	visibility: hidden;
	/*position: absolute;*/
}

TABLE.tbMainAd
{
	color: #f5f5f5;
	border: 1px solid #431;
	background-color: #1b1c1c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 166px;
	padding-left: 2px;
}

TD.tdMainAdTitle
{
}
TD.tdMainAd
{
	border-right: #808080 1px solid;
	border-top: #808080 1px solid;
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
	font-size: 10px;
	height: 75px;
	padding-left: 2px;
}

.lnkAd
{
	color: #FDD123;
	font-size: 1.1em;
	font-weight:bolder;
}
.lnkAdSmall
{
	color: #FDD123;
	font-size: 1.0em;
}

/*--------------------------------------------
	Suosikit
----------------------------------------------*/
#MainSuosikit
{ 
	width: 170px;
	height: 100px;
	position: static;
	margin-top: 5px;
	margin-left: 2px;
	/*position: absolute;*/
}

TABLE.tbSuosikit
{
	color: #f5f5f5;
	border: 1px solid #431;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 166px;
	padding-left: 2px;
}

TD.tdSuosikitTitle
{
}
TD.tdSuosikki
{
	border-right: #808080 1px solid;
	border-top: #808080 1px solid;
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
	font-size: 10px;
	height: 75px;
	padding-left: 2px;
}

.btnSuosikki
{
	background-color: #001E02;
	color: #ffd700;
	border-right: gray 1px outset;
	border-top: gray 1px outset;
	border-left: gray 1px outset;
	border-bottom: gray 1px outset;
	width: 100%;
	vertical-align: middle;
	cursor: hand;
	text-decoration: underline;
}

.imgSuosikitThumb
{
	border-right: silver 4px ridge;
	border-top: silver 4px ridge;
	border-left: silver 4px ridge;
	border-bottom: silver 4px ridge;
	width: 150px;
	height: 75px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.imgPanoLink
{
	border-right: silver ridge;
	border-top: silver ridge;
	border-left: silver ridge;
	border-bottom: silver ridge;
	width: 150px;
	height: 75px;
}

.lnkCommon
{
	color: #FDD123;
	font-size: 1.1em;
}

.lnkLarge
{
	color: #FDD123;
	font-size: 1.1em;
}

.linkbutton
{
	color: #dcdcdc;
	background-color: #001E02;
	width: 170px;
	cursor: hand;
	text-decoration: underline;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-align: left;
	border-bottom-style: none;
}

.btnMapContol
{
	background-color: #001E02;
	color: #ffd700;
	border-right: gray 2px outset;
	border-top: gray 2px outset;
	border-left: gray 2px outset;
	border-bottom: gray 2px outset;
	width: 100px;
	font-weight: bold;
	vertical-align: middle;
	cursor: hand;
	text-decoration: underline;
}
.btnMapData
{
	background-color: #001E02;
	color: #ffd700;
	font-weight: bold;
	vertical-align: middle;
	cursor: hand;
	font-size: 24px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
#myControlHome
{
		z-index: 1;
}

.imgMapControl
{
	border-right: gray 2px outset;
	border-top: gray 2px outset;
	border-left: gray 2px outset;
	border-bottom: gray 2px outset;
	vertical-align: middle;
	cursor: hand;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTAINERS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#container
{
	width: 750px;
	height: 100%;
	border-right: green 1px ridge;
	border-top: green 1px ridge;
	border-left: green 1px ridge;
	border-bottom: green 1px ridge;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: #001e02;
}
#masthead {
	text-align: center;
	width: 748px;
	border: 1px solid #431;
	background-color: #001E02;
}
#navigation {
	position: relative;
	float: left;
	width: 148px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #431;
	background-color: #fff;
}
#content
{
	float: left;
	width: 735px;
	padding: 0px;
	background-color: transparent;
}
#flashcontent
{
	width: 550px;
	height: 440px;
	border-right: silver 1px inset;
	border-top: silver 1px inset;
	border-left: silver 1px inset;
	border-bottom: silver 1px inset;
}
#footer {
	text-align: center;
	clear: both;
	width: 748px;
	padding: 0px;
	border: 1px solid #431;
	background-color: #001E02;
}
#myMap
{
	WIDTH: 550px; 
	POSITION: relative; 
	HEIGHT: 600px;
	border-right: silver 3px inset;
	border-top: silver 3px inset;
	border-left: silver 3px inset;
	border-bottom: silver 3px inset;
}

/*---------------------------------------------
MapLink styles
----------------------------------------------*/

#MapLinkInfo
{
	width: 250px;
	text-align:center;
}

TABLE.tblTLButtons
{
	width: 250px;
}

TD.tdTLButtonLeft
{
	text-align: left;
}

TD.tdTLButtonRight
{
	text-align: right;
}

.MapLinkButton1
{
	color: green;
	cursor: hand;
	width: 115px;
	text-decoration: underline;
	text-align: center;
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
}
.MapLinkButton2
{
	color: green;
	cursor: hand;
	width: 115px;
	text-decoration: underline;
	text-align: center;
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
}

.MapLinkTitle
{
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	margin-bottom:0;
	margin-top:0px;
}