body 
{
	margin: 0;
	padding: 0;
	background-image: url('Images/BodyBg.jpg');
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: color:#000000;
	text-align:center;
}

#Wrapper
{
	width: 935px;
	min-height: 600px;
	margin:0 auto;
  text-align:left;
}

#Main
{
  width:   935px;
  /*border: solid 1px black;*/
  min-height: 600px;
}

#Top
{
  width: 935px;
  height: 52px;
  padding-top: 8px;

}

#Top img
{
  float:left;
}

#Top #Navigation
{
  /* width: 730px; */
  height: 50px;
  overflow: hidden;
  float:left;
  margin-left: 38px;
  margin-right: 12px;
}

/** NAVIGATION **/

#Navigation .NaviLinks
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   line-height: 50px;
   margin-left: 0px;

}

.NaviLinks li
{
   float: left;
   margin-right: 28px;
   margin-top: 0px;
}


.NaviLinks li a
{
   font-family: Arial;
   text-transform: uppercase;
   color: #FFFFFF;
   font-size: 11px;
   text-decoration:  none;
 }
 
.NaviLinks li a:hover
{
   font-family: Arial;
   color: #FFFFFF;
   font-size: 11px;
   text-decoration:  underline;
 }
 
 .NaviLinks li .active
{
   font-family: Arial;
   text-transform: uppercase;
   color: #FFFFFF;
   font-size: 11px;
   text-decoration:  underline;
 }
 
#MainPic
{
  width: 935px;
  height: 270px;
  overflow: hidden;
  margin-top: 1px;
  margin-bottom: 17px; 
}

#Submenu
{
 float:left;
 width:175px;
 min-height: 300px !important;
 padding-right: 20px;
}

/* SIVUVALIKKO */
.LeftMenu
{
  width: 148px;
  height: 135px; /* 181px */
  padding-bottom: 23px;
padding-top: 10px;	
  background-color: #e9e8e8;
}

.LeftMenu ul
{
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 margin-left: 10px;
 
}

.LeftMenu  li a
{
   font-family: Arial;
   color: #000000;
   font-size: 12px;
   text-decoration:  none;
   font-weight: bold; 
}

.LeftMenu  li a:hover
{
   font-family: Arial;
   color: #ffa444;
   font-size: 12px;
   text-decoration: underline;
   font-weight: bold; 
}

.LeftMenu  li a.active
{
   font-family: Arial;
   color: #ffa444;
   font-size: 12px;
   text-decoration:  underline;
   font-weight: bold; 
}

.LeftMenu li ul
{
  margin-left: 25px;

}

#Content
{
  overflow:hidden;
  width: 740px;
  min-height: 300px !important;
  float:left;
}

#MainContent
{
  overflow:hidden;
  width: 935px;
  min-height: 300px !important;
  float:left;
}

.footer, .push {
  height:30px;
}


.footer {
  background-color: White;
  margin:0 auto;
  width:935px;
  height: 39px;
  border-top: solid 1px #c4c4c4;
  border-bottom: solid 1px #c4c4c4;
  margin-bottom: 10px;
  line-height: 39px;
  overflow: hidden;
}

.footer p
{
  color:#c4c4c4;
  float:left;
  margin-top: 0px;
  margin-left: 50px;
  
}


/** NAVIGATION **/

.footer .BottomLinks
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   line-height: 39px;
   margin-left: 0px;
   float:left;
   margin-left: 27px;
}

.BottomLinks li
{
   float: left;
   margin-right: 10px;
   margin-top: 0px;
}


.BottomLinks li a
{
   font-family: Arial;
   color: #c4c4c4;
   font-size: 10px;
   text-decoration:  none;
 }
 
.BottomLinks li a:hover
{
   font-family: Arial;
   color: #c4c4c4;
   font-size: 10px;
   text-decoration:  underline;
 }
 
.BottomLinks li .active
{
   font-family: Arial;
   color: #c4c4c4;
   font-size: 10px;
   text-decoration:  underline;
 }




