body {
margin : 20px;
padding : 0;
font : 80% "Trebuchet MS", verdana, arial, sans-serif;
color : #666;
background:#F8F8F8;
/*background: #F0F0F0;*/
/*background : #F8F9FE;*/
}

/* drop-shadow */
#shadow {
width: 820px;
position:relative;
margin-left : auto;
margin-right : auto;
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#container {
width : 800px;
border-left : 1px solid #999;
margin-left : auto;
margin-right : auto;
padding : 10px;
color : #666;
background:white;
}
			/*  YLÄBANNERIT  */
#banner {
float : left;
width : 590px;
height : 115px;
padding : 0px;
margin-bottom : 10px;
color : #666;
background : inherit;
}
#bannerb {
float : right;
width : 180px;
height:103px;
padding:5px;
margin : 0 0 10px 10px;
color : #666;
border: 1px dashed #999;
background: #F5F5F5;
font-size: 90%;
}
 
 
 	 	 	 /*   Y L ÄN A V I G O I N T I   */ 
 
 	 	 	
 /*   U U S I   v e r s i o   9.8.2010 monitasoinen*/ 

/*  Varmistetaan navipalkin väri koko leveydeltä  */ 
#navipalkki { 
width: 100%; 
float: left; 
background: #000099;
  } 

/*  Lisätään 10px tila navipalkin alle  */ 
#navipalkki_alapadding { 
width: 100%; 
float: left; 
background: white;
padding-bottom:10px;
  } 
 
#navcontainer{ 
 clear: both ; 
 width: 100% ; 
 float: left; 
    } 

/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/muti-line-dropdown.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
#navmenu {position:relative; z-index:500; } 
#navmenu ul {padding:0; margin:0; list-style:none; padding:0px; background:#000099;}
#navmenu ul.level1 {height:20px;}
#navmenu ul ul {position:absolute; left:-9999px;}
#navmenu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}

#navmenu a, #navmenu :visited{ 
  display: block; 
  font-size: 11px; 
  width: 90px; 
  padding: 7px 0; 
  color: white; 
  background: #000099; 
  text-decoration: none; 
  margin-right: 0px; 
  text-align: center; 
  font-family: verdana, sans-serif; 
  /*border: 1px solid White;*/
    } 

#navmenu ul li {background:#fff; margin-right:0px; float:left;}
#navmenu ul li a {display:block; float:left;  }
#navmenu ul li a.fly {background:#000099; padding-right:0px;}
 
#navmenu ul ul li {margin:0;}
#navmenu ul ul li a {width:110px;}
#navmenu ul ul li a.fly {padding-right:5px;}
 
#navmenu ul li:hover {position:relative;}
#navmenu ul li a:hover {direction:ltr; background:#3366CC; color:#fff; border-color:#fff; position:relative;}
#navmenu ul li:hover  {background:#3366CC; color:#fff; border-color:#fff;}
 
#navmenu ul :hover ul {left:1px; width:110px; top:25px;border-color:#fff;}
 
#navmenu ul :hover ul :hover ul,
#navmenu ul :hover ul :hover ul :hover ul,
#navmenu ul :hover ul :hover ul :hover ul :hover ul {left:110px; width:100px; top:3px;}
 
#navmenu ul :hover ul ul,
#navmenu ul :hover ul :hover ul ul, 
#navmenu ul :hover ul :hover ul :hover ul ul {left:-9999px;}

/* N A V I G O I N T I    L O P P U U  */

                    /* SISÄLTÖALUE */

#main-content {
float: left;
width:100%; 
}  
  
  
 	 	 	 /*   S I S Ä L T Ö P A L S T A   */ 
 
#content { 
float: left;
width: 550px;
font-size: 125% ; 
padding: 0 ; 
margin : 0 10px 30px 10px; 
background:inherit; 
color: black; 
border-right: 1px solid white;
} 
  
 	 	 	 /*   V A S E N   P A L S T A   -   P O I S T E T T U   */ 
 
 #sidebar{ 
  float: left ; 
  width: 15px ; 
  margin: 0 0 0 0; 
  padding: 15px ; 
  color: #666; 
  background: #f2f2f5; 
  } 
 
 	 	 	 /* V A S E N   menu  -   P O I S T E T T U */ 
 
 #menu  { 
  width: 160px; 
  padding: 10px 0 0 0 ; 
  } 
 
 #menu ul { 
  margin: 0 ; 
  padding: 0 ; 
  list-style-type: none; 
  } 
 
 #menu  li  { 
  margin: 0 0 0.1em 0 ; 
  } 
 
 #menu a   { 
  display: block ; 
  width: 140px ; 
  padding: 0.1em 0.8em; 
  text-decoration:   none; 
  color: #fff; 
  background: #003366; 
  } 
 
 #menu a:hover { 
  background: #a1aac9; 
  color: #fff; 
  } 
  
 
			/*   OIKEA PALSTA   */
#weblogin{
float: right;
font-size: 90%;
width: 160px;
min-height: 0px;
margin: 0;
padding: 10px;
border: 1px dashed #999;
background: #F5F5F5;
color: #666;
}

#sidebar-b {
float: right;
font-size: 90%;
width: 170px;
min-height: 0px;
margin: 0;
padding: 10px;
border: 1px dashed #999;
background: #F5F5F5;
color: #666;

}
			/*   RIGHT SCROLLBAR   */
div.scroll {
overflow: auto;
height: 15em;
width: 140px;
padding: 1ex;
color: #333;
background : #f2f2f5;
border: 1px solid #eee;
margin : 20px 0 25px 10px;
}
			/*   ALATUNNISTE   */
#footer {
clear: both;
padding: 5px;
margin-top: 5px;
color: #bbd2e0;
background: #000099;
font-size: 80%;
}
#footer a:link, #footer a:visited {
background: inherit;
color: #eee;
text-decoration: none;
}
#footer a:hover {
border-bottom: 1px dashed #f2f2f5;
background: inherit;
color: #f2f2f5;
}



			/*   TYPOGRAPHY   */

h1, h2 {
margin : 0 0 10px 5px;
letter-spacing : 3px;
font-size : 125%;
color : #003366;
background : inherit;
}
h3 {
font-size : 115%;
color : #826c45;
background : inherit;
}
			/*   LINKS   */
a {
color: #826c45;
font-weight: bold;
text-decoration: none;
background: inherit;
}
a:hover {
color: #697899;
background: inherit;
}
			/*   CLASSES   */
.news {
font-size: 100%;
background: inherit;
color: #333;
}
.sitename {
font-size: 180%;
margin: 0 0 10px 0;
color: #826c45;
background: inherit;
}
blockquote {
font-weight: bold;
font-style: italic;
color: #b29b35;
}