/* Layout */
*       {margin:0; padding:0; border:0;}
html, body      {height:100%;}
#container      {min-height:100%; height:auto !important; height:100%; margin:0; width:18cm; text-align:left; background-color:#ffffff; clear:both; border-left:1px solid #fff; border-right:1px solid #fff; padding:0 0 0 0;}
#header         {display:none;}
  #logo			{margin:-7px 0 0 0;}
#left           {display:none;}
#center         {width:15cm; padding:0px; float:left; background:white;}
#right          {display:none;}
#footer, #spacer        {display:none;}

body    {text-align:center;background-color:#ffffff; font-family:Helvetica, Arial, Sans-serif; font-size:12px; min-width:980px;}
#footer {display:none;}
  .footerContent {width:982px; height:59px; border-top:1px solid #999999; background-color:#666666; margin:0 auto;}
/* General Styles */
h1, h2, h3, h4, h5, h6, p, i, b, div, td, a, span	{
font-family:Helvetica, Arial, Verdana, Geneva, sans-serif; color:#000000 !important; font-size:13pt !important;}

h1	{font-size:18px;}
h2	{font-size:16px;}
h3	{font-size:14px; line-height:18px;}
h4	{font-size:12px;}
h5	{font-size:12px; font-weight:normal;}
h6	{font-size:10px;}
p	{font-size:12px;}
hr	{height:1px; border:0; color:#336699; background-color:#336699; margin:20px;}

#center h1	{margin:20px 20px 10px 20px;font-size:18pt !important;}
#center h2	{margin:20px 20px 10px 20px; color:#333333;}
#center h3	{margin:20px 20px 10px 20px; color:#333333;}
#center h4	{margin:0px 20px 10px 20px; color:#333333;}
#center h5	{margin:20px 20px -12px 20px; color:#333333;}
#center h5:first-child
{
display:none;
}
table.lisaharjoitukset td:first-child {white-space:nowrap;}

#center .noPrint { display:none;}
#center:nth-child(-n+3) {background-color:green;}
#center h3:nth-last-child(1) {clear:both;}
#center p a:nth-last-child(1) {display:none;}
#center p	{margin:10px 20px 10px 20px; padding:0; font-size:13pt;}
#center ul	{margin:10px 20px 15px 40px; padding:0;}
#center pre	{margin:10px 20px 10px 20px;}
.laji p a {margin:0 0 0 20px;}
img.main	{width:580px; margin:0 0 0 20px;}
	
	
/* Navigation 1 */
#navcontainer	{display:none;}

/**** level 2 styles ************************************* */
ul.subnavigation	{display:none;}

p	{padding:8px;}
.kurssipaikka {width:280px; float:left; margin:0 0 10px 0;}

p.data {clear:both;}
.data span	{display:block; float:left; font-weight:bold; width:120px;}
table.tilisiirto	{border-collapse:collapse; margin:0 20px 20px 20px; padding:0;}
.tilisiirto tr	{vertical-align:top;}
.tilisiirto td 	{padding:3px 0;}
table.tilisiirto td p	{margin:0 !important; padding:0; text-indent:0;}

table.xtable	{border-collapse:collapse; width:18cm; background-color:#f2f8ff; border: 1px solid #000000; margin:0 0 0 20px;}

table.xtable tr.labels	{background-color:#336699;}
table.xtable tr td {padding:4px 4px 4px 6px; color:#3f4981; line-height:20px; vertical-align:top; font-size:13pt;}
table.xtable tr.labels td,
table.xtable tr th
	{padding:2px 4px 2px 6px; background-color:#336699; color:#ffffff;}
table.xtable tr.odd		{background-color:#d8e3f0;}
table.xtable tr.odd td	{background-color:#d8e3f0; border:0; line-height:18px;}
table.xtable tr.even	{background-color:#f2f8ff;}
table.xtable tr.even td {background-color:#f2f8ff; border:0; line-height:18px;}
table.xtable tr.red td 	{color:#ff0000;}
table.xtable td.group	{font-weight:bold;}
table.xtable td b {display:block;font-size:18pt; width:52px; height:18px; line-height:22px; color:#114477; margin:0; text-align:center; clear:both;}
 table.lisaharjoitukset {border-collapse:collapse; width:18cm; background-color:#ffffff;  margin:10px 0 0 20px;}
 table.lisaharjoitukset tr td {padding:4px 4px 4px 6px; color:#000000; vertical-align:top; font-size:18px;}
 table.jatkokurssit {border-collapse:collapse; width:280px; background-color:#ffffff;  margin:10px 0 10px 14px;}
 table.jatkokurssit tr td {padding:4px 4px 4px 6px; color:#000000; line-height:16px; vertical-align:top;}
 td.right	{text-align:right;}
		#footer .col_1 {width:200px; text-align:left; float:left; background-color:red;}
		#footer .col_2 {width:200px; float:left; background-color:green;}
		#footer .col_3 {width:200px; float:left; background-color:red;}
		#footer .copy {width:100%; clear:both;}
		#footer p {padding:10px 25px;}

h3.main			{font-family:Helvetica, Arial, Verdana, Geneva, sans-serif; width:470px; height:23px; line-height:21px; border-bottom:2px solid #3f4981; margin:20px 0 0 0; color:#3f4981; font-size:16px; padding:2px 0; clear:both;}

div.item			{width:620px; height:auto;margin:0 0 0 0;padding:20px 0 15px 0; clear:both;}
div.item a.pic		{display:block;width:120px; height:80px; border:0; background:#ffffff url("../images/ui/front/info.gif") no-repeat top left; margin:5px 0 0 20px; float:left;}
div.item a.pic img	{border:0; float:left;}
div.item span.pic	{width:120px; height:120px; margin:0; float:left;}
div.item h4			{width:440px; float:right; clear:right; font-size:14px; margin-top:0px !important; padding:0;}
div.item p			{width:440px; float:right; clear:right; margin:0px 20px 0 0!important; padding:0;}
div.item p.date		{font-size:11px; color:#999999; margin-bottom:0px !important; }
div.item p.link		{width:420px; padding:5px 0; float:right; text-align:right;}
img.b				{width:118px;border:1px solid #3f4981 !important;}

.noborder			{border:0 !important;}

		h3.main			{font-family:Helvetica, Arial, Verdana, Geneva, sans-serif; width:300px; height:23px; line-height:21px; border-bottom:2px solid #3f4981; margin:5px 0 0 0; color:#3f4981; font-size:16px; padding:2px 0; clear:both;}
div.main		{width:950px; overflow:auto; background-color:#ffffff;  margin:0 0 0 15px; padding:20px 0 6px 0; clear:both;}
div.main a.pic	{width:120px; height:80px; border:0; background:#ffffff url("../images/ui/front/info.gif") no-repeat top left; margin:4px 0 6px 0; float:left;}
div.main a.pic img	{border:0;}

p.date	{font-size:11px; color:#999;}

.C p.more			{font-size:14px; width:280px; font-weight:bold; padding:10px 0; text-align:right; background-image:none !important; }
.top a:link, .top a:visited	{display:block; width:280px; height:28px; text-decoration:none;}
.top a:active, .top a:hover	{display:block; border-bottom:1px solid #336699;}
.top a span {color:#336699; float:right;}
a.b		{font-weight:bold;}

.Saliesittelyt h3	{clear:both; }
p.gallery a	{display:block; float:left;width:120px; height;80px; margin:0 20px 15px 0;}

div#bank		{display:none;}
.tilisiirto	{display:none;}

div.bfshop	{width:140px; margin:0px 10px 10px 10px; padding:10px 10px 10px 10px; background-color:#cccccc; text-align:left;}
div.bfshop p	{font-size:10px !important; padding-bottom:10px !important;}

.Peruskurssit p a:link,
.Peruskurssit p a:visited{display:inline !important;}
