BODY            {   font-family: "Arial";
                    font-size: 12px;
                    color: black;
                }

A.link          {   font-weight: bold;
                    text-decoration: underline;
                    color: #448; }

a.link2		      {   font-weight: bold;
                    text-decoration:none;
                    color:#448; }

A:visited       {   font-weight: bold;
                    text-decoration: none;
                    color: #448; }

A.link:hover         {   font-weight: bold;
                    text-decoration: underline;
                    color: #66a;
                    border: 0px; }

a.link2:hover         {   font-weight: bold;
                    text-decoration: none;
                    color: #66a;
                    border: 0px; }

A.norm:link          {   font-weight: bold;
                    text-decoration: none;
                    color: #000; }

A.norm:visited       {   font-weight: bold;
                    text-decoration: none;
                    color: #000; }

A.norm:hover         {   font-weight: bold;
                    text-decoration: none;
                    color: #448; }
                    
/* Begin CSS Code for Horizontal Dropdown/Popout Menu */

ul#navlist
{
margin-top: 16px;
margin-bottom: 14px;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 2px 11px; border: 1px solid #000; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background: url('nappi.jpg');
background-repeat: no-repeat;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background: url('nappi2.jpg');
background-repeat: no-repeat;
background-position: bottom right;
text-decoration: none;
}

/* End CSS Code for Horizontal Dropdown/Popout Menu */

TABLE						{		font: 12px verdana,arial,helvetica,sans-serif; }

IMG             {   border: 1px solid #000;
                    margin: 0px;
                    padding: 0px;  }

img.index		{border-style: solid;
				 border-width:1px;
				 border-color:#000;
				margin:0px 15px 0px 15px;}

a:link IMG      {   border: 1px solid #000;
                    margin: 0px;
                    padding: 0px;  }
                    
a:visited IMG   {   border: 1px solid #000;
                    margin: 0px;
                    padding: 0px;  }
                    
a:hover IMG     {   border: 1px solid #66a;
                    margin: 0px;
                    padding: 0px;  }

tr.rivi	td				{ 	background: #f1f1f1;
											padding: 5px;
											color: #000; }

tr.rivi2 td				{ 	background: #e5e5e5;
											padding: 5px;
											color: #000; }

tr.rivi3 td				{ 	background: #FFDDC1;
											padding: 3px 5px;
											color: #000;
											border-top: 2px solid #333;
											border-bottom: 2px solid #333;
											cursor:pointer;	 }

tr.rivi4	td				{ 	background: #f1f1f1;
												padding: 2px 3px;
												color: #000; }

tr.rivi5 td				{ 	background: #e5e5e5;
											padding: 2px 3px;
											color: #000; }

tr.rivi6 td				{ 	background: #FFDDC1;
											padding: 0px 3px;
											color: #000;										
											border-top: 2px solid #333;
											border-bottom: 2px solid #333;
											cursor:pointer; }   

tr.rivi7	td				{ 	background: #fdd;
												padding: 2px 3px;
												color: #000; }             
												
H1              {   text-align: center;
                    margin: 15px 10px 10px 10px;
                    font: bold 18px verdana,arial,helvetica,sans-serif; }
                    
H3              {   text-align: center;
                    margin: 15px 10px 10px 10px;                    
                    font: bold 16px verdana,arial,helvetica,sans-serif; }

H4              {   text-align: center;
                    margin: 5px;
                    margin-bottom: 0;
                    color: #000;
                    font: 20px verdana,arial,helvetica,sans-serif; }
                    
H5              {   text-align: center;
                    margin: 5px;
                    color: #000;
                    font: bold 24px verdana,arial,helvetica,sans-serif; }
                    
H6              {   text-align: center;
                    margin: 5px;
                    color: #d00;
                    font: bold 34px verdana,arial,helvetica,sans-serif; }
                    
P               {   margin: 0px;
                    padding: 8px; }
                    
PRE             {   margin: 5px 0px 5px 10px;
                    padding: 0px;
                    font: 12px verdana,arial,helvetica,sans-serif;
                    line-height: 140%; }
                                        
#tuote          {   margin: 0px 0px 0px 15px;
                    padding: 4px;
                    font: bold 16px verdana,arial,helvetica,sans-serif;
                    line-height: 140%; }

#yla            {   background: #ddd;
										padding-right: 5px;	
                    font: 10px verdana,arial,helvetica,sans-serif; }
                    
#otsikko        {   background:url('bg3.gif') no-repeat bottom right #F46400;                    padding: 2px 25px 2px 4px;
                    text-transform: uppercase;
                    font: bold 10px verdana,arial,helvetica,sans-serif;
                    color: #fff;
                    float: left; }
                    
#ala            {   border-top: 1px solid #000;
                    background: #555;
                    padding: 2px 4px;
                    color: #fff;
                    font: 10px verdana,arial,helvetica,sans-serif; }

#reuna            {   border: 1px solid #36547C; }

#date           {   float: right;
                    color: #fff;
                    font-size: 10px;
                    margin: 0px;
                    padding: 0px;
                    margin-top: 1px;
                    margin-right: 5px;
                    text-transform: uppercase;
                    font: 10px verdana,arial,helvetica,sans-serif; }
                    
#date2          {   float: right;
                    margin-top: 1px;
                    padding: 0px; }
                    
#nimet          {   float: right;
                    color: #000;
                    font-size: 10px;
                    margin-top: 1px;
                    margin-right: 3px;
                    text-transform: none;
                    font: 10px verdana,arial,helvetica,sans-serif; }

#taulu          {   background: #fff;
										border-top: 3px solid #000;
                    margin: 0px;
                    padding: 5px 0px 0px 0px;
                    text-align: left;
                    font: 14px Verdana;  }

#kaikki         {   background: #F46400;                    color: #fff; }

#kaikki2        {   padding: 2px 5px;
                    font: bold 13px verdana,arial,helvetica,sans-serif;  }
                    
#kaikki3        {   padding: 2px 5px;
                    font: 12px verdana,arial,helvetica,sans-serif; }
                    
#kaikki4        {   border: 1px solid #555;
                    background: #36547C;                    color: #fff; }
                    
#uutiset        {   background: #eee;
                    color: #000;
                    padding: 5px 8px;  }
                    
