/* CSS for Rami Rekola's main menu */

html, body 
  {
  margin: 0px;
  padding: 0% 0px 0% 0px;
  background: #000000 url("MenuBack.jpg") no-repeat fixed;
  }


/* Main menu area */

#menuarea {
  position: fixed; 
  top: 0px; 
  left: 0px; 
  width: 174px;
  margin-top: 8px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 0;
  border: 0px none;
}


/* Main menu */

ul.menu {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

ul.menu li {
  margin-bottom: 4px;
  padding: 0px;
  border: 1px #990000 solid;
  display: list-item;
  list-style-type: none;
}

ul.menu a {
  display: block;
  width: 100%;
  height: auto;
  padding: 0.3em 0em 0.3em 0.5em;
  text-decoration: none;
  color: #ffcc00;
  line-height: 1em;
  font-weight: bolder;
}

html>body ul.menu a {
  width: auto;
}

ul.menu a:visited {
  color: #ffcc00;
}

ul.menu a:hover {
  background-color: #cccccc;
  color: #333333;
}

/* basics */

p.menu 
  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  text-align: left; 
  color: #FFFFFF;
  margin: 0px 0px 0px 0px; 
  }

p.menu a:link
  {
  color: #FFFF00;
  text-decoration: none;
  }

p.menu a:visited
  {
  color: #FFFF00;
  text-decoration: none;
  }

.backwards 
  {
  unicode-bidi: bidi-override; 
  direction: rtl; 
  color: #000000;
  }

img 
  {
  border-style: none;
  }