html {
    background:#1A5B93;                                                      	/* LUPO */
	font: verdana 12px;
	color: #323235;
}

#doc {
    width:1102px;
    margin:0 auto;
}
#docmob {
    width:100%%;
    margin:0 auto;
}
#hd,#mmenu,#hdmob,#mn,#bd,#ft {
    position:relative;
    /* further down, we set the z-index of each element in reverse-flow order
        so that the #hd has a higher z-index than the body, allowing YUI Flydown Menus
        to sit above administrative chrome.
    */
}

/* header styles */
#mmenu {
z-index:19;
}
#hd {
	
	height: 152px;
	background: #92B2C7 url(../images/bgtop.jpg) repeat-x left top ;	
}
#hdmob {
	z-index:1;
	height: 29px;
	background: #92B2C7 ;	
}
#lg {
	float:left;
	width: 95px;
	height: 152px;
	background: #92B2C7 url(../images/img_01.jpg) no-repeat left top ;

    }
	/*ERILAISET KUVAT, YHDESSÄ TXT! */
#nimi {
	width: 150px;
	float: left;
	height: 152px;
	background: #92B2C7 url(../images/img_02.jpg) no-repeat left top ;	
}
#nimiJ {
	width: 150px;
	float: left;
	height: 152px;
	background: #92B2C7 url(../images/img_02J.jpg) no-repeat left top ;	
}
#nimiF {
	width: 150px;
	float: left;
	height: 152px;
	background: #92B2C7 url(../images/img_02J.jpg) no-repeat left top ;	
}
#nimiK {
	width: 150px;
	float: left;
	height: 152px;
	background: #92B2C7 url(../images/img_02kiekko.jpg) no-repeat left top ;	
}
#nimiY {
	width: 150px;
	float: left;
	height: 152px;
	background: #92B2C7 url(../images/img_02yu.jpg) no-repeat left top ;	
}
#nimiL {
	width: 150px;
	float: left;
	height: 152px;
	background: #92B2C7 url(../images/img_02lp.jpg) no-repeat left top ;	
}
#nimiH {
	width: 150px;
	float: left;
	height: 152px;
	background: #92B2C7 url(../images/img_02hiihto.jpg) no-repeat left top ;	
}


#kuva {
	width: 231px;
	float: right;
	height: 152px;
	background: #92B2C7 url(../images/img_04.jpg) no-repeat right top ;	
}
#kuva2 {
	width: 200px;
	float: right;
	height: 152px;
	background: #92B2C7 url(../images/img_03.jpg) no-repeat right top ;	
}
#kuvaJ {
	width: 231px;
	float: right;
	height: 152px;
	background: #92B2C7 url(../images/img_04J.jpg) no-repeat right top ;	
}
#kuva2J{
	width: 200px;
	float: right;
	height: 152px;
	background: #92B2C7 url(../images/img_03.jpg) no-repeat right top ;	
}
#kuva2F{
	width: 200px;
	float: right;
	height: 152px;
	background: #92B2C7 url(../images/img_04futsal.jpg) no-repeat right top ;	
}

#kuvaK {
	width: 231px;
	float: right;
	height: 152px;
	background: #92B2C7 url(../images/img_04kiekko.jpg) no-repeat right top ;	
}
#kuva2K {
	width: 200px;
	float: right;
	height: 152px;
	background: #92B2C7 url(../images/img_04kiekko2.jpg) no-repeat right top ;	
}
#kuvaY {
	width: 231px;
	float: right;
	height: 152px;
	background: #92B2C7 url(../images/img_04yu2.jpg) no-repeat right top ;	
}
#kuva2Y {
	width: 200px;
	float: right;
	height: 152px;
	background: #92B2C7 url(../images/img_04yu.jpg) no-repeat right top ;	
}
#kuvaL {
	width: 231px;
	float: right;
	height: 152px;
	background: #92B2C7 url(../images/img_04lp.jpg) no-repeat right top ;	
}
#kuva2L {
	width: 200px;
	float: right;
	height: 152px;
	background: #92B2C7 url(../images/img_03B.jpg) no-repeat right top ;	
}

#kuvaH {
	width: 231px;
	float: right;
	height: 152px;
	background: #92B2C7 url(../images/img_04hiihto2.jpg) no-repeat right top ;	
}
#kuva2H {
	width: 200px;
	float: right;
	height: 152px;
	background: #92B2C7 url(../images/img_04hiihto.jpg) no-repeat right top ;	
}
#mn {
	z-index:5;
}
/* body styles */
#bd {
     z-index:3;
	 background:#fff;
    margin-top:3px;
       -moz-border-radius: 12px; 
    -webkit-border-radius: 12px; 
            border-radius: 12px; 
    border:5px solid #576157;
       -moz-box-shadow: 0px 0px 4px #000000; 
    -webkit-box-shadow: 0px 0px 4px #000000; 
            box-shadow: 0px 0px 4px #000000; 
 
}

#bd .content {
    margin:10px;
}

/* footer styles */
#ft {
    z-index:3;
	color : white;
	height:75px;
	 background:#0A4B83;
	 margin-top:3px;
	 margin-bottom:3px;
	 padding: 4px 10px 4px 10px;
       -moz-border-radius: 12px; 
    -webkit-border-radius: 12px; 
            border-radius: 12px; 
    border:5px solid #576157;
       -moz-box-shadow: 0px 0px 4px #000000; 
    -webkit-box-shadow: 0px 0px 4px #000000; 
            box-shadow: 0px 0px 4px #000000; 
}

a:link,
a:visited {
    color:#1A5B93;
}

a:hover,
a:focus,
a:active {
    color:#1A5Bb8;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/* base.css, part of YUI's CSS Foundation */
h1, #logo {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3, #logo {
	/* top & bottom margin based on font size */
	margin:1em 0;
	font-family: verdana,'Oswald', serif;
}
h1,h2,h3,h4,h5,h6,strong, #logo {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*providing spacing for definition terms*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}