body {
	
background-image: url(osat/v4_tausta.jpg);
	
background-color: #0d0d0d;
	
margin-top: 0px;
	
margin-bottom: 0px;
	
color: #CAC0B4;

}


table#kaikki td { 
vertical-align:
 top; 
}



div#alku {
		background-image: url(pic/ypalkki.gif);

	       background-repeat: no-repeat;

	                  height: 102px;

	                   width: 500px;

}

div#valikko {
			  height: 104px;
			  
			   width: 500px;
	
	        background-image: url(pic/vpalkki.gif);

	       background-repeat: no-repeat;

}

table#kaikki {
		background-image: url(pic/palkki_tile.gif);

}

div#intro {
		     padding-top: 0px;

	        background-image: url(pic/palkki.gif);

	       background-repeat: no-repeat;

}

h2 {
		      margin-top: 25px;

	           margin-bottom: 20px;

		           color: white;

	             font-family: Times;

	               font-size: 12px;

	              text-align: center;

	          text-transform: uppercase;

 	          letter-spacing: 2px;

	                  border: solid 1px white;

	            border-width: 0px 0px 1px 0px;
	
}

p, div#intro td, h3 {
	 	     font-family: Tahoma, Arial, Helvetica, sans-serif;

	               font-size: 11px;

	             line-height: 16px;

	                   color: #CAC0B4;

}

h3 { 			   color: white;
		      text-align: center; 
		      margin-top: 30px; 
}

p { 		      margin-top: 5px; 
		   margin-bottom: 15px; }




h1 {
	

		   margin-bottom: 10px;

	 	     font-family: Times, serif;

	font-weight: normal;

	font-size: 22px;

	text-transform: capitalize;

	letter-spacing: 4px;

	color: white;

	text-align: center;

}


h1:first-letter { font-size: 27px; }


a:link, a:visited { 
	color: #867f40; 
	text-decoration:none; 
	font-family: Times, serif;
	font-size: 10px;}

afirst {
	margin-bottom: 0px;


	font-family: Times, serif;

	font-weight: normal;

	font-size: 14px;

	text-transform: capitalize;

	letter-spacing: 1px;

;

}



otsikko { 
	color: #aaa474; 
	text-decoration:none; 
	font-weight: bold;
	font-family: Times, serif;
	font-size: 12px;
	}


ofirst {
	margin-bottom: 0px;


	font-family: Times, serif;

	font-weight: bold;

	font-size: 17px;

	text-transform: capitalize;

	letter-spacing: 1px;


;

}






a:hover, a:active { color: white; }


hr { color: #19130D; margin-top: 6px; margin-bottom: 6px;   }


html>body hr { height: 1px; background-color: #240502; margin-top: 12px; margin-bottom: 12px; }


div#valikko span { display: none; }

div#valikko a { display: block; height: 21px; float: left; }





.popupLink { COLOR: black; outline: none }


.popup { 
		POSITION: absolute; 
	      VISIBILITY: hidden; 
        BACKGROUND-IMAGE: url(./pic/bgpalikka2.gif);

                   width: 300; 
             BORDER-LEFT: 1px solid black; 
              BORDER-TOP: 1px solid black; 
           BORDER-BOTTOM: 1px solid black; 
            BORDER-RIGHT: 1px solid black; 
          PADDING-BOTTOM: 10px;
	    PADDING-LEFT: 10px;
	   PADDING-RIGHT: 10px;
                 z-index: 10
}

.list { 
		POSITION: absolute; 
	      VISIBILITY: hidden; 
        BACKGROUND-IMAGE: url(./pic/bgpalikka2.gif);

                   width: 420; 
             BORDER-LEFT: 1px solid black; 
              BORDER-TOP: 1px solid black; 
           BORDER-BOTTOM: 1px solid black; 
            BORDER-RIGHT: 1px solid black; 
          PADDING-BOTTOM: 20px;
	    PADDING-LEFT: 20px;
	   PADDING-RIGHT: 10px;
                 z-index: 10
}

div#kirjoite
	{
	width: 160px;
	padding-left: 50px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	font-family: "Verdana", Arial;
	font-size: 11px;
	text-align: left;
	color: #9c9a88;
	}
div#pvm
	{
	width: 100px;
	padding-left: 260px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	font-family: "Verdana", Arial;
	font-size: 9px;
	color: #9c9a88;
	}
div#writer
	{
	width: 100px;
	padding-left: 180px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	font-family: "Verdana", Arial;
	font-size: 9px;
	color: #9c9a88;
	}
input 
	{ 
	color:#4B4B4B; 
	font: 10px verdana; 
	font-weight: none; 
	text-decoration: none; 
	background: #E1DFDF; 
	border: 1 solid #9c9a88; 
	}
textarea 
	{ 
	color:#4B4B4B; 
	font: 10px verdana; 
	font-weight: none; 
	text-decoration: none; 
	background: #E1DFDF; 
	border: 1 solid #9c9a88; } 


#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;
}

#dragbar{
cursor: hand;
cursor: pointer;
BACKGROUND-IMAGE: url(./pic/bgpalikka2.gif);
min-width: 300px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}