.top {
	  background-image:url(images/bg_top.gif);
	  background-repeat: repeat-x;
	  text-align:center; 
	  background-position: center bottom
      }

.top_o {
	  background-image:url(images/top_o.gif);
	  background-repeat: no-repeat;
	  background-position: right bottom;
	  width:85px
      }

.top_v {
	  background-image:url(images/top_v.gif);
	  background-repeat: no-repeat;
	  background-position: left bottom;
	  width:85px
      }

.reuna_o {
	  background-image:url(images/bg_oik.gif);
	  background-repeat: repeat-y;
	  background-position: right top;
	  text-align:right; 
	  background-color: #5C0000; 
	  width: 20px
      }

.reuna_v {
	  background-image:url(images/bg_main.gif);
	  background-repeat: repeat-y;
	  width:224px
; text-align: left
      }

.content_r {
	  background-color: #5C0000;
	  background-image: url(images/puna_oik.gif);
	  background-repeat: repeat-y;
	  background-position: right top; width: 26px
      }

.content_l {
	  background-color: #CC0000;
	  background-image: url(images/puna_vas.gif);
	  background-repeat: repeat-y;
	  background-position:left top;
      }

.content_top {
	  background-image: url(images/puna_top.gif);
	  background-repeat: repeat-x;
	  background-position: center top;
; background-color: #5C0000
      }

.content_holder {
	  background-color: #5C0000;
	  background-image: url("images/grad.gif");
	  background-repeat: repeat-x;
	  background-position: middle top;
; text-align: center
      }

.menuholder {
	  text-align: middle; margin-top: 3px; margin-right: auto; margin-left: auto
	  }

.submenu {
	  background-image: url(images/submenu_bg.gif);
	  background-repeat: repeat-x;
	  width:400px;
	  vertical-align:middle; 
	  background-position: center top
	  }

.galleriaotsikko {
	  font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:12px;
      font-weight:bold;
	  color: #FFFF99;
	  vertical-align:middle;
      }

.nappi_k {
	color:#FFFF99;
	font-size:10px;
	background-image: url(images/nappi_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center; vertical-align: middle; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; 
	padding-right: 4px; padding-left: 4px; 
	height: 28px
	}

.nappi_v {
	color:#FCC;
	font-size:9px;
	width:10px;
	padding:0;
	margin:0;
	background: url(images/nappi_v.gif) no-repeat left top;
	}
	
.nappi_o {
	color:#FCC;
	font-size:9px;
	width:9px;
	align:right;
	padding:0;
	margin:0;
	background: url(images/nappi_o.gif) no-repeat right top;
	}

.nappi2_k {
	color:#FFFF99;
	font-size:10px;
	background-image: url(images/nappi2_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center; vertical-align: middle; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	text-transform: uppercase; 
	text-decoration: none;
	height: 28px
	}

.nappi2_v {
	color:#FCC;
	font-size:9px;
	width:10px;
	padding:0;
	margin:0;
	background: url(images/nappi2_v.gif) no-repeat left top;
	}
	
.nappi2_o {
	color:#FCC;
	font-size:9px;
	width:9px;
	align:right;
	padding:0;
	margin:0;
	background: url(images/nappi2_o.gif) no-repeat right top;
	}

	
.galleriamenu {
	color:#FFFF99;
	font-size:9px;
	height:28px;
	margin-bottom: 7px; 
	background-color: #CC0000
	}
	
.gall_head1 {
	width:70px;
	text-align:center;
	vertical-align:middle;
	background: url(images/nappi_bg.gif) repeat-x center top;
	}
	
.gall_head2 {
	width:90px;
	text-align:center;
	vertical-align:middle;
	background-image: url(images/nappi_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	}
	
.navi {
	background:#FFFF99;
	border-width:0

	}

a.navi {
	background:#FFFF99; 
	text-decoration: none

	}


a.navi:hover{
	background:#330000; 
	text-decoration: none

	}

.galleriaotsikko_v {
	background: url(images/galleria_otsikko.gif) no-repeat left top;
	font-size: 12px; 
	font-weight: bold; 
	width:15px
	}
	
.galleriaotsikko_o {	
	background: url(images/galleria_otsikko.gif) no-repeat right top;
	font-size: 12px; 
	font-weight: bold; 
	width:15px
	}
	
.galleriaotsikko {	
	text-align: center;
	font-size: 12px; 
	font-weight: bold;
	height:60px; 
	width: 378px; 
	letter-spacing: normal
; background-image: url(images/galleria_otsikko_bg.gif)
; background-repeat: repeat-x
	}



    #galleriaotsikko ul {
      margin:0;
      padding:0;
      list-style:none;

      }
    #galleriaotsikko li {
      float:left;
      background:url("images/menu_otsikko_o.gif") no-repeat right top;
      margin:0;
      padding:0;
      }
    #galleriaotsikko a {
      float:left;	
      display:block;
      background:url("images/menu_otsikko_v.gif") no-repeat left top;
      padding:20px 25px 25px 25px;
      }

	  
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#galleriaotsikko b {float:none;}
	/* End IE5-Mac hack */

    #galleriatiedot {
      float:left;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      font-weight:bold;
      text-transform:uppercase;
	  color: #FFC;
      line-height:normal;
	  background:url("images/nappi_bg.gif") repeat-x middle top;
      }

    #galleriatiedot ul {
      margin:0;
      padding:0;
      list-style:none;

      }
    #galleriatiedot li {
      float:left;
      background:url("images/nappi_o.gif") no-repeat right top;
      margin:0;
      padding:0;
      }
    #galleriatiedot a {
      float:left;
      display:block;
      background:url("images/nappi_v.gif") no-repeat left top;
      padding:8px 15px 15px 15px;
      }
	  
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#galleriatiedot a {float:none;}
	/* End IE5-Mac hack */
	
	.pystybanneri {  
	  width: 140px; 
	  height: 140px;
	  vertical-align: middle;
	  text-align: center
; color: #00FF00
; padding-top: 12px; padding-left: 48px
; background-image: url(images/bg_main.gif)
	}
	
	.vaakabanneri { 
	  width: 468px; 
	  margin-left: 3px; 
	  background-color: #009900; 
	  height: 60px; 
	  vertical-align: middle
	
	}
	
