body {
padding: 0px;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 12px;
font-style: normal;
cursor: default;
height:100%;
color:#bbbbbb;

padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-width: 0px;
background-color: #111111;

background-image: url(side.jpg);
background-repeat: no-repeat;
}

#runko {
/*float:center;*/
margin:auto;
width: 1100px;
height: 100%;
text-align:left;
/*background-color:#995577;*/
}

#navigation {
margin-left: auto;
margin-right: auto;
width: 100%;
background-color:#445566;
float:left;
border-top: 1px solid #333333;
border-bottom: 1px solid #444444;
/*text-align:left;*/
}

#subnavigation {
padding:2px;
margin-left: auto;
margin-right: 0px;
width: 100%;
background-color:#556677;
float:left;
border-top: 1px solid #333333;
border-bottom: 1px solid #444444;
/*text-align:left;*/
}

#pagenavigation {
margin-left: auto;
margin-right: auto;
width: 80%;
background-color:#222222;
/* float:left;*/
border-top: 1px solid #555555;
border-bottom: 1px solid #555555;
text-align:center;
}


#head {
margin-left: auto;
margin-right: auto;
width: 100%;
/*background-color:#;*/
float:left;
text-align:left;
}

#foot {
margin-left: auto;
margin-right: auto;
width: 100%;
background-color:#333333;
float:left;
text-align:right;
border-top: 1px solid #333333;
}

.left_menubox {
padding: 5px;
margin: auto;
background-color:#555555;
width:auto;
text-align:left;
/*float:left;*/

border-left:1px solid #999999;
border-right:1px solid #111111;
border-bottom:1px solid #111111;
}

.left_menubox li
{
display: inline;
}


.left_menuboxheader {
width:auto;

background: url(menubar.gif) repeat-x;
  height:12px;

background-color:#111155;
text-align:left;
/*float:left;*/
border:outset 1px #111111;

}

#uutisbox {
margin: auto;
padding:10px;
background-color:#555555;
width:auto;
text-align:left;
/*float:center;*/

border-left:1px solid #999999;
border-right:1px solid #111111;
border-bottom:1px solid #111111;

}

#latestcom {
height: 285px;
width: 800px; 
overflow: auto;
margin: auto;
padding:10px;
background-color:#555555;
width:auto;
text-align:left;
/*float:center;*/

border-left:1px solid #999999;
border-right:1px solid #111111;
border-bottom:1px solid #111111;
border-top:1px solid #999999;

}


#uutisheader {
margin: auto;
background-color:#223344;
width:auto;
text-align:left;
/*float:center;*/
border:outset 1px #111111;
}

#latestkuvat {
margin: auto;
width:98%;
text-align:left;
/*float:center;*/
}


#kuvat {
margin: auto;
width:auto;
/*text-align:middle;*/
/*float:center;*/
}


#keskipalsta {
margin: auto;
background-color:#444444;
width:100%;
text-align:left;
float:left;
}

#info {
padding: 5px;
margin-left: auto;
        margin-right: auto;
background-color:#666666;
border:1px solid #111111;
/*float:left;*/
text-align:left;
}


#sorttaus div {
background-color:#666666;
border:1px solid #0f4;

width: auto;
padding:10px;
float: left;
min-height:50px;
}



	
#sisalto {
/*margin: none;*/
background-color:#444444;
float:left;
text-align:left;
width:100%;
height:auto;

border-top:1px solid #222222;
border-bottom:1px solid #222222;

}

#confirm {
margin: 10;
background-color:#333333;
/*float:center;*/
text-align:center;
width:80%;
height:auto;

border-top:4px solid #ff3333;
border-bottom:4px solid #ff3333;
}

#help {
margin: 10px;
padding:10px;
background-color:#333333;
/*float:center;*/
text-align:left;
width:80%;
height:auto;

border:4px solid #ffed2b;
}

#event_status {
margin: auto;
padding:10px;
width:auto;
text-align:left;
/*float:center;*/


}




.tourbox {
padding: 10px;
margin: 10px;
background-color:#555555;
width:330px;
text-align:left;
float:left;

border-left:1px solid #999999;
border-right:1px solid #111111;
border-bottom:1px solid #111111;
}


.tourboxbig {
padding: 20px;
margin: 0px;
background-color:#555555;
width:700px;
text-align:left;
float:left;

border-left:1px solid #999999;
border-right:1px solid #111111;
border-bottom:1px solid #111111;
}

.tourkuva,.tourtext {
float:left;
padding:10px;
}
.tourtextbig{
padding:0px;
}


.comment_img
{
height:50px;
float:left;
padding-right:20px;
}

.comment_text
{
height:57px;
/*float:auto;*/
}

.eventkuva {
width:auto;
padding:2px;
padding-bottom:5px;
border:3px solid #000000;
background-color:#555555;
float:left;
}

.rules {
width:70%;
margin: 10px;
padding-bottom:5px;
border:3px solid #ff0000;
background-color:#555555;
text-align:left;
/*float:center;*/
}

