body
{
border: 0;
padding: 0;
margin: 0;

background-color: #8c2c16;
}

#bg
{		
border: 0;
padding: 0;
margin: 0;

font: 0.7em verdana, tahoma, times, serif;
color: #000;
background: transparent url(../img/body.jpg) repeat-x top;
}

#wrapper
{
border: 0;
padding: 155px 10px 0 10px;
margin: 0;

height: 460px;
	
background: transparent url(../img/bg.jpg) no-repeat center top;
}

#content
{
width: 845px;
	
border: 0;
padding: 0;
margin: 0 auto;
position: relative;
	
background: transparent;
}

#main
{
width: 630px;
color: #591a15;	

float: left;
display: block;

border: 0;
padding: 0;
margin: 0;
	
background: transparent url(../img/content.gif) repeat-y center top;
}

#side
{
width: 200px;

float: right;
display: block;

border: 0;
padding: 0;
margin: 45px 0 0 0;
	
background: transparent url(../img/side.gif) repeat-y center top;
}

#navigation
{
width: 630px;
height: 42px;

text-transform: uppercase;

border: 0;
padding: 0;
margin: 0;

background: transparent url(../img/navbar.gif) no-repeat center top;
}

#nav
{
border: 0;
padding: 4px 4px 0 4px;
margin: 0;
}

#nav li {
float:left;
display:inline;
height: 38px;
margin: 0;
background: url(../img/dividerxx.gif) no-repeat center right;
padding: 0;
}

#nav li.active {
background: url(../img/active-right.jpg) no-repeat top right;
}

#nav li.divider {

height: 34px;
width: 2px;
background: url(../img/divider.gif) no-repeat center right;
}

#nav li.divider_empty {

height: 34px;
width: 2px;
background: transparent;
}

#nav li.flag {
	
height: 34px;
float: right;
background: transparent;
}

#nav li.flag a{

height: 12px;	
padding: 3px;
margin: 8px 5px 0;
}

#nav li.flag a:hover{

border-bottom: 1px #f2ae2e dotted;
}

#nav a {
background: transparent;
color: #fff;
float: left;
display: block;
position: relative;
height: 29px;
padding: 9px 20px 0;
text-decoration: none;
font-weight: normal;
vertical-align: middle;
font-size: 11px;
}

#nav a:hover {
 color: #f2ae2e;
}

#nav li.active a {
color: #591a15;
background: url(../img/active-left.jpg) no-repeat top left;
}

#nav li.active a:hover {
 color: #000;
}

#side, #info a, a:visited {
color: #3c5927;
}

#side, #info a:hover{
/*color: #591a15;*/
color: #8c2c16;
}

#side a, a:visited {
color: #3c5927;
}

#side a:hover{
color: #8c2c16;
}

#info a, a:visited {
color: #3c5927;
}

#info a:hover{
color: #8c2c16;
}

#info
{
border: 0;
padding: 0px 20px 400px 20px;
margin: 0;
background: transparent url(../img/gradient.jpg) no-repeat center top;
}

#vieraskirja
{
height: 100%;

border: 0;
padding: 110px 4px 0 4px;
margin: 0;
background: transparent url(../img/toilet.jpg) no-repeat center top;
}

#vieraskirja p, table, ul
{
border: 0;
padding: 0;
margin: 0 10px 20px 10px;

text-align: center;
}

#libro
{
height: 100%;

border: 0;
padding: 110px 4px 0 4px;
margin: 0;
background: transparent url(../img/es/toilet_es.jpg) no-repeat center top;
}

#libro p, table, ul
{
border: 0;
padding: 0;
margin: 0 10px 20px 10px;

text-align: center;
}


#guestbook
{
height: 100%;

border: 0;
padding: 110px 4px 0 4px;
margin: 0;
background: transparent url(../img/en/toilet_en.jpg) no-repeat center top;
}

