/* Valmarin general stylesheet by Harri Paavolainen - http://www.helsinkifrostbites.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, Harri & Py Paavolainen */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */


/* basic layout elements ------------------------------------------------------ */

body 
	{
	margin: 0;
	padding: 0;
	background: #5d92c2 url(img/bubbles.jpg) fixed repeat-x;
	}

#pageTop
	{
	position: absolute;
        left: 134px;
        top: 25px;
	width: 556px;
	padding: 25px 0 0 0;
	margin: 0;
	}

body>#pageTop
	{
	background: transparent url(img/pagetop.png) no-repeat top left;
	}

#pageTop
	{
	background: transparent url(img/pagetop.gif) no-repeat top left;
	}

#pageBottom
	{
	padding: 0 0 25px 0;
	margin: 0;
	}

#pageTop>#pageBottom
	{
	background: transparent url(img/pagebottom.png) no-repeat bottom left;
	}

#pageBottom
	{
	background: transparent url(img/pagebottom.gif) no-repeat bottom left;
	}

#page
	{
	padding: 24px 9px 24px 54px;
	margin: 0;
	}

#pageBottom>#page
	{
	background: transparent url(img/pagemid.png) repeat-y;
	}

#page
	{
	background: transparent url(img/pagemid.gif) repeat-y;
	}

#pic
	{
	position: fixed;
        left: 660px;
        top: 62px;
	width: 201px;
	height: 201px;
	padding: 18px;
	z-index: 40;
	}

/* Hides from IE-mac \*/
* html #pic {position: absolute;}
/* End hide from IE-mac */

body>#pic
	{
	background: transparent url(img/sidebox.png) no-repeat top left;
	}

#pic
	{
	background: transparent url(img/sidebox.gif) no-repeat top left;
	}
	

#sidebox
	{
	width: 164px;
	height: 166px;
	}

/* navigation ------------------------------------------------------ */

#menu
	{
	position: fixed;
	top: 63px;
	left: 0;
        padding: 25px 0 0 0;
        background: transparent url(img/navtop.gif) no-repeat top right;
	width: 155px;
	z-index: 30;
	}

/* Hides from IE-mac \*/
* html #menu {position: absolute;}
/* End hide from IE-mac */

div[id="menu"]
	{
	padding: 25px 9px 0 0 !important;
        }

body>#menu
	{
        background: transparent url(img/navtop.png) no-repeat top right;
	}
	
	
#menu h2
	{
	display: none;
	}	

ul
	{
        margin: 0;
        padding: 0;
        width: 155px;
	border-bottom: 1px solid #ccc;
        }

#menu ul
	{
        list-style-type: none;
	}

#nav
	{
	padding: 0 9px 25px 0;
	background: transparent url(img/navbg.gif) no-repeat bottom right;
	border-bottom: 0;
	}

#menu>#nav
	{
	background: transparent url(img/navbg.png) no-repeat bottom right !important;
	}

ul li 
	{
        position: relative;
        }

ul li ul 
	{
        position: absolute;
        left: 155px;
        top: 0;
        border: 1px solid #7c7c7c;
        border-left: 1px solid #ccc;
	border-top: 0;
        width: 140px;
        display: none;
        }

#menu ul li a 
	{
        display: block;
        text-decoration: none;
        color: #000;
        background: #fff;
        padding: 4px;
        padding-right: 10px;
        border-top: 1px solid #ccc;
	text-align: right;
        }
 
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

#menu ul li a:hover 
	{ 
	background: #E5ffb7; 
	}

#nainkaytat #lnk1 a
	{
	background: #E5ffb7; 
	}

#kysymyksia #lnk2 a
	{
	background: #E5ffb7; 
	}

#emasarvoja #lnk3 a
	{
	background: #E5ffb7; 
	}

#historia #lnk4 a
	{
	background: #E5ffb7; 
	}

#valmarinoy #lnk5 a
	{
	background: #E5ffb7; 
	}

#luelisaa #lnk6 a
	{
	background: #E5ffb7; 
	}

li ul li a 
	{ 
	padding: 2px 5px;
	}

#menu li:hover ul, #menu li.over ul 
	{ 
        display: block; 
	}

#luelisaa #lnk6 ul li a
	{
	background: #fff;
	}

#kysymyksia #lnk2 ul li a
	{
	background: #fff;
	}

#luelisaa #lnk6 ul li a:hover
	{
	background: #E5ffb7;
	}

#kysymyksia #lnk2 ul li a:hover
	{
	background: #E5ffb7;
	}

/* text styles ------------------------------------------------------ */

* 
	{
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	line-height: 140%;
	}

#page p
	{
	text-align: justify;
	}

#page h1
	{
	position: absolute;
        left: 50px;
        top: 40px;
	background: transparent url(img/logo.gif) no-repeat top left;
	width: 180px;
	height: 79px;
	}

#page h1 span
	{
	display: none;
	}

#page h3
	{
	font-size: 15px;
	}

#page h4
	{
	font-size: 12px;
	}

#content
	{
	padding: 80px 0 0 0;
	width: 447px;
	z-index: 20; 
	}

#content h2 span
	{
	display: none;
	}

#content a
	{
	color: #013565;
	font-weight: bold;
	}

em
	{
	font-style: normal;
	background-color: #E5ffb7;
	}

/* tables ------------------------------------------------------ */

#content table
	{
	width: 200px;
	}

#content table tr td
	{
	margin: 0;
	padding: 2px;
	}

.oddrow
	{
	background-color: #e2edf5
	}

/* lists ------------------------------------------------------ */

#content .basicList
	{
	text-align: left;
        margin: 0;
        padding: 0;
        list-style: none;
        border: 0;
	width: 447px;
	}

#content .basicList li
	{
	text-align: left;
        border: 0;
        padding: 0 0 0 15px;
	background: transparent url(img/bullet.gif) no-repeat top left;
	}

#content .basicList li a
	{
	text-align: left;
        border: 0;
	text-decoration: none;
	background: transparent;
	}

#content .basicList li a:hover
	{
	text-decoration: none;
	background: transparent;
	}