/* Liigasampo.fi:n WWW-sivujen CSS-tyylitiedosto */
/* Copyright Sarjamedia Oy 2007 */

html {height: 100%;}
body {
	margin: 0 0 0 0;																		/* BODY top, right, bottom & left margin (default: 0 0 0 0) */
	padding: 0;
	background-color: #004D73;																/* BODY background color */
	color: #000; font: normal 80%/120%  "Trebuchet MS", Verdana, Arial, Sans-serif;
}

body#onlybody {
	background-image: url(http://www.liigasampo.fi/grafiikka/selaimen_taustakuva.jpg);								/* BODY background image */
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;																		/* CONTAINER align for IE5 (default: center) */
}

h1 	{color: #0088CC; font: bold 170%/110% "Trebuchet MS", Verdana, Arial, Sans-serif;
	letter-spacing: 0; text-align: left; font-variant: normal; font-weight: normal; font-style: italic; font-family: Verdana, Arial, Sans-serif;
	margin-top: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; }
	
h2 	{color: #0088CC; font: bold 170%/110% "Trebuchet MS", Verdana, Arial, Sans-serif;
	letter-spacing: 0; text-align: left; font-variant: normal; font-weight: normal; font-style: italic; font-family: Verdana, Arial, Sans-serif;
	margin-top: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; }
	
h3 	{color: #0088CC; font: bold 170%/110% "Trebuchet MS", Verdana, Arial, Sans-serif;
	letter-spacing: 0; text-align: left; font-variant: normal; font-weight: normal; font-style: italic; font-family: Verdana, Arial, Sans-serif;
	margin-top: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; }
	
h4 	{color: #0088CC; font: bold 110%/110% "Trebuchet MS", Verdana, Arial, Sans-serif;
	letter-spacing: 0; text-align: left; font-variant: normal; font-weight: bold; font-style: italic; font-family: Verdana, Arial, Sans-serif;
	margin-top: 15px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; }
	
p {margin: 7px 0 7px 0; padding: 0}


#container { margin: 0 auto; 																	/* CONTAINER align for others (default: auto) */
			 width: 760px; 																	/* CONTAINER width (1.st) */
			 border-top: 0px solid #fff;													/* CONTAINER borders & color */
			 border-right: 1px solid #000;
			 border-bottom: 0px solid #000;
			 border-left: 1px solid #000;											
			 padding: 0;																	/* CONTAINER PADDING (default: 0) */
			 background-color: #fff;														/* CONTAINER background color */
			 background-image: url();														/* CONTAINER background image */
		     min-height: auto;																/* CONTAINER height (default: auto/100%) */
			 text-align: left;																/* to align left in IE too */
/*			 overflow: auto;	*/	/* Firefox needs this for automatic container streching */
			 }
* html #container {width: 762px; w\idth: 760px; /*overflow: hidden;*/} 		/* CONTAINER specialities for IE5/5.5 and 6 */												

#header {
	margin: 0 0 0 12px; padding: 12px 0 5px 0;
	text-align: left;
	background:#fff;																		/* HEADER background color */
	height: 114px; /* mozilla based browsers requires height adjustement for bottom-padding */
	width: 736px;
}			

#logo, #logo span {
	float: left;
	margin: 0; padding: 0;
	height: 114px; width: 304px;
	background-image: url(http://www.liigasampo.fi/grafiikka/sampo_logo.gif); background-repeat: no-repeat;
}

#logo span { margin-bottom: -75px; } 
h1 span { display: block; position: relative; z-index: 1; cursor: hand;}
/* IE5 Mac Hack \*/ 
h1 { overflow: hidden; }
/*/ 
h1 { text-indent: -100em; } 
/* End Hack */ 

#logoright {
	margin: 0; padding: 0; float: right;
	background-image: url(http://www.liigasampo.fi/grafiikka/logotausta_oikea.jpg);
	height: 114px; width: 413px;
}

#ikonit, ikonit p{
	margin: 20px 5px 5px 30px; padding: 0; float: left; display: inline;
	color: #fff; font: normal 90%/120% "Lucida sans unicode", "Lucida grande", "Trebuchet MS", Verdana, Arial, Sans-serif;
}

#middle {
	margin: 0; padding: 0; width: 760px; float: left; display: inline;
	background-color: #fff;
	background-image: url(http://www.liigasampo.fi/grafiikka/keskitausta.gif);
}

#content {
	float: left; display: inline;
	width: 410px;
	margin: 0 11px 0px 10px; padding: 0;
}

#oikealaita {
	float: left;
	margin: 0 0 0 0; padding: 0;
}

#menun_alapuoli {
	margin: 0 5px 15px 10px; padding: 0;
	font-size: 12px; font-height: 13px;
}

#footer {
	margin: 0 auto;
	height: 48px; width: 762px;
	color: #B6DFF3; font: normal 10px/14px Arial, Verdana, Sans-serif;
	clear: both;
	background-image: url(http://www.liigasampo.fi/grafiikka/alaosa_tausta.gif);
	background-repeat: no-repeat;
}