#guestbook p, table, ul
{
border: 0;
padding: 0;
margin: 0 10px 20px 10px;

text-align: center;
}
#text
{
width: 400px;

float: left;
display: block;

border: 0;
padding: 0 0 15px 0;
margin: 5px 0 0 0;
	
background: transparent;
}

h2
{
display: block;
height: 55px;
}


#text h2.tervetuloa
{
background: transparent url(../img/fi/tervetuloa.gif) no-repeat left top;
}

#text h2.suosittelemme
{
background: transparent url(../img/fi/suosittelemme.gif) no-repeat left top;
}

#text h2.tapahtumat
{
background: transparent url(../img/fi/tapahtumat.gif) no-repeat left top;
}

#text h2.musiikki
{
background: transparent url(../img/fi/musiikki.gif) no-repeat left top;
}

#text h2.ajankohtaista
{
background: transparent url(../img/fi/ajankohtaista.gif) no-repeat left top;
}

#text h2.next
{
background: transparent url(../img/fi/next.gif) no-repeat left top;
}

#text h2.uutuudet
{
background: transparent url(../img/fi/uutuudet.gif) no-repeat left top;
}

#text h2.welcome
{
background: transparent url(../img/en/welcome.gif) no-repeat left top;
}

#text h2.recommend
{
background: transparent url(../img/en/recommend.gif) no-repeat left top;
}

#text h2.events
{
background: transparent url(../img/en/events.gif) no-repeat left top;
}

#text h2.music
{
background: transparent url(../img/en/music.gif) no-repeat left top;
}


#text h2.bienvenido
{
background: transparent url(../img/es/bienvenido.gif) no-repeat left top;
}

#text h2.recomendamos
{
background: transparent url(../img/es/recomendamos.gif) no-repeat left top;
}

#text h2.eventos
{
background: transparent url(../img/es/eventos.gif) no-repeat left top;
}

#text h2.musica
{
background: transparent url(../img/es/musica.gif) no-repeat left top;
}

#text p, table, ul
{
border: 0;
padding: 0;
margin: 0 5px 20px 10px;

text-align: left;
}

#images
{
width: 180px;

float: right;
display: block;

border: 0;
padding: 0;
margin: 20px 5px 10px 0;
	
background: transparent;
}

#images img
{
}

#side_info_fi
{
border: 0;
padding: 85px 10px 0 10px;
margin: 0;
	
background: transparent url(../img/fi/sideheader_fi.jpg) no-repeat center top;
}

#side_info_en
{
border: 0;
padding: 85px 10px 0 10px;
margin: 0;
	
background: transparent url(../img/en/upcoming.jpg) no-repeat center top;
}

#side_info_es
{
border: 0;
padding: 85px 10px 0 10px;
margin: 0;
	
background: transparent url(../img/es/proximos.jpg) no-repeat center top;
}

#side_footer
{
height: 181px;
	
border: 0;
padding: 0;
margin: 0;
	
background: #8c2c16 url(../img/sidefooter.jpg) no-repeat center top;
}

#side table
{
color: #591a15;

border: 0;
padding: 0;
margin: 0;

text-align: center;
}

#side td
{
text-align: center;

border-bottom: 1px dotted #d97f11;
padding: 5px;
margin: 0;
}

#side td.pvm
{
color: #000;
}

#side tr.last td 
{
border: 0;
padding-bottom: 10px;
}


#footer
{
width: 630px;
height: 113px;

color: #f2ae2e;

clear:both;

border: 0;
padding: 0;
margin: 0;

background: #8c2c16 url(../img/footer.jpg) no-repeat center top;
}

#footer p
{
float: right;	

border: 0;
padding: 11px 16px 0 0;
margin: 0;
}

span.hidden
{
display: none;
}

span.weak
{
color: #8c2c16;
padding-left: 10px;
}

.lightred
{
color: #8c2c16;
}

.indent
{
margin-left: 20px;
}

.boldred
{
color: #8c2c16;
font-weight: bold;
}

.center
{
display: table;
margin: 0 auto;
}

.boldnews
{
color: #3c5927;
font-weight: bold;
}