/* css base from http://www.bluerobot.com/ */


body {
	color:#000;
	background-color:white;
	margin:20px;
	padding:0px;
	font-family: verdana, arial, helvetica, sans-serif;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	color:#000000;
	font-family: "Palatino linotype", Palatino, "Times New Roman", Times, serif;
	}
h2 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-family: "Palatino linotype", Palatino, "Times New Roman", Times, serif;
	}
p {
	margin:0px 0px 16px 0px;
	padding:0px;
	font-family: verdana, arial, helvetica, sans-serif;
	}

/* mitähän noikin mahtaa olla:
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}
*/

a {
	color:#000099;
	font-family:verdana, arial, helvetica, sans-serif;
	text-decoration:none;
	}
a:link {color:#000099;}
a:visited {color:#000099;}
a:hover {font-style:oblique;
		 background-color:#eee;}
  
.mailaddress {color: #0000FF}


/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 20px 20px 232px; /* toka oli 192 vika oli 172 */
/*	border:1px solid black;  */
	background-color:white;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

#navAlpha {
	position:absolute;
	width:150px;
	top:20px;
	left:20px;
/*	border:1px dashed black;  */
	background-color:white;
	padding:10px;
	z-index:2;
}

#navBeta {
	position:absolute;
	width:170px;
	top:20px;
	right:20px;
	border:1px dashed black;
	background-color:#eee;
    text-align:center; 
	padding:10px;
	z-index:1;
}

#menucontainer { margin-left: 0; }

#menucontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#menucontainer li { margin: 0 0 1px 0; font-size:smaller; 
}

#menucontainer a
{
display: block;
padding: 5px 10px;
width: 130px;
color: #fff;
background-color: #84d;
text-decoration: none;
}

#menucontainer a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}

#menucontainer ul ul li 
{ 
margin: 0 0 1px 0;
font-size:smaller; 
}

#menucontainer ul ul a
{
display: block;
padding: 5px 5px 5px 20px;
width: 125px;
color: #fff;
background-color: #369;
text-decoration: none;
}

#menucontainer ul ul a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}