body  
{	
background-color: #7789A7;	

	FONT-FAMILY: Verdana, Arial, serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px;

}

a:link 
{        
	color: #1B2E59;       
text-decoration: none;

}

a:hover 
{        
	color: #1B2E59;          
text-decoration: underline;

}

a:visited 
{        
	color: #1B2E59;   
text-decoration: none;

}

a:active 
{        
	color: #1B2E59;         
text-decoration: none;

}


.sivu 
{        
		
		padding: 10px;       
		width: 180px;
		
	}
	
.sisalto 
{  
		padding: 20px;    
		width: 520;  
		background-color: white;

}
.ala 
{        
		background-color: #1B2E59;
		color:#FFFFFF;
		padding: 5px;   

	}


p 
{           
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
h3 
{           
		color: #1B2E59;
		}







.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 7px solid #B40F31; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
font: Verdana;
font-size:10px;
font-weight:bold;
display:block;
line-height:20px;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 8px 5px 8px; /*padding inside each tab*/
border-right: 1px solid #6F7585; /*right divider between tabs*/
color: white;
background: #1B2E59; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #B40F31; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}