* 
{
margin: 0;
padding: 0;
}
body {
	background-image:url(pics/tausta.png);
	margin-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	color: white;
}

#Container 
{
	position: absolute;
	width: 800px;
	height: 90%;
	margin: 0px 0px 0px -400px;
	left: 50%;
	background-color: #b48a58;
	padding: 0 0 0 0;
}

#Header 
{
	width:800px;
	height: 97px;
	background-image:url(pics/header.png);
}


/*Navigation section*/
.Navigation
{
	margin-top: 0;
	width: 800px;
	background-image:url(pics/navigationBg.png);
	height: 23px;
	padding-top: 2px;
}
.Navigation ul {
	margin-left: 7px;
}
 
.Navigation li 
{
	list-style:none;
	float: left;
} 


.Navigation ul a
{
float:left;
display: block;
text-decoration:none;
color:white;
font-weight:bold;
padding: 0px 5px 0 5px;
border-right:#FFFFFF solid 2px;
}

.Navigation ul a:hover
{
float:left;
display: block;
text-decoration: underline;
color:white;
font-weight:medium;
padding: 0px 5px 0 5px;
}

.Navigation ul .noBar a
{
border: 0px !important;
}


/*end of navigation*/

/*content*/

#ContentBox

{
	float: left; 
	height: 85%;
	background-color: #b48a58;

}

#Content-top
{
	width: 786px;
	height:15px;
	margin: 7px 7px 0px 7px;
	background-image: url(pics/contentTop.png);
	
}

#ContentBg
{
	float: left;
	width: 786px;
	height:90%;
	margin: 0px 7px 0px 7px;
	background-color: #24160d;
	repeat: no-repeat;
	overflow: auto;
}

#ContentBgTapahtuma
{
	float: left;
	width: 786px;
	height:90%;
	margin: 0px 7px 0px 7px;
	background: url(pics/tapahtumat_bg.jpg) no-repeat #24160d;
}



#ContentRight
{
	float: right;
	width: 161px;
	height: 90%;
	background-image:url(pics/contentRightImg.png);
	background-position: right top;
	background-repeat:no-repeat;
}

#ContentRightTapahtuma
{
	float: right;
	width: 305px;
	height: 90%;
	overflow-y: auto;
	margin-right: 25px;
	margin-top: 15px;
}

#ContentRightTapahtuma p
{
	
	padding: 2px 2px 2px 2px;
	
}

#ContentRight p
{
	background-image: url(pics/contentRightText.png);
	padding: 2px;
	
}

#ContentLeft
{
float: left;
	width: 600px;
	height:90%;
	padding-left: 5px;
	
}


#ContentLeftTapahtuma
{
	float: left;
	width: 453px;
	height:90%;
	
}


#ContentBottom
{
	width: 786px;
	height:15px;
	margin: 0px 7px 0px 7px;
	background-image: url(pics/contentBottom.png);
	clear: left;
	float: left;
}

#footer
{
clear: both;
float: left;
margin: 0px 0px 0px 0px;
width: 800px;
background: #b48a58;
text-align: center;
}

.imgLeft

{
float: left;
padding: 5px;
}

.imgRight
{
float: right;
padding: 5px;
}

/*Typography*/


h1
{
font-size:14px;

}




.contentFloatRight
{
float: right;
font-size: 12px;

}

.contentFloatLeft
{
float:left;
font-size: 12px;
}

#footer p, #footer a, #footer a:hover

{
padding: 2px;
font-size: 12px;
text-decoration: underline;
vertical-align: top;
}

#footer a, #footer a:visited

{
color: White;
	
}

#ContentLeft a 

{
color: #FFF;
text-decoration: none;
}

#ContentLeft a:hover 
{
color: #FFF;
text-decoration: underline;
}

#ContentLeft a:visited

{
color: #FFF;
text-decoration: none;
}

#ContentRight a 

{
color: #FFF;
text-decoration: none;
}

#ContentRight a:hover 
{
color: #FFF;
text-decoration: underline;
}

#ContentRight a:visited

{
color: #FFF;
text-decoration: none;
}

.puolitoista {margin: 0.75em 0em 0.75em 0em;}