/*
 * Style sheet for Tuorla Observatory menus 
 * by Rami T. F. Rekola - 10 July 2008 
 */

/* Bring in some special rules for IE5.0/Win to work around
   more CSS bugs than should be legal. */

@media tty {
	i{content:"\";/*" "*/}}; @import 'IE5layout.css'; {;}/*";}
}/*  */

body 
  {
  background-color: #ffffff; 
  margin: 0px;
  font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
  }

#colorfill 
  {                                             /* na */
  position: absolute;                           /* na */
  top: 21px;                                    /* na */
  width: 700px;                                 /* na */
  height: 155px;                                /* na */
  /* Faculty color */
/*  background: #00004B; */                         /* na */
  }

#top 
  { 
  position: relative; 
  top: 0px; 
  left: 0px; 
  background-color: #ffffff;
/*  background-image: url(/img/bg_top.jpg); 
  background-repeat: repeat-x; */
  height: 183px; 
  margin: 0px; 
  } 

#header 
  {
  position: relative;
  height: 170px;
/*  top: 0px; 
  left: 0px; 
  margin: 0px; */
  margin-left: 5%;
  margin-right: 5%; 
  margin-top: 0px;
  margin-bottom: 0px;
/*  background-image: url(/img/hdrimg_main_high.jpg); */
/*  background-position: 215px 100%; */
  background-position: 215px 8px; 
  background-repeat: no-repeat;
  }

#header-text 
  {
  position: absolute;
  width: 100%; 
/*  height: 100%; */
  height: 120px; 
/*  background-image: url(/img/TuorlaLogo.png) !important; 
  background-image: url(/img/TuorlaLogo.gif); */
  background-position: bottom right;
  background-repeat: no-repeat; 
  }

#ty-logo 
  {
  position: absolute; 
  z-index: 2; 
  top: 21px;
/*  margin-left: 0px; */
  margin-left: 5%; 
  }

#contact-info 
  {
  position: absolute;
  width: 100%; 
  right: 2px;
  bottom: 5px;
/*  top: 0px;
  right: 2px;
  height: 60px;
  z-index: 3; */
  /* Align needed for IE5/Mac. */
  text-align: right;
  }

#contact-info p 
  {
  position: absolute; 
  right: 0px;
  bottom: 5px;
  margin: 0;
  padding: 0; 
  font-size: 10px;
  color: #707070;
  margin-left: 260px; 
  /* Explicit width needed for IE5/Mac. */
  width: 100%;
  }

#bottom 
  {
  margin-left: 5%;
  margin-right: 5%;
  }

#navi-area 
  {
  float: left;
  width: 212px !important;
  width: 206px;
  margin-left: 0%;
  margin-right: 0%;
  padding: 0px;
  border: 0px none;
/*  font-size: 12px; */
  }

#navipath 
  {
  position: relative;
  top: 0px;
  padding-left: 215px;                          /* na */
  line-height: 0.9em;
  margin-left: 5%;
  margin-right: 5%;
  padding-top: 4px;
  font-size: 10px;
  }

#navipath p 
  {
  margin: 0;
  padding: 0;
  }

#navipath a 
  {
  color: #464646;
  text-decoration: none;
  }

#navipath a:hover 
  {
  color: #0f5e7e;
  text-decoration: underline;
  }

ul.menu 
  {
  margin: 0;
  padding: 0;
  }

ul.menu li 
  {
  margin-bottom: 4px;
  padding: 0px;
  border: 1px #464646 solid;
  background-color: #e4e4e4;
  display: list-item;
  list-style-type: none;
  list-style-position: outside;
  }

ul.menu a 
  {
  display: block;
  width: 100%;
  height: auto;
  padding: 0.2em 0.5em !important;
  padding: 0.2em 0em 0.1em 0.5em;
  text-decoration: none;
  color: black;
  line-height: 1em;
  font-weight: normal;
  }

ul.menu a:visited
  {
  color: black; 
  }

ul.menu a:hover
  {
  background-color: #cecece; 
  text-decoration: none;
  }

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

p 
  {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 12px; 
  }

.storydate
  {
  font-size: 11px;
  text-align: left;
  vertical-align: top;
  margin-bottom: 5px; 
  }

.stories
  {
  font-size: 11px;
  text-align: left;
  vertical-align: top;
  }

#search 
  {
  position: absolute; 
  right: 0px;
  bottom: 28px;
  }

#search ul 
  {
  list-style-type: none;
  font-size: 11px;
  display: inline;
  margin: 0px;
  padding: 0px;
  line-height: 1.5em;
  }

#search ul li 
  {
  margin: 0;
  padding-left: 25px;
  float: left;
  display: list-item;
  list-style-type: none;
  list-style-position: outside;
/*  background: url(/images/arrowbullet.gif) no-repeat 15px 5px; */
  }

#search fieldset 
  {
  border: 0px dotted red;
  width: 200px;
  margin: 0px;
  padding: 0;
  }

#search table,
#search tr,
#search td,
#search p 
  {
  margin: 0;
  padding: 0;
  font-size: 1em;
  }

#search table 
  {
  width: 100%;
  }

#search td 
  {
  vertical-align: bottom;
  }

#search a, #navi-ad-area a 
  {
  color: #000000;
  text-decoration: none;
  }

#search a:hover, #navi-ad-area a:hover 
  {
  text-decoration: underline;
  }

#search legend 
  {
  margin: 0;
  padding: 0;
  color: #000000;
  } 

#main-menu-home
  {
  background: #e4e4e4; 
  }

#main-menu-home a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-news
  {
  background: #e4e4e4; 
  }

#main-menu-news a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-seminars
  {
  background: #e4e4e4; 
  }

#main-menu-seminars a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-conferences
  {
  background: #e4e4e4; 
  }

#main-menu-conferences a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-staff
  {
  background: #e4e4e4; 
  }

#main-menu-staff a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-library
  {
  background: #e4e4e4; 
  }

#main-menu-library a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-publications
  {
  background: #e4e4e4; 
  }

#main-menu-publications a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-research
  {
  background: #e4e4e4; 
  }

#main-menu-research a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-positions
  {
  background: #e4e4e4; 
  }

#main-menu-positions a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-books
  {
  background: #e4e4e4; 
  }

#main-menu-books a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-planetarium
  {
  background: #e4e4e4; 
  }

#main-menu-planetarium a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-teaching
  {
  background: #e4e4e4; 
  }

#main-menu-teaching a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-visitors
  {
  background: #e4e4e4; 
  }

#main-menu-visitors a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-links
  {
  background: #e4e4e4; 
  }

#main-menu-links a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-vispa
  {
  background: #e4e4e4; 
  }

#main-menu-vispa a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#main-menu-utu
  {
  background: #e4e4e4; 
  }

#main-menu-utu a:hover
  {
  background: #cecece; 
  text-decoration: none;
  }

#navi-ad-area 
  {
  margin: 20px 0px 4px 0px;
  text-align: center;
  }