#footer a, #footer a:visited, #footer a:active {color: #DDEEF7; text-decoration: underline;}
#footer a:hover {color: #B6DFF3; text-decoration: none;}

hr {border:0px; border-top:1px dotted #444444; height:0px;}

/* clear without structural mark-up */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display:inline-block;
}
 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */
/* do not change or clearfix styles*/


#menu {
	float: left; display: inline;
	margin: 0 0 0 12px; padding: 0;
	width: 185px; 
	background-repeat: repeat-x;
	background-image: url(http://www.liigasampo.fi/grafiikka/vasenpalkki_tausta.jpg);
}
* html #menu {width: 185px; w\idth: 185px;} 	/* star HTML hack for IE 5 & 6 wrong element width correction */	

#menu ul {
	list-style-type: none; list-style-position: outside;
	margin: 5px 0 5px 0; padding: 0;
	color: #FFD228;
}

.menulevel1 li {
	margin: 0 0 8px 0; padding: 3px 5px 3px 5px;
	border-top: 1px solid #003D5C; border-right: 1px solid #003D5C; border-bottom: 1px solid #003D5C; border-left: 1px solid #003D5C;
	background-color: #0088CC;
	background-image: url(http://www.liigasampo.fi/grafiikka/vasenmenu_tausta.gif);
	background-repeat: repeat-x;
	font: bold 12px/14px Verdana, Arial, Sans-serif;
	font-weight: bold; list-style: none;
	list-style-position: outside;
	}
	
.menulevel2 li {
	margin: 0 0 0 25px; padding: 0 0 0 0;
	border-top: 0px solid #003D5C; border-right: 0px solid #003D5C; border-bottom: 0px solid #003D5C; border-left: 0px solid #003D5C;
	background-color: #0088CC;
	background-image: none;
	font: bold 11px/13px Verdana, Arial, Sans-serif;
	font-weight: normal; list-style: url(http://www.liigasampo.fi/grafiikka/li1.gif);
	list-style-position: outside;
	}
	
.menulevel3 li {
	margin: 0 0 0 5px; padding: 0 0 0 0;
	border-top: 0px solid #003D5C; border-right: 0px solid #003D5C; border-bottom: 0px solid #003D5C; border-left: 0px solid #003D5C;
	background-color: #0088CC;
	background-image: none;
	font: bold 10px/12px Verdana, Arial, Sans-serif;
	font-weight: normal; list-style: url(http://www.liigasampo.fi/grafiikka/li2.gif);
	list-style-position: outside;
	}

#menu li a, li a:link, li a:visited {color: #fff; text-decoration: none;}
#menu li a:hover {color: #A6E1FF; text-decoration: none;}
#menu li a:active {color: #fff; text-decoration: none;}

a, a:visited, a:active, a:link, li a, li a:active, li a:link {color: #0088CC; text-decoration: underline;}
a:hover, li a:hover {color: #004D73; text-decoration: none;}
a:visited, li a:visited {color: #7300CC;}

/* Multilevel ul-definitions used in different category levels in CMS's multilevelmenu structure*/

.sitemaplevel1 li, li a, li a:link, li a:visited {}
.sitemaplevel2 li, li a, li a:link, li a:visited {}
.sitemaplevel3 li, li a, li a:link, li a:visited {}

/* Submenu and search definitions */
ul.submenu, ul.search 			 {font-color: #000; padding-left: 20px; margin-left: 0px; list-style: disc; list-style-position: inside;}

/* CMS's Wysiwyg editor plugin definitions */

.mceContentBody			{background-image: none; text-align: left; background-color: White; color: Black;} /*TinyMCE*/
.mceVisualAid 			{border: 1px dashed #BBBBBB;}
.edit 					{color:#000000; background-color:#F0F0EE; font-size: 10px;
						 border-top: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
.edit a:link,.edit a:visited,.edit a:active
						{font-size: 10px; font-weight: normal; color: #444444; }
.edit a:hover 			{font-size: 10px; font-weight: normal; color: #000000; }

/* CMS's Gallery plugin definitions */
.gallery_fieldset		{border-width: 0px; margin: 0px;}
.gallery_legend			{font-weight:bold; color:#008A41;}
.gallery_pic			{text-align: center; border-width: 0px; vertical-align: middle; border: 0px; vertical-align: bottom; }
.gallery_comment		{border-width: 0px; float: left; border-width: 0px; vertical-align: middle; }
.thumbnailitem			{border-width: 0px; text-align: center; width: 130px; height: 170px; float:left; vertical-align: bottom; border: 0px;}
.thumbnailitem a:hover	{border-width: 0px; border-color: #000000; border-style: solid;}

/* Table width 100% inside css div bug fix */
* html .editortable  /* this is recognized by IE only */ {
  margin: 0; padding: 0;
  width: 500px;  /* total width, only for IE5.x/Win */
  w\idth: 98%; /* content width for other IE */}
.editortable {
  margin: 0; padding: 0;
  width: 99%;  /* content width for other browsers */}