.input {  
		background-color: #BB0000; 
		border-color: #660000 #FF0000 #FF0000 #660000;
		
		SCROLLBAR-FACE-COLOR: #CC0000;
		SCROLLBAR-HIGHLIGHT-COLOR: #CC0000;
		SCROLLBAR-SHADOW-COLOR: #CC0000;
		SCROLLBAR-3DLIGHT-COLOR: #FF0000;
		SCROLLBAR-ARROW-COLOR:  #330000;
		SCROLLBAR-TRACK-COLOR: #990000;
		SCROLLBAR-DARKSHADOW-COLOR: #330000; 
		font-family: Arial, Helvetica, sans-serif; 
		color: #FFFF99; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px; 
		vertical-align: middle; 
		font-size: 11px; 
		letter-spacing: 1px
; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-right: 2px; padding-left: 2px
		
		}
.button {  
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px; font-weight: bold; 
		color: #FFFF99; background-color: #CC0000; 
		text-transform: uppercase; 
		border: 1px solid; 
		border-color: #FF0000 #660000 #660000 #FF0000; 
		height: 20px; 
		margin-top: 0px; 
		margin-right: 0px; 
		margin-bottom: 0px; 
		margin-left: 0px; 
		padding-top: 0px; 
		padding-right: 0px; 
		padding-bottom: 0px; 
		padding-left: 0px; 
		vertical-align: top; 
		letter-spacing: normal; 
		width: 60px
		}

.rajattu {  
		border-color: #660000 #FF0000 #FF0000 #660000; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px
		}

.rivi { 
		border-color: #FF0000 #660000 #660000 #FF0000; 
		margin-top: 0px; 
		margin-right: 0px; 
		margin-bottom: 0px; 
		margin-left: 0px; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px; 
		padding-top: 4px; 
		padding-right: 4px; 
		padding-bottom: 4px; 
		padding-left: 4px; 
		background-color: #CC0000
; font-size: 11px; letter-spacing: 1px
		}

.rivi2 { 
		border-color: #FF0000 #660000 #660000 #FF0000; 
		margin-top: 0px; 
		margin-right: 0px; 
		margin-bottom: 0px; 
		margin-left: 0px; 
		border-style: solid; 
		border-width: 1px;
		padding-top: 4px; 
		padding-right: 4px; 
		padding-bottom: 4px; 
		padding-left: 4px; 
		background-color: #CC0000
		}

