<style type="text/css" media="screen">


	body
	{
		background-image:url('marimekko-samovaari.jpg');
		background-repeat: repeat

	}
	
	#container
	{
		text-align: left;
		margin: 0 auto;
		width: 700px;
		background: #000000 url(header-base.gif) repeat-y;
		font-family: arial;
	}
	
	p
	{
		color:white
	}


	body
	{
		background-image:url('marimekko-samovaari.jpg');
		background-repeat: repeat

	}
	
	h1
	{
		background: #CC0033;
		color: #666666;
		padding: 20px;
		margin: 0;
		border-bottom: 5px solid #999000;
		font-family: arial
	}
	

	#nav
	{
		float: left;
		width: 160px;
		display: inline;
		margin-left: 00px;
		padding: 30px 00;
		font-family: arial;
		background: #CC0033;
		
	}

	#nav2
	{
		float:left;
		width:110%;
		padding:0;
		margin:0;
		list-style-type:none;
	}

	a.first
	{

		text-align: center;
		margin-top: 0;
		color: #FFFFFF;
		font-weight: normal;
		font-family: arial
		
	}

	a
	{
		float:left;
		width:6em;
		text-decoration:none;
		color:white;
		background-color:#CC0033;
		padding:0.2em 0.6em;
		border-right:1px solid black;
		border-bottom:1px solid black;
		border-top:1px solid black;
		border-left:1px solid black;
	}
	a:hover {background-color:#CC0033}
	li {display:inline}
	
	#nav li
	{
		background: url(header-bullet.gif) no-repeat 100% .4em;
		padding: 0 10px 5px 0;
		font-family: arial
	}
	
	#content
	{
		float: left;
		width: 475px;
		margin-left: 20px;
		padding: 15px 0;
	}
	
	#footer
	{
		clear: both;
		background: #CC0033;
		color: #fff;
		padding: 5px 10px;
		text-align: right;
		font-size: 80%;
		font-family: arial;
	}

	table
	{

		border-collapse: separate;
		border-spacing: 70px 70px

	}
	
	h2
	{
		text-align: center;
		margin-top: 0;
		color: #FFFFFF;
		font-weight: normal;
		font-family: arial
	}

	h3
	{
		text-align: center;
		margin-top: 0;
		color: #CC3333;
		font-weight: normal;
		font-family: arial
	}
	
	

</style> 