body {
margin-top: 0px;
background-color: #FFFFFF;
background-image:url('img/gradient.png');
background-repeat:repeat-x;
font-family:Helvetica, Arial, sans-serif
}

#wrapper {
margin-left: auto;
margin-right: auto;
width:800px;
background-color: #FFFFFF;
background-image:url('img/bg.png');

}

#content {
min-height:600px;
}

#header
{
	
margin-top:-10px;
padding-top:0px;
}

#footer {

}

#left
{
margin-left:20px;
float:left;
width:180px;
}

#info
{
background-image:url('img/info.png');
height: 250px;
width:170px;
padding-top:13px;
background-repeat:no-repeat;
}

#info p
{
text-align:center;
color: #FFFFFF;
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;
font-size:0.9em;
}

#info img
{
border:0px;
}

#time
{
font-size:1.5em;
}

.address
{
font-size:1.1em;
}

#seppo
{
background-repeat:no-repeat;
background-image:url('img/seppo.png');
height: 240px;
width:170px;
padding-top:13px;
}

#seppo p
{
margin-top: 0px;
padding-left: 10px;
color: #FFFFFF;
text-align:center;
}

.welcome
{
font-size:1.1em;
font-weight:bold;
}

#mid
{
float:left;
width:480px;
background-image:url('img/border.png');
background-repeat:repeat-y;
min-height:565px;
padding-left: 5px;
}

#mid p, ul
{
padding-left:20px;
padding-right:5px;
font-size:1.2em;
}

#mid h2
{
padding-left:20px;
font-size:30px;
text-decoration:underline;
}

#right
{
float:left;
width:100px; 
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #828282;
color: White;
float: left;
width: 764px;
font-family:Helvetica, Arial, sans-serif;
font-size:0.8em;
font-weight:bold;
margin-top:-5px;
margin-left:19px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0em 1em;
background-color: #828282;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #828282;
color: #da2128;
}