#kirjoita       {   height: 20px;
                    border: black 1px solid;
                    font-size: 13px;
                    font-family: "Courier New"; }                    
                    
#kirjoita2      {   border: #333 1px solid;
                    background: #fafafa;
                    font-size: 13px;
                    font-family: "Courier New";
                    margin: 0 0px 5px 0; }                 
                    
#kirjoita3      {   border: #333 1px solid;
                    background: #fafafa;
                    font-size: 12px;
                    font-family: "Courier New"; }

#laheta         {   border: black 1px solid;
                    background-image: url('nappi.jpg');
                    color: white;
                    height: 20px;
                    width: 70px;
                    font: bold 12px verdana,arial,helvetica,sans-serif; }

#laheta2        {   border: black 1px solid;
                    background-image: url('nappi.jpg');
                    margin: 0 5px 5px 0;
                    color: white;
                    height: 20px;
                    width: 50px;
                    font: bold 12px verdana,arial,helvetica,sans-serif; }

#laheta3        {   border: black 1px solid;
                    background: url('nappi.jpg') #88c;
                    color: white;
                    height: 20px;
                    width: 60px;
                    font: bold 12px verdana,arial,helvetica,sans-serif; }

#laheta4        {   border: black 1px solid;
                    background-image: url('nappi.jpg');
                    margin: 0;
                    color: white;
                    height: 20px;
                    width: 50px;
                    font: bold 12px verdana,arial,helvetica,sans-serif; }

#laheta5        {   border: black 1px solid;
                    background-image: url('nappi.jpg');
                    color: white;
                    height: 20px;
                    width: 100px;
                    font: bold 12px verdana,arial,helvetica,sans-serif; }