BODY            {   font-family: "Verdana";
                    font-size: 12px;
                    color: black;
                    background: url('tausta.gif');
                    background-repeat: repeat-x repeat-y;
                    margin: 0;
                }

A:link          {   font-weight: bold;
                    text-decoration: none;
                    color: #732E3F; }

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

A:hover         {   font-weight: bold;
                    text-decoration: none;
                    color: #AE465E; }

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

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

A.norm:hover         {   font-weight: bold;
                    text-decoration: underline;
                    color: #E3CFD5; }

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

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

A.norm2:hover         {   font-weight: bold;
                    text-decoration: none;
                    color: #fff; }
                    
/* 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.gif');
background-repeat: no-repeat;
text-decoration: none;
}

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

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

 #navcontainer2 
{ 
width: 150px;
margin: 0;
padding: 0; 
}

#navcontainer2 ul
{
margin: 0;
padding: 0;
margin-left: 2px;
padding-left: 0;
list-style-type: none;
font-family: "Arial";
}

#navcontainer2 a
{
display: block;
padding: 3px;
width: 150px;
background: url('nappi.gif');
background-repeat: no-repeat;
border-bottom: 2px solid #fff;
}

#navcontainer2 a:link, #navlist2 a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer2 a:hover
{
background: url('nappi2.gif');
background-repeat: no-repeat;
color: #fff;
}

 #navcontainer3 
{ 
width: 150px;
margin: 0;
padding: 0; 
font-family: "Arial";
}

#navcontainer3 ul
{
margin: 0;
padding: 0;
margin-left: 2px;
padding-left: 0;
list-style-type: none;
font-family: "Arial";
}

#navcontainer3 a
{
display: block;
padding: 3px;
width: 150px;
background: url('nappi3.gif');
background-repeat: no-repeat;
border-bottom: 2px solid #fff;
}

#navcontainer3 a:link, #navlist3 a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer3 a:hover
{
background: url('nappi4.gif');
background-repeat: no-repeat;
color: #fff;
}

 #navcontainer4 
{ 
width: 150px;
margin: 0;
padding: 0; 
font-family: "Arial";
}

#navcontainer4 ul
{
margin: 0;
padding: 0;
margin-left: 2px;
padding-left: 0;
list-style-type: none;
font-family: "Arial";
}

#navcontainer4 a
{
display: block;
padding: 3px;
width: 150px;
background: url('nappi5.gif');
background-repeat: no-repeat;
border-bottom: 2px solid #fff;
}

#navcontainer4 a:link, #navlist4 a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer4 a:hover
{
background: url('nappi6.gif');
background-repeat: no-repeat;
color: #fff;
}

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

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

a:link IMG      {   border: 0px solid #000;
                    margin: 0px;
                    padding: 0px;  }
                    
a:visited IMG   {   border: 0px solid #000;
                    margin: 0px;
                    padding: 0px;  }
                    
a:hover IMG     {   border: 0px 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,Verdana,helvetica,sans-serif; }
                    
H3              {   text-align: left;
                    margin: 2px 20px 2px 25px;                    
                    font: bold 12px Verdana,Verdana,helvetica,sans-serif; }

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

#yla            {   background: #ddd;
										padding-right: 5px;	
                    font: 10px Verdana,Verdana,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,Verdana,helvetica,sans-serif;
                    color: #fff;
                    float: left; }
                    
#ala            {   border-top: 1px solid #000;
                    background: #555;
                    padding: 2px 4px;
                    color: #fff;
                    font: 10px Verdana,Verdana,helvetica,sans-serif; }

#reuna            {   border: 1px solid #000; }

#date           {   float: right;
                    color: #fff;
                    font-size: 10px;
                    margin: 0px;
                    padding: 0px;
                    margin-top: 1px;
                    margin-right: 5px;
                    text-transform: uppercase;
                    font: 10px Verdana,Verdana,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,Verdana,helvetica,sans-serif; }

#taulu          {   background: #fff;
                    margin: 0px;
                    padding: 0px 0px 0px 0px;
                    text-align: left;
                    font: 14px Verdana;  }

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

#kaikki2        {   padding: 2px 5px;
                    font: bold 13px Verdana,Verdana,helvetica,sans-serif;  }
                    
#kaikki3        {   padding: 2px 5px;
                    font: 12px Verdana,Verdana,helvetica,sans-serif; }
                    
#kaikki4        {   border: 1px solid #555;
                    background: #36547C;                    color: #fff; }
                    
                    
#rivi        		{   background: #EEF1F4;
                    color: #000;
                    padding: 5px 5px 5px 10px;
                    border-left: 1px solid #C7D1DB;
                    border-right: 1px solid #C7D1DB;
                    border-bottom: 1px solid #C7D1DB;  }
                    
#rivi2        	{   background: #F3EBED;
                    color: #000;
                    padding: 5px 5px 5px 10px;
                    border-left: 1px solid #E3CFD5;
                    border-right: 1px solid #E3CFD5;
                    border-bottom: 1px solid #E3CFD5;   }
                    
#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,Verdana,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,Verdana,helvetica,sans-serif; }

#laheta3        {   border: black 1px solid;
                    background: url('nappi.jpg') #88c;
                    color: white;
                    height: 20px;
                    width: 60px;
                    font: bold 12px Verdana,Verdana,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,Verdana,helvetica,sans-serif; }

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