body {
	background: url('tausta.jpg') #4e4e4e repeat-x;
	margin: 10px}

.kaikki {
	border: 3px double black;
	width: 850px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15 px;
	float: center}

.kaikki_arkisto {
	border: 1px solid black;
	width: 750px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15 px;
	float: center}

.otsikko {
	width: 850px;
	height: 275px;
	text-align: center;
	background-image: url(Logo.jpg);
	background-color: #99ccff}

.otsikko_arkisto {
	width: 750px;
	height: 243px;
	text-align: center;
	background-image: url(Logo_tapahtumat.jpg);
	background-color: #99ccff;}

.sisalto {
	margin-top: 0px;
	width: 850px;
	float: center;
	text-align: center}

.sisalto_arkisto {
	margin-top: 0px;
	width: 750px;
	float: center;
	text-align: center}
	
.menu {
	margin-top: 0px;
	width: 730px;
	float: center;
	height: 30px;
	padding-left: 120px;
	background-color: #b9d8f8;
	text-align: center}

.keski {
	margin-top: 0px;
	margin-left: 100px;
	text-align: center;
	font: 12px verdana;
	width: 750px;
	float: center;
	background-color: #ffffff;
	padding-top: 3em}

.keski_arkisto {
	margin-top: 0px;
	margin-left: 50px;
	text-align: center;
	width: 680px;
	float: center;
	background-color: #ffffff;
	padding-top: 3em}

.ala {
	margin-top: 0px;
	width: 850px;
	height: 26px;
	background-color: #99ccff;
	color: #ffffff;
	font: 10px verdana;
	text-align: center;
	padding-top: 1em}

.ala_arkisto {
	margin-top: 0px;
	width: 750px;
	height: 26px;
	background-color: #99ccff;
	color: #ffffff;
	font: 10px verdana;
	text-align: center;
	padding-top: 1em}


#floating1 { float: left} 
#floating2 { float: right} 
#notfloating { clear: both; width: 100px; height: 100px; font-size: 16px; background-color: green; }
#center_perus {margin-left: 150px;}
#center_1 {margin-left: 100px;}


a.ploggah {
	background: none transparent scroll repeat 0% 0%;
	font: 12px verdana;
	color: #0000ff;
	text-decoration:none}
a.ploggah:link {color: #0000ff}
a.ploggah:visited {color: #0000ff}
a.ploggah:active {color: #0000ff}
a.ploggah:hover {color: #666666; text-decoration:underline}

a.ploggah_pieni {
	background: none transparent scroll repeat 0% 0%;
	font: 10px verdana;
	color: #000000;
	text-decoration:none}
a.ploggah_pieni:link {color: #000000}
a.ploggah_pieni:visited {color: #000000}
a.ploggah_pieni:active {color: #000000}
a.ploggah_pieni:hover {color: #666666; text-decoration:underline}


a.linkit {
	background: none transparent scroll repeat 0% 0%;
	font: 12px verdana;
	color: #000000;
	text-decoration:none}
a.linkit:link {color: #000000}
a.linkit:visited {color: #000000}
a.linkit:active {color: #000000}
a.linkit:hover {color: #63b1fe; text-decoration:underline}

a.ploggah_linkit {
	background: none transparent scroll repeat 0% 0%;
	font: 12px verdana;
	color: #000000;
	text-decoration:none}
a.ploggah_linkit:link {color: #000000}
a.ploggah_linkit:visited {color: #000000}
a.ploggah_linkit:active {color: #000000}
a.ploggah_linkit:hover {color: #63b1fe; text-decoration:underline}



P {font: 12px verdana}
H3 {font: bold 18px verdana; color: #000000; text-align: left}
H4 {font: bold 12px verdana; color: #000000; text-align: left}

table.center {
	margin-left: auto;
	margin-right: auto;
	font: 12px verdana}

td {
	font: 12px verdana; 
	text-valign: bottom}

td.perus {
	font: 12px verdana;
	text-align: left;
	vertical-align: top}

td.perus_pieni {
	font: 10px verdana;
	text-valign: bottom}

td.center {
	font: 12px verdana;
	text-align: center;
	vertical-align: top}

td.harmaa {
	background: #c0c0c0;
	font: 12px verdana;
	text-align: left}
	
td.harmaa_kehys {
	background: #c0c0c0;
	border: 1px solid black;
	font: 12px verdana;
	text-align: left}
	
td.kuvat {
	font: 12px verdana;
	text-align: center}
	
td.rodut {
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	font: 11px verdana}

td.arkisto {
	font: 12px verdana;
	text-valign: bottom; 
	padding-left: 0px;
	padding-right: 20px}

td.arkisto_otsikko {
	font: 12px verdana;
	text-valign: bottom; 
	padding-left: 0px;
	padding-right: 20px;
	border-top: 1px dotted black}

td.tapahtumat {
	font: 12px verdana; 
	padding-left: 20px;
	padding-right: 20px}
	

	

TR {text-align: left}
textarea {font: 12px verdana}
input {font: 12px verdana}




/* ######### MENUJEN TYYLIT  ######### */

.ddsmoothmenu{
background: #b9d8f8; /*background of menu bar (default state)*/
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
height: 30px; /*width of sub menus*/
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #b9d8f8; /*background of menu items (default state)*/
color: #000000;
padding: 8px 8px;
font: bold 11px Verdana;
border-right: 0px solid #778;
text-decoration: none;
}


* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #99ccff; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: #99ccff; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: bold 11px Verdana;
width: 120px; /*width of sub menus*/
text-align: left;
text-valign: center;
padding-left: 8px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
float: left;
background: #999999;
color: white;
}



/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}