/*table {
border-collapse:collapse;
}*/ 

/* ul,ol,li are treated on an individual basis */
p,td p {
margin:5px 0;
padding:0;
}

img {
border: 0;
}

td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:11px;
}

#container {
text-align:left;
background:#FFF;
margin-top:10px;
margin-right:auto;
margin-left:auto;
width:730px;
padding:10px;
}

#header {
height:23px;
border:1px solid #600;
width:730px;
color:#FFF;
font-weight:700;
margin-bottom:10px;
position:relative;
}

#header img {
vertical-align:middle;
float:left;
/*width:auto;*/
display:block;
}

.identity {
position:absolute;
top:0;
left:160px;
line-height:24px;
}

#header a {
color:#FFF;
text-decoration:none;
font-weight:700;
}

#header a:hover {
color:#CCC;
}
#content {

min-height: 300px;

}

#footer {
	line-height: 23px;
	text-align: right;
	padding-right: 5px;
	margin-top: 10px;
	font-weight: bold;
}

#sponsors {
width:740px;
background:#FFF;
text-align:center;
margin:10px auto;
padding:0 0 0 10px;
}

#sponsors img {
margin:10px 10px 10px 0;
}

#credit {
width:auto;
float:right;
margin:4px 5px;
}

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

/* =Columns
--------------------------------------------------------------------*/
#col_l {
width:175px;
float:left;
margin:0;
padding:0;
}

#col_m {
width:345px;
float:left;
margin-left:10px;
padding:0;
display:inline;
}

*> #col_m {
width:345px;
}

#col_r {
width:175px;
float:right;
}

#col_2 {
width:534px;
float:left;
margin-left:10px;

}
*> #col_2 {

/*overflow:visible;*/

}

/* =Content related
--------------------------------------------------------------------*/
.ad {
margin:10px 0 0;
}

.news {
list-style:none;
margin:5px;
padding:0;
}

.news li {
list-style:none;
background-image:url(/images/layout/www/news.gif);
background-repeat:no-repeat;
background-position:0 .2em;
padding-left:1em;
margin:0 0 5px;
}

.news a:link,.news a:visited,.news a:hover {
text-decoration:none;
color:#036;
}

.news a:hover {
color:#900;
text-decoration:underline;
}

#lahtolistat {
margin-left:0;
padding-left:0;
}

#lahtolistat table {
width:720px;
margin:0;
padding:0;
}

#lahtolistat table td {
border-top:solid 1px #DADADA;
margin:0;
padding:4px;
}

.textluettelo {
margin:0;
}

/* =Boxes
--------------------------------------------------------------------*/

.sponsors {
text-align:left;
border:solid 1px #eaeaea;
display:block;
background:#FFF;
margin:10px 0 0;
padding:2px;
}

.sponsorsNoBorder {
text-align:left;
display:block;
background:#FFF;
margin:10px 0 0;
padding:2px;
}

.sponsorsNoAlign {
padding-left:3px;
border:solid 1px #eaeaea;
display:block;
background:#FFF;
margin:10px 0 0;
}



.boxDefault p {
margin:10px;
}

.divider {
display:block;
font-size:1px;
clear:both;
background:#Eaeaea;
margin:4px 0;
padding:0;
}

.indexCellRight {
padding-left:10px;
}

/* =Calendar
--------------------------------------------------------------------*/
.greyBox table {
width:165px;
border-top-width:1px;
border-left-width:1px;
border-top-style:solid;
border-left-style:solid;
border-top-color:#A7CADC;
border-left-color:#A7CADC;
background-color:#FFF;
font-family:Tahoma, Verdana, Arial;
}

.greyBox td,table.yearCalendar td table td {
border-right-width:1px;
border-bottom-width:1px;
border-right-color:#A7CADC;
border-bottom-color:#A7CADC;
font-size:11px;
color:#016399;
text-align:center;
border-style:none solid solid none;
padding:2px;
}

.dateSelected {
background-color:#FFD680;
}

.greyBox td a, .greyEditmodeBox td a {
color:#016399;
text-decoration:none;
}

.greyBox table caption, .greyEditmodeBox table caption {
background-image:url(/images/layout/www/heading_xB.gif);
background-repeat:repeat-x;
padding-top:2px;
padding-bottom:2px;
border-top-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-left-style:solid;
border-top-color:#445610;
border-right-color:#445610;
border-left-color:#445610;
margin:0px;
}

.greyBox p a,.greyBox p a:visited, .greyEditmodeBox p a, .greyEditmodeBox p a:visited {
vertical-align:middle;
line-height:11px;
margin-right:3px;
text-decoration:none;
color:#600;
font-size:11px;
font-family:Tahoma, Verdana, Arial;
}

.greyBox p a:hover, .greyEditmodeBox p a:hover {
text-decoration:underline;
color:#C00;
}


/* =Navigation
--------------------------------------------------------------------
 =Top navigation
--------------------------------------------------------------------*/
#topNav {
width:auto;
height:24px;
list-style:none;
position:absolute;
right:10px;
top:0;
margin:0;
padding:0;
}

#topNav li {
height:24px;
display:inline;
list-style:none;
line-height:24px;
margin:0 2px 0 0;
padding:0;
}

#topNav li a:link,#nav li a:visited,#nav li a:active {
text-decoration:none;
font-weight:700;
}

/* =Main Navigation
--------------------------------------------------------------------*/
#nav {
height:24px;
width:730px;
list-style:none;
margin:10px 0;
padding:0;
}

