b.punainen {
	font-color: #DE2626;
	font-weight: normal;
	color: #DE2626;
}

body
{
	margin: 0;
	padding: 0;
	background: white url(inc/stripe_red.gif) top repeat;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}

#container
{
/*padding: 5px;*/
border: 2px #cc9999 solid;
margin: 10px 10px 30px 0px;
background: #FFF9FA;
overflow: hidden;
min-width: 650px;
}

*html #container{
height: 1%;
margin-right: 10px;
}

#pageborder{
width:80%;
border: 4px solid #DDB7B7;
margin: 15px auto;
background: #FCEEEE;
overflow: visible;
min-width: 885px;
min-height: 650px;
}

* html #pageborder{
width:100%;
margin: 15px 10% 15px 10%;
overflow: visible
}

h1,h2 {
background: #FBE9ED; 
border-top: 1px #cc9999 solid;
border-bottom: 1px #cc9999 solid;
color: #336699; 
font-family: Verdana, sans-serif;
font-size: 13pt; 
font-weight: bold;
width: 100%;
}

H3 {
color: #990033; 
font-family: Verdana, sans-serif;
font-size: 10pt; 
font-weight: bold;
}

#navi
{
margin-left: 25px;
}

#naviwrap
{
float: left;
width: 160px;
margin-right: 50px
}

*html #naviwrap{
margin-right: 10px;
}

#logo
{
margin: 3px 0 0 3px;
width: 195px;
height: 170px;
float: left;
background: url(/inc/testilogo.gif) no-repeat center top;
}

#nav, #nav ul { 
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		border-bottom: 2px solid #cc9999;
        background: #FFF9FA;
		width: 150px
	}

#nav li { 
		position : relative;
		float : left;
		line-height : 20px;
		margin-bottom : 0px;
		width: 150px;
		}
    	
	#nav li ul { 
		position : absolute;
		left: -999em;
		margin-left : 148px;
		margin-top : -22px;
		}
	
    	.eka
        {		
        border-top: 2px solid #cc9999;
       	}

	#nav li a

	{
		display : block;
		color: #336699;
        border-right: 2px solid #cc9999;
        border-left: 2px solid #cc9999;
        font-family: Verdana;
		font-weight: bold;
		font-size: 10px;
		text-decoration: none;
		padding: 0 6px;
	}

	*html #nav li a
	{
	width: 150px
	}

   #nav li a.nuoli {
	    background: url(nuoli.gif) center right no-repeat;
		            }

	#nav li a:hover {
	   color: #3399cc;
       background: #FEECEC;
	   }

		#nav li a:hover.nuoli {
	   color: #3399cc;
       background: #FEECEC url(nuoli.gif) center right no-repeat;
	   	   }

		   		#nav li a:hover.pitkanuoli {
	   color: #3399cc;
       background: #FEECEC url(nuoli.gif) center right no-repeat;
	   	   }

	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}

	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left: auto;
	}

	#nav li a.pitka
	{
	line-height: 12px;
	}

	#nav li a.pitkanuoli
	{
	line-height: 12px;
	background: url(nuoli.gif) center right no-repeat;
	}

	 #navcontainer { width: 200px; }

 #container2 
{ 
padding: 0px; 
border: 2px #cc9999 solid; 
margin-top: 10px; 
background: white; 
overflow: hidden; 
min-width: 650px; 
width: 100%; max-width: 730px;  
margin-left:auto; 
margin-right:auto; 
}

#gallerynav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#gallerynav a

{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}



#gallerynav a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#gallerynav a:hover
{
background-color: #369;
color: #fff;
}

table,td {
		 font-family: Verdana, sans-serif;
		 font-size: 11px;
		 color: #333333;
}

th
 { background-color: #43659c;
   color: #f4f4f4; 
	 text-align: left;
	 padding-left: 5pt;}