.standings {
width:auto;
margin-top: 10px;
padding:5px;
border:3px solid #000033;
background-color:#555555;
text-align:left;
/*float:center;*/
}

a.title:link,a.title:visited {  color: #cccccc; font-size:18px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
a.title:hover,a.title:visited:hover {  color: #eeeeee; font-size:18px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}

a.user:link,a.user:visited {  color: #cccccc; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}
a.user:hover,a.user:visited:hover {  color: #cccccc; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}

a.moderator:link,a.moderator:visited {  color: #ff481f; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}
a.moderator:hover,a.moderator:visited:hover {  color: #ff481f; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}

a.admin:link,a.admin:visited {  color: #ffed2b; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}
a.admin:hover,a.admin:visited:hover {  color: #ffed2b; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}

A:link,A:visited {  color: #EEEEEE; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}
A:hover,A:visited:hover {  color: #ddaa22; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}

A.comment:link,A.comment:visited {text-decoration:none; color:#ffffff; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;}
A.comment:hover,a.comment:visited:hover {text-decoration:none; color:#ddaa22; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;}

A.newcomment:link,A.newcomment:visited {text-decoration:none; color:#ddaa22; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;}
A.newcomment:hover,a.newcomment:visited:hover {text-decoration:none; color:#ffbb44; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;}

A.tourref:link,A.tourref:visited {text-decoration:none; color:#ddaa22; font-size:14px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;}
A.tourref:hover,a.tourref:visited:hover {text-decoration:none; color:#aa7700; font-size:14px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;}

a.vote:link,a.vote:visited {  color: #ff481f; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}
a.vote:hover,a.vote:visited:hover {  color: #ff481f; font-size:10px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}

a.addentry:link,a.addentry:visited {  color: #ff481f; font-size:14px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}
a.addentry:hover,a.addentry:visited:hover {  color: #ff481f; font-size:14px;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}

p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #DDDDCC; }

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #eeeeee}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #eeeeee}

.headline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #eeeeee}
.date { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #DDDDCC}

.register { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ddaa22}

.title1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #eeeeee}
.title3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #cccccc}
.title2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #eeeeee}

.story1 { text-align:left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #DDDDCC}
.story2 { text-align:left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999999}
.story3 { text-align:left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #eeeeee; font-weight: bold}
.story4 { text-align:left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #DDDDCC; font-weight: normal}
.story5 { text-align:left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ccDDdd}

.event { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff}
.event_winner { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ddaa22; font-weight: bold}

.tourhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #eeeeee; font-weight: bold}
.tourinfo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #DDDDCC; font-weight: normal}

.facebooklogin { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #A5C2F2; font-weight: bold}


.faq1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #eeeeee }
.faq2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #eeeeee }

.rating { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ddaa22}

.input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ddaa22}

.user { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #cccccc}
.moderator { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ff481f}
.admin { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffed2b}




.image { border:1px solid #999999;}
.hiddenimage { border:5px dotted #ffff22;}

.projectimage {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;text-align:center;}

.highlightimage { border:2px solid #000000;}
.imgcellsingle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background:#223355;text-align:center;/*float:center;*/}
.imgcell {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align:center;}

.album {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding:4px;;text-align:left;/*float:center;*/width:300px;background-color:#333333;border:1px solid #111111;}
.albumtitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #dddddd;}

b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #dddddd}

table { margin:0px;border: 0px;padding:0px;}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

.link1 {  font-size: 10px; text-decoration: none}
.link2 {  font-size: 11px; text-decoration: none}
.textbox{background:#112233;border:1px solid #ddaa22;color:#cccccc;font-weight:bold; height:18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.textarea{background:#112233;border:1px solid #ddaa22;color:#cccccc;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.dropdown{background:#112233;border:1px solid #ddaa22;color:#cccccc;font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

.button{width:80px; height:20px; border:1px solid #888888;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000}
.searchbutton{width:20px; height:18px; background-color:#ff481f; border:1px solid #888888;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #ffffff}

.img1 {border: 1px solid #777;}


.fader a img {
        vertical-align: bottom;
        margin: 2px;
        border: solid 1px #bbbbbb;
}
.fader a:hover img {
        border-color: #aaaaaa;
}
.fader a:hover {  /* wakeup IE */
        border-width: 0;
}


#friends
{
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#friends a:link,#friends a:visited,#friends a:active {
text-decoration:none;
}

#friends a:hover,#friends a:visited:hover {
text-decoration:underline;
}



.tourbox {
padding: 10px;
margin: 10px;
background-color:#555555;
width:330px;
text-align:left;
float:left;

border-left:1px solid #999999;
border-right:1px solid #111111;
border-bottom:1px solid #111111;
}


.actionbox {
padding: 10px;
margin: 2px;
background-color:#555555;
width:350px;
text-align:left;
float:left;

border-left:1px solid #999999;
border-right:1px solid #111111;
border-bottom:1px solid #111111;
}

.action_img
{
float:left;
padding-right:10px;
}

.action_text
{
height:57px;
/*float:auto;*/
}

