html { height: 100%; margin-bottom: 1px; }
body { margin: 10px 0 0 0; }

/* Common */
img { border: 0; }
.spacer { height: 10px; }

/* Header */
#header { margin: 0 auto; width: 750px; background: url(/pics/header_bg.gif) no-repeat right bottom; }
#header a.logo h1 { display: none; }
#header a.logo { display: block; width: 119px; height: 106px; background: url(/pics/logo.gif) no-repeat; margin: 0 0 0 10px; }

/* Main */
#main { border: 1px solid #69254f; margin: 0 auto; width: 750px; padding: 1px 1px 0px 1px; }

/* Navi */
#navi { width: 750px; height: 24px; }
#navi a { display: block; float: left; height: 24px; background-repeat: no-repeat; }
#navi a span { display: none; }

#navi a.cheerleading { background-image: url(/pics/navi/off/cheerleading.gif); width: 107px; }
#navi a.cheerleading_on { background-image: url(/pics/navi/on/cheerleading.gif); width: 107px; }
#navi a.jenkkifudis { background-image: url(/pics/navi/off/jenkkifudis.gif); width: 101px; }
#navi a.jenkkifudis_on { background-image: url(/pics/navi/on/jenkkifudis.gif); width: 101px; }
#navi a.foorumit { background-image: url(/pics/navi/off/foorumit.gif); width: 87px; }
#navi a.foorumit_on { background-image: url(/pics/navi/on/foorumit.gif); width: 87px; }
#navi a.vieraskirja { background-image: url(/pics/navi/off/vieraskirja.gif); width: 103px; }
#navi a.vieraskirja_on { background-image: url(/pics/navi/on/vieraskirja.gif); width: 103px; }
#navi a.linkit { background-image: url(/pics/navi/off/linkit.gif); width: 67px; }
#navi a.linkit_on { background-image: url(/pics/navi/on/linkit.gif); width: 67px; }
#navi a.sponsorit { background-image: url(/pics/navi/off/sponsorit.gif); width: 94px; }
#navi a.sponsorit_on { background-image: url(/pics/navi/on/sponsorit.gif); width: 94px; }
#navi a.hallitus { background-image: url(/pics/navi/off/hallitus.gif); width: 84px; }
#navi a.hallitus_on { background-image: url(/pics/navi/on/hallitus.gif); width: 84px; }
#navi a.yhteystiedot { background-image: url(/pics/navi/off/yhteystiedot.gif); width: 107px; }
#navi a.yhteystiedot_on { background-image: url(/pics/navi/on/yhteystiedot.gif); width: 107px; }

/* Subnavi */
#subnavi { background: #c1c3be; height: 20px; margin: 1px 0 0 0; }

#subnavi a { display: block; float: left; height: 20px; background-repeat: no-repeat; background-position: center top; padding: 0 14px 0 14px; border-right: 1px solid #ffffff; }
#subnavi a span { display: none; }