.harmaa
  { background-color: #f4f4f4; }

.sini
  { background-color: #43659c;

	  color: #f9fbff; }

.sini a

{

 color: #ffffff;

}		

.tuhti

 { font-family: verdana, garamond, arial;

  font-size: 10px; 

	font-weight: bold;

	color: #cc9999; }

p {

		 font-family: Verdana, sans-serif;

		 font-size: 11px;

		 color: #333333;

}



.title

{
    COLOR: #000099;
		 font-family: Verdana, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    HEIGHT: 20px;
    LEFT: 10px;
    POSITION: absolute;
    TEXT-DECORATION: none;
    WIDTH: 140px;
    Z-INDEX: 10
}

.submenu
{
    BACKGROUND-COLOR: white;
    COLOR: #000099;
		 font-family: Verdana, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    LEFT: 10px;
    POSITION: absolute;
    TEXT-DECORATION: none;
    VISIBILITY: hidden;
    WIDTH: 120px
}

.subtable {
    BACKGROUND-COLOR: white;
    COLOR: #000099;
		border: 1px #cc9999 solid;
		padding: 3px;
		 font-family: Verdana, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    LEFT: 10px;
    POSITION: absolute;
    TEXT-DECORATION: none;
    WIDTH: 120px
		}

a {
		 font-family: Verdana, sans-serif;
	    FONT-SIZE: 10px;
color: #336699;
  TEXT-DECORATION: none;
}

a:hover {
		 font-family: Verdana, sans-serif;
	    FONT-SIZE: 10px;
color: #3399cc;
    TEXT-DECORATION: none;
}

.jalostus

{
border: 1px solid black;
width: 610px;
padding: 3px;
margin: 5px;
background-color: #FFF9FA;
}


#uutiset

{

width: 95%;

clear: none;

border: 1px solid #D0D0D0;

float: left;

margin-right: 1%;

}



.uutiswrapper

{

margin: 2px

}



.uutisdiv

{

border: 1px solid #cc9999;

background-color: #FFF9FA;

margin: 15px 5px 5px 5px;

padding: 3px

}



#nayttelyt

{

border: 1px solid #D0D0D0;

float: left;

width: 48%;

}



#sivunuutiset

{

margin: 5px 0 0 5px

}



* html #nayttelyt

{

width: 49%;

w\idth: 49%;

}



.wrap

{

padding: 0 5px 0 5px;

width: 100%;

}



.spacer

{

clear: both;

height: 0;

}



h1#ajankohtainen

{

margin-right: 5px

}



* html h1#ajankohtainen

{

margin: 0 0 10px 0;

m\argin: 0 0 10px 0

}



.headerak

{

background-color: #FBE9ED;

border-bottom: 1px solid #D0D0D0;

font-weight: bold;

font-size: 15px;

font-family: Arial;

color: #336699;

padding-left: 5px

}



div.thumb

{

margin: 3px;

border: 1px solid #A0ACC0;

height: auto;

float: left;

text-align: center;

background-color: #FFF9FA

}



.thumb img

{

display: inline;

margin: 5px;

border: 1px solid #A0ACC0;

}



.thumb a:hover img {border: 1px solid black;}

.photocattitle {text-align: center; font-weight: bold;} 



.phototitle

{

text-align: center;

font-weight: normal;

width: 110px;

margin: 0 3px 3px 3px;

}



#koko table

{

background-color: #FBE9ED;

border-collapse: collapse;

}



#koko td

{

background-color: #FBE9ED;

border: 1px solid black;

padding: 5px;

}



#galnavcontainer {

width: 160px;

margin: 0 10px 0 5px

}



#galnavcontainer ul

{

margin-left: 0;

padding-left: 0;

list-style-type: none;

font-family: Arial, Helvetica, sans-serif;

}



#galnavcontainer a

{

display: block;

padding: 3px;

width: 160px;

background-color: #FFF9FA;

border-bottom: 1px solid #cc9999;

}



#galnavcontainer a:link, #galnavlist a:visited

{

text-decoration: none;

}



#galnavcontainer a:hover

{

background-color: #FEECEC;

}





.tulos table{

border-collapse: collapse;

border: 1px solid black;

width: 99%;

margin: 0



	}



.tulos td{

border: 1px solid black;

padding: 6px

	}

	

.otsake1 {

text-align: center;

width: 96%;

margin-left: 2%

	}

	

	

.otsake2 {

text-align: center;

width: 96%;

margin-left: 2%

	}

</style>}



b.punainen {

	font-weight: normal;

	font-color: #DE2626;

	color: #DE2626;

}





.treemenu a

{	

	display:block;

	margin-top: 0px;

	margin-left: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	padding-left: 12px;

	padding-right: 12px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12pt;

	font-weight: bolder;

	text-decoration:none;

}



.treemenu a:hover

{

	text-decoration: underline;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12pt;

	font-weight: bolder;

}



ul.treemenu

{

	list-style-type: none;

	margin-top: 15px;

	margin-left: 1em;

	

}





.treemenu .treeopen {

	background-image : url(./img/nuoli_alas1.gif);

	background-repeat : no-repeat;

	background-position : left;

	}		



.treemenu .treeclosed {



	background-image : url(./img/nuoli1.gif);

	background-repeat : no-repeat;

	background-position : left;

	}