.foorumi_otsikot {  
		text-transform: uppercase; 
		color: #FFFF99; 
		font-size: 10px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		background-color: #990000; 
		border-color: #330000 #330000 #330000 #990000; 
		background-image: url(images/grad_sm.gif); 
		font-weight: bold; 
		border-style: solid; 
		border-top-width: 0px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px; 
		letter-spacing: normal; 
		padding-top: 5px; 
		padding-right: 5px; 
		padding-bottom: 5px; 
		padding-left: 5px; 
		background-repeat: repeat-x
; vertical-align: middle
		}
		
.mainTable { 
		width:718px; 
		margin-right: auto; 
		margin-left: auto; 
		margin-top: 15px
		}
		
.naviOver { 
		background:#660000; 
		border-width:0 
		}
		
.elementTop {  
		background-image: url(images/pala_top.gif); 
		height: 14px; 
		background-repeat: no-repeat; 
		border-color: black black #660000; 
		text-align: center; 
		vertical-align: bottom; 
		border-style: solid; 
		border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 0px; 
		border-left-width: 0px
; width: 410px
		}
		
.elementBottom { 
		background-image: url(images/pala_end.gif); 
		height: 16px; 
		background-repeat: no-repeat; 
		border-color: #66FFFF black black; 
		background-position: center bottom; 
		padding-top: 5px; 
		border-style: solid; 
		border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 0px; 
		border-left-width: 0px
; font-size: 9px; line-height: 2px
		}
		
.elementBody {  
background-image: url(images/pala_bg.gif); background-repeat: repeat-y
; margin-right: auto; margin-left: auto
; text-align: center
		}
		
.rajattu2 { 
		border-color: #FF0000 #660000 #660000 #FF0000; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px
		}
		
.elementHeader {  
		height: 40px; 
		margin-top: 9px; 
		margin-right: auto; 
		margin-bottom: 6px; 
		width: 391px; 
		margin-left: auto
		}
		
.elementRight {  
padding-left: 8px
		}
		
.elementLeft { 
		border-color: #FF0000 #660000 #660000 #FF0000; 
		padding-right: 8px; 
		border-style: solid; 
		border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 0px; 
		border-left-width: 0px
; width: 182px
		}
		
a.nappi {  
		color: #FFFF99; 
		text-decoration: none
; font-family: Verdana, Arial, Helvetica, sans-serif
; font-weight: bold
; letter-spacing: normal
; font-size: 10px
		}
		
a.nappi:hover {  
		color: #FFFFCC; 
		text-decoration: none
		}
		
