*{margin:0; padding:0;}

/* General styles */
body {background:#fff /*url(kuvat/background.jpg) top center no-repeat; color:#303030*/; font:10pt "Verdana",Verdana,Arial,Sans-serif; line-height:1.4em;}
a {color:#cc6699; text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:0 0 20px 0; clear:left;}
h1 {color:#cc6699; font-size:1.6em; padding:0px 0px 15px 0px; text-transform:uppercase; line-height:1em;}
h2 {font-size:1.2em; font-weight:bold; color:#333; margin:0 0 10px; line-height:1em;}
h3{color:#cc6699; font-size:1em; padding: 0px 0px 10px 0px; text-transform:uppercase;}
p + h1 {border-top:2px solid #ccc; width:100%; padding-top:20px;}
h2 + h1, h1 + h1 {border-top:2px solid #ddd; width:100%; padding-top:20px; margin-top:20px;}
img + br + img, img + br + a img{margin-top: 5px;}
a  img + a img{margin-left:52px;}
div + h1 {border-top:2px solid #ccc; width:100%; padding-top:20px; margin-top:20px;}
br + h1 {border-top:2px solid #ccc; width:100%; padding-top:20px; margin-top:20px;}
h4 {padding-bottom:20px;}

/* Main container */
#width960 {margin:0px auto; width:960px; padding-top:0px;}

/* Top nav */
#top-nav-wrapper{text-align:right; color:#d3d1d1; background:#333; background:-moz-linear-gradient(top, #333 0%, #2b2b2b 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%, #333),color-stop(100%, #2b2b2b)); background:-webkit-linear-gradient(top, #333 0%, #2b2b2b 100%); background:-o-linear-gradient(top, #333 0%, #2b2b2b 100%); background:-ms-linear-gradient(top, #333 0%, #2b2b2b 100%); background:linear-gradient(top, #333 0%, #2b2b2b 100%); border-bottom:1px solid #0e0e0e; white-space:nowrap; line-height:30px;}
#top-nav {margin-right:15px;}
#top-nav a{color:#d3d1d1;}
#top-nav a:hover, #top-nav a:focus{color:#fff;}
#banner-wrapper {background:#cc6699; border-bottom:1px solid #4f0404; background:-moz-linear-gradient(top, #b35986 0%, #8b4568 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%, #b35986),color-stop(100%, #8b4568)); background:-webkit-linear-gradient(top, #b35986 0%, #8b4568 100%); background:-o-linear-gradient(top, #b35986 0%, #8b4568 100%); background:-ms-linear-gradient(top, #b35986 0%, #8b4568 100%); background:linear-gradient(top, #b35986 0%, #8b4568 100%);}
#banner {height:160px; margin:0 auto; overflow:hidden; background:url('sqk/kuvat/LOGOJA/ylapalkkikuva_uusi.png') no-repeat left center;}
#centered-menu {float:left; width:100%; background:#cc6699; overflow:hidden; position:relative; font-size:0.9em; background:-moz-linear-gradient(top, #b35986 0%, #8b4568 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%, #b35986),color-stop(100%, #8b4568)); background:-webkit-linear-gradient(top, #b35986 0%, #8b4568 100%); background:-o-linear-gradient(top, #b35986 0%, #8b4568 100%); background:-ms-linear-gradient(top, #b35986 0%, #8b4568 100%); background:linear-gradient(top, #b35986 0%, #8b4568 100%);}
#centered-menu ul {clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center;}
#centered-menu ul li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%;}
#centered-menu ul li a {display:block; color:#fff; text-decoration:none; line-height:30px;}
#centered-menu ul li a:hover {background:#fff; color:#cc6699;}
#centered-menu ul li a.active, #centered-menu ul li a.active:hover {background:#fff; color:#cc6699;}
.index {width:83px;}
.juniorit {width:85px;}
.tapahtumakalenteri {width:160px;}
.peliillat {width:88px;}
.liiga {width:67px;}
.kotihalli {width:87px;}
.maksut {width:83px;}
.esittely {width:161px;}
.yhteystiedot {width:116px;}

/* Grid classes, fixed width, 960px with 12 columns */
.col {float:left; margin:0; overflow:hidden; display:inline;}
.col img {max-width:100%; height:auto; border: 0px solid #ddd;}
.row {width:960px; margin:0 auto; overflow:hidden;}
.empty {height:20px;}
.c1 {width:60px;}
.c2 {width:140px;}
.c3 {width:180px;}
.c4 {width:260px;}
.c5 {width:425px; margin-right:15px;}
.c6 {width:460px;}
.c7 {width:540px;}
.c8 {width:620px;}
.c9 {width:714px; padding-top:40px;}
.c10 {width:780px;}
.c11 {width:860px;}
.c12 {width:960px;}

/* Main content */
#content {text-align:left; border-right:1px solid #ddd; padding-right:20px; margin:20px 15px 0px 15px;}
.table-header {font-weight:bold; color:#fff; background:#cc6699;}
.kalenteri {border-bottom:1px solid #000;}
table#tapahtumakalenteri {border-collapse:collapse;}
ul.lajiesittely {list-style-type:disc; margin-left:15px;}
.historiikkitaulukko {border:1px solid #303030; padding:0px 5px 1px 5px;}
.keskitetty {text-align:center;}
.vasen {text-align:left;}
.lihavoitu {font-weight:bold;}

/* Side-column style */
#sidebar {margin-top:20px;}
.side-column {border-bottom:1px solid #ddd; margin-bottom:20px;}
.side-column a img {border-width:0; max-width:180px; height:auto; margin-bottom:20px;}
.links, .archive {padding-bottom:20px;}
input {margin-top:10px;}

/* Footer */
#footer .col {text-align:center; color:#888; font-size:0.9em; border-top:1px solid #ddd; padding:10px 0;}