body {
	background-image: url(Img/pielisjarvi.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #00296a;
}


#root {
	width: 1130px;
    margin: auto;
}

div.column {
	min-height: 600px;
}

div.column > div {
}

#slogan 
{
    width:auto 100%;
	height: 40px;
	text-align:center;
	clear: both;
}

#LeftColumn {
  width: 214px;
  float: left;
}

#Middle {
 width: 605px;	
 float: left;
 background-image: url(Img/kmiddle_tausta.png);
}

#MiddleLeftBorder {
	width: 20px;
	float: left;
}

#MiddleRightBorder {
	width: 20px;
	float: right;
}

#MiddleContent {
	float: left;
	min-height: 500px;
	margin: 20px 0 0 30px;
	display: inline;
}

#RightColumn {
	width: 277px;
	float: left;
}

#Path {
	padding: 20px 0 0 20px;
	height: 22px;
	border-bottom: 1px dashed #ACC0C7;
	margin: 0 20px 0 10px;
	font-family:Trebuchet MS;
	font-size: 12px;
	color:#1a57a5;
}

#MiddleBottom { clear: both; background-color: Transparent;}

#Footer 
{
    margin: 0 8px 0 0;
	padding-left: 20px;
	background-image:url(img/footer_bg.png);
	width:588px;
	height:36px;
	background-repeat:no-repeat;
	clear:both;
	font-family:Trebuchet MS;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#Footer a { text-decoration: none; }

#FooterRight { float: right; margin-right: 20px;}

#Menu 
{
    width:214px;
    vertical-align:top;
    height:35px;
    margin:0;
    padding:0;
}

#Menu ul {
	list-style-type: none;
    margin:0px;
    padding:0 0 0 0;
}

#Menu ul li { display: inline;}

#Menu ul li a {
	font-family:Trebuchet MS;
	font-size: 12px;
	color:#FFF;
	text-transform:none;
	background-color:#1a57a5;
    float:left;
    display:block;
    text-decoration:none;
    padding:5px 5px 5px 6px;
    margin-top:10px;
    /* IE 6 vaatii tämän: */
    display:inline;
}

#Banner1 
{
    text-align:center;
    width:214px;
}

#PageBanner1 
{
    width:277px;
    margin-top:5px;
}

#lower_left_PageBanner1
{
    background-color:#ffa12d;
    width:11px;
}

#lower_right_PageBanner1
{
    width:266px;
    background-image: url(Img/banner1_tausta.png);
    background-repeat:no-repeat;
}

#lower_PageBanner1
{
    padding:10px;
    font-family:Trebuchet MS;
	font-size: 12px;
	text-transform:none;
	color:#333333;
}

#lower_PageBanner1 H2
{
    font-family:Trebuchet MS;
	font-size: 14px;
	text-transform:uppercase;
	color:#ffa12d;
}


#PageBanner2 
{
    width:277px;
    margin-top:20px;
}

#lower_left_PageBanner2
{
    background-color:#5da926;
    width:11px;
}

#lower_right_PageBanner2
{
    width:266px;
    background-image: url(Img/banner2_tausta.png);
    background-repeat:no-repeat;
}

#lower_PageBanner2
{
    padding:10px;
    font-family:Trebuchet MS;
	font-size: 12px;
	text-transform:none;
	color:#333333;
}

#lower_PageBanner2 H2
{
    font-family:Trebuchet MS;
	font-size: 14px;
	text-transform:uppercase;
	color:#5da926;
}

#PageBanner3 
{
    width:277px;
    margin-top:20px;
}

#lower_left_PageBanner3
{
    background-color:#3a7dda;
    width:11px;
}

#lower_right_PageBanner3
{
    width:266px;
    background-image: url(Img/banner3_tausta.png);
    background-repeat:no-repeat;
}

#lower_PageBanner3
{
    padding:10px;
    font-family:Trebuchet MS;
	font-size: 12px;
	text-transform:none;
	color:#333333;
}

#lower_PageBanner3 H2
{
    font-family:Trebuchet MS;
	font-size: 14px;
	text-transform:uppercase;
	color:#3a7dda;
}

#FrontpageLeftColumn {
    width: 255px; 
    float: left; 
    min-height: 200px;
    font-family:Trebuchet MS;
	font-size: 13px;
	text-transform:none;
	color:#333333;
	line-height:18px;
	display: inline;
    }
    
#FrontpageLeftColumn a {
	color:#1a57a5;
	text-decoration:underline;
    }
    
#FrontpageLeftColumn a:hover {
	color:#cc0000;
    }
    
#FrontpageLeftColumn  h1, #mainContent h1 {
    font-family:Trebuchet MS;
	font-size: 18px;
	text-transform:none;
	color:#1a57a5;
	font-weight:normal;
    }
    
#FrontpageLeftColumn  h2, #mainContent h2 {
    font-family:Trebuchet MS;
    font-style:normal;
    font-weight:normal;
	font-size: 18px;
	text-transform:none;
	color:#1a57a5;
    }

#FrontpageRightColumn {
    width: 280px; 
    margin: 0 0 0 30px; 
    padding:0px;
    float: left; 
    min-height: 200px;
    font-family:Trebuchet MS;
	font-size: 13px;
	text-transform:none;
	color:#333333;
	line-height:18px;
	display: inline;
    }
    
    
#FrontpageRightColumn a {
	color:#1a57a5;
	text-decoration:underline;
    }
    
#FrontpageRightColumn a:hover {
	color:#cc0000;
    }
    
#FrontpageRightColumn h2 {
    background-image: url(Img/uutisia.png);
    background-repeat:no-repeat;
    width:270px;
    height:41px;
    font-family:Trebuchet MS;
	font-size: 16px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:normal;
	padding:6px 0 0 15px;
	margin:0px;
    }
    
#FrontpageRightColumn h3 {
    font-family:Trebuchet MS;
	font-size: 14px;
	text-transform:none;
	color:#1a57a5;
	font-weight:normal;
	padding:10px 0 5px 0;
	margin:0 0 0 0;
    }
    
#mainContent p {  
    font-family:Trebuchet MS;
	font-size: 13px; 
	line-height: 18px;
	}
	