.otsikko_k { 
		color:#FFFF99; 
		font-size:12px; 
		background-image: url(images/otsikko_bg.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
		text-align: center; 
		vertical-align: middle; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		text-transform: uppercase; 
		text-decoration: none; 
		height: 40px
		
		}
.otsikko_o { 
		width:12px; 
		align:right; 
		background-image: url(images/otsikko_o.gif);
		background-repeat: no-repeat;
		background-position: right bottom; 
		}
		
.otsikko_v { 
		width:12px; 
		padding:0 0; 
		margin:0 0; 
		background-image: url(images/otsikko_v.gif); 
		background-repeat: no-repeat; 
		background-position: left bottom; 
		}
		
.viesti {  
		padding-top: 10px; 
		padding-right: 10px; 
		padding-bottom: 10px; 
		padding-left: 10px; 
		border-color: #FF0000 #990000 #990000; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px
; background-color: #CC0000
; font-size: 11px
		}

.nappi {  }
		
a.nappi:visited { 
		color: #FFFF99; 
		text-decoration: none 
		}
		
a.nappi:active { 
		color: #FFFF99; 
		text-decoration: none 
		}
		
.elementContents { 
width: 386px
; margin-right: auto; margin-left: auto
		}
		
.rajattu3 { 
		border-color: #660000 #CC0000 #CC0000 #660000; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px
		}
		

.input2 { 
		SCROLLBAR-FACE-COLOR: #CC0000; 
		SCROLLBAR-HIGHLIGHT-COLOR: #CC0000; 
		SCROLLBAR-SHADOW-COLOR: #CC0000; 
		SCROLLBAR-3DLIGHT-COLOR: #FF0000; 
		SCROLLBAR-ARROW-COLOR: #330000; 
		SCROLLBAR-TRACK-COLOR: #990000; 
		SCROLLBAR-DARKSHADOW-COLOR: #330000; background-color: #CC0000
		}
		
.button2 { 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px; 
		font-weight: bold; 
		color: #FFFF99; 
		background-color: #660000; 
		text-transform: uppercase; 
		border: 1px solid; 
		border-color: #990000 #330000 #330000 #990000; 
		height: 20px; 
		margin-top: 0px; 
		margin-right: 0px; 
		margin-bottom: 0px; 
		margin-left: 0px; 
		padding-top: 0px; 
		padding-right: 3px; 
		padding-bottom: 0px; 
		padding-left: 3px; 
		vertical-align: middle; 
		letter-spacing: normal 
		}
.topSpace {  background-image: url(images/grad.gif); background-repeat: repeat-x; background-color: #5C0000; background-position: left top; text-align: center; vertical-align: top}
td.mainTable { width:718px; margin-right: auto; margin-left: auto; margin-top: 15px ; background-color: #5C0000; background-image: url(images/bg_main.gif); background-repeat: repeat-y}
.content_bottom { background-image: url(images/puna_ala2.gif); background-repeat: repeat-x; background-position: center top; }
.galleryRight {  width: 280px; padding-left: 8px}
.galleryName { color:#FFFF99; font-size:9px; background-image: url(images/nappi_bg.gif); background-repeat: repeat-x; background-position: left top; text-align: center; vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; padding-right: 4px; padding-left: 4px; height: 28px ; width: 280px}
.galleryKuvaus {  padding-left: 5px; padding-right: 5px; margin-top: 4px}
.teaserPic {  margin-top: 0px; margin-right: 4px; margin-bottom: 4px; margin-left: 0px; border-color: #660000 #FF0000 #FF0000 #660000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.teaserLeft {  width: 200px}
.teaserRight { }
.contentArea {  text-align: center; padding-left: 6px; background-color: #CC0000}
.login {  vertical-align: bottom; padding-bottom: 6px}
.teaserBottomLeft {  width: 195px; padding-right: 5px; padding-top: 10px}
.teaserName { color:#FFFF99; font-size:12px; background-image: url(images/otsikko_bg.gif); background-repeat: repeat-x; background-position: left bottom; text-align: center; vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; height: 40px ; width: 380px; letter-spacing: normal}
.nosto_bottom { background-image: url(img_etu/nosto_bot.gif); background-repeat: repeat-x; background-position: center top; }
.nosto_top { background-image: url(img_etu/nosto_top.gif); background-repeat: repeat-x; background-position: center top; }
.nosto_right {  background-image: url(img_etu/nosto_r.gif)}
.submenu_a {  background-image: url(images/submenu_a.gif); background-repeat: repeat-x}
.content2 {  background-color: #CC0000; text-align: center}
.dropDown { background-color: #BB0000; border-color: #660000 #FF0000 #FF0000 #660000; SCROLLBAR-FACE-COLOR: #CC0000; SCROLLBAR-HIGHLIGHT-COLOR: #CC0000; SCROLLBAR-SHADOW-COLOR: #CC0000; SCROLLBAR-3DLIGHT-COLOR: #FF0000; SCROLLBAR-ARROW-COLOR: #330000; SCROLLBAR-TRACK-COLOR: #990000; SCROLLBAR-DARKSHADOW-COLOR: #330000; font-family: Arial, Helvetica, sans-serif; color: #FFFF99; vertical-align: middle; font-size: 11px; letter-spacing: 1px ; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.elementContents2 { width: 200px; margin-right: auto; margin-left: auto ; border-color: #660000 #FF0000 #FF0000 #660000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.galleryRight2 { border-color: #FF0000 #660000 #660000 #FF0000; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.galleryLeft2 { width: 1px; border-color: #FF0000 #660000 #660000 #FF0000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px}
.galleryName2 { text-transform: uppercase; color: #FFFF99; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #990000; border-color: #330000 #330000 #330000 #990000; background-image: url(images/grad_sm.gif); font-weight: bold; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; letter-spacing: normal; background-repeat: repeat-x ; vertical-align: middle ; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px }