#subnavi a.juniorit { background-image: url(/pics/navi/sub/off/juniorit.gif); width: 50px; }
#subnavi a.juniorit_on { background-image: url(/pics/navi/sub/on/juniorit.gif); width: 50px; background-color: #ffffff; }
#subnavi a.angels { background-image: url(/pics/navi/sub/off/angels.gif); width: 43px; }
#subnavi a.angels_on { background-image: url(/pics/navi/sub/on/angels.gif); width: 43px; background-color: #ffffff; }
#subnavi a.demons { background-image: url(/pics/navi/sub/off/demons.gif); width: 46px; }
#subnavi a.demons_on { background-image: url(/pics/navi/sub/on/demons.gif); width: 46px; background-color: #ffffff; }
#subnavi a.fanituotteet { background-image: url(/pics/navi/sub/off/fanituotteet.gif); width: 77px; }
#subnavi a.fanituotteet_on { background-image: url(/pics/navi/sub/on/fanituotteet.gif); width: 77px; background-color: #ffffff; }
#subnavi a.faq { background-image: url(/pics/navi/sub/off/faq.gif); width: 21px; }
#subnavi a.faq_on { background-image: url(/pics/navi/sub/on/faq.gif); width: 21px; background-color: #ffffff; }
#subnavi a.joukkue { background-image: url(/pics/navi/sub/off/joukkue.gif); width: 49px; }
#subnavi a.joukkue_on { background-image: url(/pics/navi/sub/on/joukkue.gif); width: 49px; background-color: #ffffff; }
#subnavi a.joukkueet { background-image: url(/pics/navi/sub/off/joukkueet.gif); width: 62px; }
#subnavi a.joukkueet_on { background-image: url(/pics/navi/sub/on/joukkueet.gif); width: 62px; background-color: #ffffff; }
#subnavi a.kuvat { background-image: url(/pics/navi/sub/off/kuvat.gif); width: 34px; }
#subnavi a.kuvat_on { background-image: url(/pics/navi/sub/on/kuvat.gif); width: 34px; background-color: #ffffff; }
#subnavi a.lady_demons { background-image: url(/pics/navi/sub/off/lady_demons.gif); width: 76px; }
#subnavi a.lady_demons_on { background-image: url(/pics/navi/sub/on/lady_demons.gif); width: 76px; background-color: #ffffff; }
#subnavi a.linkit { background-image: url(/pics/navi/sub/off/linkit.gif); width: 36px; }
#subnavi a.linkit_on { background-image: url(/pics/navi/sub/on/linkit.gif); width: 36px; background-color: #ffffff; }
#subnavi a.meriitit { background-image: url(/pics/navi/sub/off/meriitit.gif); width: 48px; }
#subnavi a.meriitit_on { background-image: url(/pics/navi/sub/on/meriitit.gif); width: 48px; background-color: #ffffff; }
#subnavi a.ottelut { background-image: url(/pics/navi/sub/off/ottelut.gif); width: 47px; }
#subnavi a.ottelut_on { background-image: url(/pics/navi/sub/on/ottelut.gif); width: 47px; background-color: #ffffff; }
#subnavi a.referenssit { background-image: url(/pics/navi/sub/off/referenssit.gif); width: 72px; }
#subnavi a.referenssit_on { background-image: url(/pics/navi/sub/on/referenssit.gif); width: 72px; background-color: #ffffff; }
#subnavi a.uutiset { background-image: url(/pics/navi/sub/off/uutiset.gif); width: 45px; }
#subnavi a.uutiset_on { background-image: url(/pics/navi/sub/on/uutiset.gif); width: 45px; background-color: #ffffff; }

/* Tail */
#tail { width: 750px; margin: 0 auto; text-align: center; }

