body { background: #1F1F1F ; }

.clear {
		clear: both;
		}
		
h5 { font: normal 0.8em "Trebuchet MS";}
		
		
#container{
	background: #fff; 
	width: 770px;	
	margin: 0 auto;
	border: 1px solid #EF937A;	
	}



/*header*/

#header {
	background: url(kuvat/header.jpg) no-repeat;
	width: 770px;
	height: 230px;
	margin: 0 ;
	}
	
/*navigation*/
	
#chromemenu {
position: relative;
top: 189px;
left: 5px;
background:transparent;
width: 700px;
}

.chromestyle{
font-weight: normal;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
background: transparent; /*THEME CHANGE HERE*/
padding: 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
background: transparent ;

}

.chromestyle ul li a{
color: #000;
padding-top: 4px;
padding-left: 4px;
padding-bottom: 4px;
margin: 0;
text-decoration: none;
font:normal 0.8em Verdana;

}

.chromestyle ul li a:hover{
background: transparent;
color: #fff; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";

/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;

border-bottom-width: 0;
font:normal 0.7em Verdana;
z-index:100;
background-color: #A09B95;
width: 125px;
visibility: hidden;

}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #5F6B79; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: #000;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: transparent;
color: #fff;
}

/*oikeapuoli*/

#content {
	background: #F8F8FA;
	border-left: 1px dashed #000;
	position: relative;
	right: 5px;
	width: 530px;
	margin-top: 5px;
	float: right;
	height:auto !important;
	height:450px;
	min-height:450px;
	
	}
	
#content a, a:hover{
	color:  #E65536;
	text-decoration: none;
	}
	
#content p {
		margin: 0;
		font: normal 0.7em Verdana;
		color: #000;
		padding: 7px;
		line-height: 15px;
		}
		
/*contentin h5*/		
		
.content  {
	color: #E03A14;
	margin: 0;
	text-align: left;
	padding-left: 7px;
	padding-top: 5px;
	}
	
/*contentin uutisia*/	
.news {
	height: 20px;
	background: #E65536;
	font: normal 0.7em Verdana;
	color: #FFF;
	margin-left: 5px;
	text-align: left;
	padding-left: 5px;
	padding-top: 5px;
	}
	
/*päivämäärät*/	
.date {
	color: #E65536;
	margin-bottom: 3px;
	font-weight: bold;
	}
	
/*hallitus*/	
.jkunta {
	width: 400px;
	float: left;
    margin-bottom: 10px;
    margin-left: 5px;
	}


.float-right {
     clear:both;
	 float:right;
	 border: 1px solid #E03A14;
	 margin-top: 4px;
	  margin-left: 4px;
	}
	
/*vanha logo*/
	
.logo {
	margin-top: 5px;
	margin-left: 90px;
	margin-bottom: 5px;
	}
	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
margin-left: 0;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0;
}

.thumbnail:hover{
background-color: transparent;
}



.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #E65536;
padding: 3px;
left: -1000px;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 125px;
left: 7px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*vasen puoli*/

/*liput*/

#liput {
	background: #FBE8E2;
	position: relative;
	left: 5px;
	width: 220px;
	margin-top: 5px;
	float: left;
	border: 1px solid #E03A14;
	}
	
.left {
	height: 25px;
	background: #E65536;
	color: #FFF;
	margin: 0;
	text-align: left;
	padding-left: 5px;
	padding-top: 5px;
	}
	
 	
.lefttext {
	margin: 0;
		font: normal 0.7em Verdana;
		color: #000;
		padding: 5px;
		line-height: 15px;
		}
	
#liput p span {
		color: #E03A14;
		}
		
/*seuraavat esitykset*/

#seuraavat {
	background: #FBE8E2;
	position: relative;
	left: 5px;
	width: 220px;
	margin-top: 15px;
	float: left;
	border: 1px solid #E03A14;
	}
	
/*footer*/	

#footer {
	background:#E65536 url(kuvat/footer.jpg) no-repeat;
	font: normal 0.7em Verdana;
	width: 770px;
	height: 50px;
	margin: 0;	
	}
	
.fright {
	color: #FFF;
	float: right;
	margin-top: 30px;
	padding-right: 10px;
	}

.fright a, a:hover{
	color: #FFF;
	text-decoration: none;
	}
	
.fleft {
	margin-top: 30px;
	padding-left: 10px;
	color: #FFF;
	float: left;
	}