body,
html{
	margin:8;
	padding:0;
	}
body,
html{
	font-family: Sans-serif;
	font-weight: Bold;
	color: #ffffff;
	background-image: none; 
	background-color: #000000;
	background-attachment: fixed
}
h1,
h2 {
	padding:0;
	margin:0;
}
h1 {
	font-size:1.8em;
	padding-top:5px;
}
h2 {
	font-size:1.2em;
	padding-top:1em;
	margin-top:0;
}
p {
	margin-bottom:0;
	font-size:1.0em;
	line-height:1.2em;
}
td {
	margin-bottom:0;
	font-size:1.0em;
	line-height:1.2em;
}
b {
	margin-bottom:0;
	font-weight: bold;
	font-size:0.9em;
	line-height:1.2em;
}
cite {
	font-size:0.75em;
	line-height:1.0em;
}
ul {
	font-size:0.9em;
	line-height:1.2em;
}
.housebutton { 
text-align: center; 
margin-bottom: 1px; 
margin-top: 1px; 
}
.housebutton a { 
padding: 2px; 
text-decoration: none; 
width: 94%; 
display: block; 
color: #ebebeb; 
background-color: #171717; 
border-top: 1px #fafafa solid; 
border-left: 1px #fafafa solid; 
border-bottom: 1px #7a7a7a solid; 
border-right: 1px #7a7a7a solid; 
}
.housebutton a:hover { 
background-color: #8d909f; 
border-top: 1px #7a7a7a solid; 
border-left: 1px #7a7a7a solid; 
border-bottom: 1px #fafafa solid; 
border-right: 1px #fafafa solid;
} 

.mousebutton { 
text-align: center; 
margin-bottom: 1px; 
margin-top: 1px; 
}
.mousebutton a { 
padding: 2px; 
text-decoration: none; 
width: 194px; 
display: block; 
color: #ebebeb; 
background-color: #171717; 
border-top: 1px #fafafa solid; 
border-left: 1px #fafafa solid; 
border-bottom: 1px #7a7a7a solid; 
border-right: 1px #7a7a7a solid; 
}
.mousebutton a:hover { 
background-color: #8d909f; 
border-top: 1px #7a7a7a solid; 
border-left: 1px #7a7a7a solid; 
border-bottom: 1px #fafafa solid; 
border-right: 1px #fafafa solid;
} 

#photoholder {
  width:1000px;
  height:150px;
  background:#fff url('lataa.gif') 50% 50% no-repeat;
}
#thephoto {
  width:1000px;
  height:150px;
}



#map {
          margin:0;
          padding:0;
          width:757px;
          height:575px;
          background-color: #000000;
          font-family:arial, helvetica, sans-serif;
          font-size:10pt;
          font-color: #000000;
          text-decoration: none;
}
#map li {
          margin:0;
          padding:0;
          list-style:none;
}
#map li a {
          position:absolute;
          display:block;
          /*
         Specifying a background image
             (a 1px by 1px transparent gif)
             fixes a bug in older versions of
             IE that causeses the block to not
             render at its full dimensions.
          */
          background:url(blank.gif);
      }
#map li a span { display:none; }
#map li a:hover span {
          position:relative;
          display:block;
          width:200px;
          left:20px;
          top:20px;
          padding:5px;
          border:1px solid #000;
          background:#fff;
          text-decoration:none;
          color:#000;
          filter:alpha(opacity=80);
          opacity:1.0;
}
#map a.jt {
    top:80px;
    left:0px;
    width:350px;
    height:400px;
}
#map a.ivko {
    top:80px;
    left:400px;
    width:350px;
    height:400px;
}
#map {
          margin:0;
          padding:0;
          width:600px;
          height:454px;
          background-color: #000;
          font-family:arial, helvetica, sans-serif;
          font-size:20pt;
          text-decoration: none;
}
#map li {
          margin:0;
          padding:0;
          list-style:none;
}
#map li a {
          position:absolute;
          display:block;
          /*
         Specifying a background image
             (a 1px by 1px transparent gif)
             fixes a bug in older versions of
             IE that causeses the block to not
             render at its full dimensions.
          */
          background:url(blank.gif);
      }
#map li a span { display:none; }
#map li a:hover span {
          position:relative;
          display:block;
          width:200px;
          left:20px;
          top:20px;
          padding:5px;
          border:1px solid #000;
          background:#fff;
          text-decoration:none;
          color:#000;
          filter:alpha(opacity=80);
          opacity:0.8;
}
#map a.kreeta {
    top:210px;
    left:15px;
    width:130px;
    height:50px;
}
#map a.karpathos {
    top:180px;
    left:150px;
    width:30px;
    height:40px;
}
#map a.rodos {
    top:150px;
    left:175px;
    width:40px;
    height:30px;
}
#map a.kos {
    top:130px;
    left:140px;
    width:30px;
    height:20px;
}
#map a.lesbos {
    top:20px;
    left:60px;
    width:40px;
    height:30px;
}
#map a.khios {
    top:50px;
    left:80px;
    width:30px;
    height:40px;
}
#map a.samos {
    top:80px;
    left:120px;
    width:30px;
    height:20px;
}
#map a.ikaria {
    top:90px;
    left:90px;
    width:30px;
    height:25px;
}
#map a.kypros {
    top:130px;
    left:370px;
    width:100px;
    height:120px;
}
#map a.turkki {
    top:0px;
    left:170px;
    width:330px;
    height:120px;
}
#map a.syyria {
    top:110px;
    left:510px;
    width:90px;
    height:40px;
}
#map a.libanon {
    top:160px;
    left:520px;
    width:30px;
    height:70px;
}
#map a.israel {
    top:280px;
    left:475px;
    width:50px;
    height:30px;
}
#map a.pa {
    top:275px;
    left:530px;
    width:30px;
    height:25px;
}
#map a.jordania {
    top:290px;
    left:570px;
    width:30px;
    height:140px;
}
#map a.egypti {
    top:350px;
    left:120px;
    width:400px;
    height:100px;
}
#malva {
          margin:0;
          padding:0;
          width:500px;
          height:859px;
          background-color: #000;
          font-family:arial, helvetica, sans-serif;
          font-size:10pt;
          text-decoration: none;
}
#malva li {
          margin:0;
          padding:0;
          list-style:none;
}
#malva li a {
          position:absolute;
          display:block;
          /*
         Specifying a background image
             (a 1px by 1px transparent gif)
             fixes a bug in older versions of
             IE that causeses the block to not
             render at its full dimensions.
          */
          background:url(blank.gif);
      }
#malva li a span { display:none; }
#malva li a:hover span {
          position:relative;
          display:block;
          width:200px;
          left:20px;
          top:20px;
          padding:5px;
          border:1px solid #000;
          background:#fff;
          text-decoration:none;
          color:#000;
          filter:alpha(opacity=80);
          opacity:0.8;
}
#malva a.taksoni {
    top:10px;
    left:50px;
    width:180px;
    height:25px;
}
#malva a.nimet {
    top:520px;
    left:15px;
    width:170px;
    height:50px;
}
#malva a.kuvaus {
    top:575px;
    left:15px;
    width:170px;
    height:250px;
}
#malva a.tietoa {
    top:550px;
    left:220px;
    width:270px;
    height:140px;
}
#malva a.levinneisyys {
    top:690px;
    left:250px;
    width:200px;
    height:140px;
}