/* Fonts */
p,div,td,input,textarea,select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/* Links */
a:link { color: #67234f; text-decoration: none; }
a:visited { color: #883b6d; text-decoration: none; }
a:hover { color: #a41772; text-decoration: underline; }
a:active { color: #000000; text-decoration: underline; }

/* Lines */
div.hr hr { display: none; }
div.hr { border-top: 1px dashed #a4a4a4; margin: 5px 0 15px 0; }

/* Margins */
h1 { margin: 0; padding: 0 0 10px 0; font-size: 24px; font-weight: bold; }
h2 { margin: 0; padding: 0 0 10px 0; font-size: 20px; }
h3 { margin: 0; padding: 0 0 10px 0; font-size: 16px; }
p { margin: 0 0 0 0; padding: 0 0 10px 0; line-height: 16px; }
br { line-height: 10px; }

/* Align */
img.align_right { float: right; margin: 0 0 20px 20px; }

/* Titles */
h1 span { display: none; }
h2 span { display: none; }

h1.tapahtumat { background: url(/pics/titles/tapahtumat.gif) no-repeat; display: block; width: 129px; height: 24px; }
h1.gs_lyhyesti { background: url(/pics/titles/gs_lyhyesti.gif) no-repeat; display: block; width: 118px; height: 24px; }
h1.uutiset { background: url(/pics/titles/uutiset.gif) no-repeat; display: block; width: 200px; height: 24px; }
h1.foorumit { background: url(/pics/titles/foorumit.gif) no-repeat; display: block; width: 200px; height: 24px; }
h1.vieraskirja { background: url(/pics/titles/vieraskirja.gif) no-repeat; display: block; width: 200px; height: 24px; }
h1.linkit { background: url(/pics/titles/linkit.gif) no-repeat; display: block; width: 200px; height: 24px; }
h1.sponsorit { background: url(/pics/titles/sponsorit.gif) no-repeat; display: block; width: 200px; height: 24px; }
h1.hallitus { background: url(/pics/titles/hallitus.gif) no-repeat; display: block; width: 200px; height: 24px; }
h1.yhteystiedot { background: url(/pics/titles/yhteystiedot.gif) no-repeat; display: block; width: 200px; height: 24px; }

h1.jenkkifudis { background: url(/pics/titles/jenkkifudis.gif) no-repeat; display: block; width: 300px; height: 24px; }
h1.cheerleading { background: url(/pics/titles/cheerleading.gif) no-repeat; display: block; width: 200px; height: 24px; }
h1.juniorit { background: url(/pics/titles/juniorit.gif) no-repeat; display: block; width: 300px; height: 24px; }
h1.lady_demons { background: url(/pics/titles/lady_demons.gif) no-repeat; display: block; width: 300px; height: 24px; }
h1.demons { background: url(/pics/titles/demons.gif) no-repeat; display: block; width: 300px; height: 24px; }
h1.angels { background: url(/pics/titles/angels.gif) no-repeat; display: block; width: 300px; height: 24px; }

h1.faq { background: url(/pics/titles/faq.gif) no-repeat; display: block; width: 300px; height: 24px; }
h1.joukkueet { background: url(/pics/titles/joukkueet.gif) no-repeat; display: block; width: 300px; height: 24px; }
h1.joukkue { background: url(/pics/titles/joukkue.gif) no-repeat; display: block; width: 300px; height: 24px; }
h1.kuvat { background: url(/pics/titles/kuvat.gif) no-repeat; display: block; width: 300px; height: 24px; }
h1.meriitit { background: url(/pics/titles/meriitit.gif) no-repeat; display: block; width: 300px; height: 24px; }
h1.uutiset { background: url(/pics/titles/uutiset.gif) no-repeat; display: block; width: 300px; height: 24px; }
h1.fanituotteet { background: url(/pics/titles/fanituotteet.gif) no-repeat; display: block; width: 300px; height: 24px; }
h1.referenssit { background: url(/pics/titles/referenssit.gif) no-repeat; display: block; width: 300px; height: 24px; }
h1.linkit { background: url(/pics/titles/linkit.gif) no-repeat; display: block; width: 300px; height: 24px; }
h1.ottelut { background: url(/pics/titles/ottelut.gif) no-repeat; display: block; width: 300px; height: 24px; }

h1.sivua_ei_loytynyt { background: url(/pics/titles/sivua_ei_loytynyt.gif) no-repeat; display: block; width: 172px; height: 24px; }

/* Smaller titles */
h2.tiedotteet { background: url(/pics/titles/h2/tiedotteet.gif) no-repeat; display: block; width: 84px; height: 15px; }
h2.tapahtumat { background: url(/pics/titles/h2/tapahtumat.gif) no-repeat; display: block; width: 100px; height: 15px; }
h2.gs_lyhyesti { background: url(/pics/titles/h2/gs_lyhyesti.gif) no-repeat; display: block; width: 100px; height: 18px; }

/* Content */
#content { }
#content .text { padding: 20px 20px 15px 20px; }
#content .text ul { margin: 0 0 10px 0; padding: 0 0 0 25px; list-style-image: url(/pics/li.gif); }

#content table.general { border-collapse: collapse; }
#content table.general td { vertical-align: top; }
#content table.general td.text { width: 540px; padding: 20px; }

.sidebar { width: 210px; padding: 0; border-left: 1px solid #a4a4a4; }
.sidebar p.image { padding: 0; margin: 0; text-align: center; }
.sidebar p { margin: 0 20px 10px 20px; padding: 0; }
.sidebar h1 { margin: 0 20px 10px 20px; padding: 0; }
.sidebar h2 { margin: 0 20px 10px 20px; padding: 0; }
.sidebar h3 { margin: 0 20px 10px 20px; padding: 0; }

.date { margin: 0; padding: 0; color: #86254e; font-weight: bold; }

/* Form */
form { margin: 0; padding: 0; }
form p.row { clear: both; margin: 0 0 0 0; padding: 0 0 3px 0; }
form label { width: 160px; display: block; float: left; font-weight: bold; padding: 3px 0 0 0; }
form span { margin: 0 0 0 160px; display: block; }
form p.form_error { color: #FF0000; font-size: 12px; font-weight: bold; margin: 0 0 0 160px; }

form .medium { width: 200px; }
form .large { width: 300px; }
form .small { width: 50px; }

p.notification { font-size: 12px; font-weight: bold; color: #FF0000; }

/* FRONTPAGE */
#frontpage table { border-collapse: collapse; }
#frontpage table td { vertical-align: top; padding: 0; margin: 0; }

#frontpage .news { width: 280px; padding: 20px; }
#frontpage .news h3 { margin: 0 0 5px 0; padding: 0; }

#frontpage .special { width: 225px; color: #ffffff; padding: 1px 1px 0 0; }
#frontpage .special .item { background: #69254f; margin: 0 0 1px 0; }
#frontpage .special h3 { color: #ffffff; padding: 8px 12px 2px 12px; }
#frontpage .special p { margin: 0; padding: 0 12px 12px 12px; }

#frontpage .intro { border-top: 1px solid #ffffff; }
#frontpage .intro .text { padding: 0 20px; }
#frontpage .events { padding: 0 0 20px 0; }

/* GUESTBOOK */
#guestbook .messages { margin: 0 0 0 -5px; }
#guestbook .messages p { background: #eeeeee;  margin: 0; padding: 5px; }
#guestbook .messages p.o { background: #ffffff; }
#guestbook p.prevnext { width: 100%; text-align: center; }

/* EVENTS */
.events .date { margin: 0; padding: 0; color: #86254e; font-weight: bold; }
.events .title { margin: 0 0 5px 0; padding: 0; }
.events .title a:link, .events .title a:visited { color: #000000; }

/* Administration */
#administration table.members { border-collapse: collapse; }
#administration table.members tr td { padding: 0 0 15px 0; vertical-align: middle; }
#administration table.members td.image { padding: 0 20px 15px 0; }

/* Sponsors */
#sponsors table.sponsors { border-collapse: collapse; }
#sponsors table.sponsors tr td { padding: 0 0 15px 20px; vertical-align: top; }
#sponsors table.sponsors td.image { padding: 0 0 15px 0; text-align: center; }

/* News */
.news_years { text-align: center; margin: 0 0 10px 0; }
.news .date { margin: 0; padding: 0; color: #86254e; font-weight: bold; }
.news h3 { margin: 0 0 5px 0; padding: 0; }

.past_news { margin: 0 0 20px 0; }
.past_news .date { margin: 0; padding: 0; color: #86254e; font-weight: bold; }
.past_news .title { margin: 0 0 5px 0; padding: 0; }
.past_news .title a:link, .past_news .title a:visited { color: #000000; }

/* Merchandising */
.merchandising { border-collapse: collapse; }
.merchandising td { padding: 0; margin: 0; vertical-align: top; }
.merchandising .info { padding: 0 0 20px 0; }
.merchandising .image { padding: 0 20px 0 0; }
.merchandising .price { font-weight: bold; }

/* References */
.references { border-collapse: collapse; }
.references td { padding: 0; margin: 0; vertical-align: top; }
.references .info { padding: 0 0 20px 0; }
.references .image { padding: 0 20px 0 0; }

/* Pictures */
table.pictures { border-collapse: collapse; }
table.pictures td { text-align: center; font-weight: bold; width: 160px; padding: 0 5px 10px 0; }
table.pictures td div { height: 110px; }

/* Matches */
.schedule .matches { margin: 0 0 10px 0; }
.schedule .matches .date { width: 120px; }
.schedule .matches .teams { width: 220px; }
.schedule .matches .results { }
.schedule .matches .report { padding: 2px 0 7px 0; }

.schedule p { margin: 0 0 10px 0; padding: 0; }
.schedule h3 {  border-bottom: 1px dashed #cccccc; padding: 0; margin: 0 0 10px 0; font-size: 12px; }
.schedule h3.team_name {  border: none; margin: 0 0 10px 0; font-size: 14px; }
.schedule .own_team { font-weight: bold; color: #67234f; }

.seasons { margin: 0 0 0 0; padding: 10px 0 0 0; text-align: center; }

/* TEAMS */

/* Teams */
.teams h3 { margin: 0; padding: 0; }
.teams .age_group { font-weight: bold; }

/* Team */
.team .captain { color: red; }
.team table { margin: 0 0 15px 0; }
.team table thead th { text-align: left; padding: 0 20px 0 0; }
.team table tbody td { padding: 0 20px 0 0; }
.team table .number { text-align: right; }

/* Team news */
.team_news .date { font-weight: bold; margin-bottom: 0; padding: 0; }

/* Members */
.member .position { font-weight: bold; margin: -10px 0 0 0; }
.member table.images { float: right; width: 175px; }
.member .image { padding: 3px; margin: 0 0 10px 20px; border: 1px solid #cccccc; background: #eeeeee; }