#nav li {
line-height:24px;
display:inline;
list-style:none;
margin:0;
padding:0;
}


}
#languages {
height:30px;
}

#languages a {
color:#00367B;
line-height:30px;
vertical-align:middle;
margin-left:10px;
text-decoration:none;
}

#languages a:hover {
color:#933;
}

/* =Nav bottom
--------------------------------------------------------------------*/
#navBottom {
height:24px;
width:730px;
list-style:none;
margin:10px 0 0;
padding:0;
}

#navBottom li {
line-height:24px;
display:inline;
list-style:none;
color:#FFF;
margin:0;
padding:0;
}

/* =Right navigation
--------------------------------------------------------------------
 =Left Navigation
--------------------------------------------------------------------*/
#navLeft, .naviLeft2Level {
list-style:none;
width:175px;
vertical-align:middle;
margin:0;
padding:0;
}

#naviLeft ul, .naviLeft ul, .navLeftNormal ul {
list-style:none;
background: none;
}

#navLeft li, .naviLeft li, .navLeftNormal, .navLeftSubNormal, .navLeftSelect, .navLeftSubNormal, .navLeftSubSelect {
text-align:right;
margin:0 0 1px;
}

.navLeftSubNormal {

}
.navLeftSubNormal a , .navLeftSubSelect a{
display:block;
color:#600;
text-decoration:none;
font-weight:normal;

background-repeat:no-repeat;
background-position:top right;
padding:4px 20px 4px 20px;
text-align:left;
}

/* =Links
--------------------------------------------------------------------*/
a:link,a:visited,a:hover {
color:#54708B;
}

a:visited {
color:#000;
}

/* =Misc.
--------------------------------------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}

/* End hide from IE-mac */
.left {
float:left;
margin-left:-3px;
display:block;
padding:0;
}

*> .left {
float:left;
margin-left:0;
display:block;
padding:0;
}

hr {
border:0;
border-top:1px solid #Eaeaea;
height:1px;
font-size:1px;
background:#Eaeaea;
clear:both;
display:block;
margin:-2px 0;
padding:0;
overflow:hidden;
}

*> hr {
margin:4px 0;
}

/* =Lists
------------------------------------------------------------------------------------------*/
ul.linkList {
list-style:none;
margin:0;
padding:0;

}

ul.linkList li {
padding-left:12px;
list-style:none;
background-image:url(/images/layout/www/bullet_square.gif);
background-repeat:no-repeat;
background-position:0 .4em;
margin:5px 0;
}

ul.linkList li a {
padding:5px 0;
}

/* Second level */
ul.linkList ul {
width:530px;
margin:0;
padding:0;
}

ul.linkList ul li {
float:left;
width:130px;
list-style:none;
text-align:left;
padding:0 0 0 5px;
}

ul.linkList ul li a {
background-image:url(/images/layout/www/arrow.gif);
background-repeat:no-repeat;
background-position:0 .5em;
padding:2px 0 2px 9px;
}

/* stop the floating after the list */
ul.linkList ul:after {
content:".";
display:block;
height:0;
clear:left;
visibility:hidden;
}

/* separate the list from what follows it 
stuff for voting*/

div.contentBoxBorder
{	width:100%;
	float: left:
	border-style: dotted;
}


ul.unformattedList,ul.unformattedList_in {
list-style:none;
padding-left:0px;
margin-left:0px;


}
.unformattedList li,ul.unformattedList_in {
padding-left:0px;
margin-left:0px;
white-space: no-wrap;
}

div.contentBoxBorder ul.unformattedList_in {
list-style:none;
padding-left:0px;
position: relative:
left:0px;

}
div.contentBox
{
padding-left:0px;
}

table.voting {
/*width:41px;*/
margin:0;
padding:0 1em 0 0;
}

table.voting td,table.voting th,table.voting tr {
text-align:left;
margin:0;
padding:0 0 0.4em;
}

table.voting td.answer {
width:10em;
}

table.voting td.result {
width:31em;
}

table.voting div.votingBar {
height:1.3em;
background:#77CAF6;
}

table.voting div.resultPercent {
position:absolute;
}

body,h1,h2,h3,h4,h5,h6,p,div,form,code,pre,fieldset,legend,dl,dt,dd,table,td {
border:0;
margin:0;
padding:0;
}

.newsDate,.greyBox h2 a:hover,a.yearCurrent:link,a.yearCurrent:visited,#navBottom li.navBottomSelect a:link,#navBottom li.navBottomSelect a:visited,#navBottom li.navBottomSelect a:hover,#navBottom li.navBottomSelect a:active {
color:#900;
}

.boxText,.boxImage {
width:165px;
float:left;
margin-left:5px;
}

.greyBox p img,table.yearCalendar,table.yearCalendar td {
vertical-align:top;
}

#nav li a:link,#nav li a:visited,#nav li a:active,#navBottom li a:link,#navBottom li a:visited,#navBottom li a:active {
padding-left:4px;
padding-right:4px;
text-decoration:none;
font-weight:700;
}

/* Tapahtumalistaukset kuukausittain */
.harma {
	background-color: #DCDCDC;
	line-height: 17px;
	border-bottom: 1px solid #000000;
}

.tklistaus td {
	margin-right: 4px;
	padding: 3px 4px 0 0;
}

.sivukartta ul {
	margin: 0;
	padding: 0 12px;
}
.sivukartta ul li {
	margin: 0;
	padding: 2px 0 0 0;
}
.sivukartta a:link, .sivukartta a:active, .sivukartta a:visited {
	text-decoration: none;
}
.sivukartta a:hover {
	text-decoration: underline;
}