/*************************************
 * This CSS handles the general site
 * structure, menu and surroundings
 *************************************/
 
/* let's first get rid of browser-specific settings so they won't surprise us later*/
* {
  margin: 0;
  padding: 0;
  border: 0;
}

/* this class can prove to be useful */
.hidden {
  display: none;
}

body {
  font-family: "Lucida Sans Unicode", Verdana, Sans-Serif;
  color: black;
  direction: ltr;

  background: white url(images/menu_background.gif) repeat-y top left; 
  /* IE 4/5 hack for fixing keyword size: */
  font-size: x-small;  /* all browsers see */
  voice-family: "\"}\""; /* IE 4/5 thinks rule is over */
  voice-family: inherit;
  font-size: small; /* all browsers other than IE4/5 see this */
}

/* very sad that I have to add this one, is it affects the markup.
   Mozilla/Firefox has a nasty bug of refusing to put padding around
   hebrew (or other RTL) words. The browser instead takes the sum of
   the padding you put to the left and the right of the word, and put
   it as one big MARGIN to the right of the ENTIRE block. The solution
   I came up with is to float all words in such lines. Floated
   elements get their padding displayed correctly. */
.mozilla-rtl-bug {
  float: right;
}

a:link, a:visited, a:hover, a:active {
  color: #336699;
  text-decoration: underline;    
}

.nowrap {
  white-space: nowrap;
}

hr {
  border-bottom: 1px dashed #CCC;
  height: 1px;
}


/* --------------------------------------------- Container box --- */
#container {
  text-align: left;
  float: left;
  width: 100%;
  background: transparent url(images/banner_background.gif) repeat-x;
}  
/* -------------- Content-Container box: Menu + Content + Footer --- */
#content-container {
  text-align: left;
  float: left;
  width: 782px;
}  

/* ---------------------------------------------------- Content--- */
/* it is not a mistake that this setting appear in site.css instead
   of in content.css as one might think. This is because the floating
   of the content div is related to the site layout and not to the 
   content itself */
#content {
  margin-left: 162px;
}

/* ---------------------------------------------------- Banner --- */
#banner {
  background: #306199 url(images/banner_background.gif) repeat;
  height: 69px;
  color: white;
  font-family: Arial, Sans-Serif;
  width: 782px;
}

#banner h2 {
  background: transparent url(images/banner_picture.gif) no-repeat top left;
  font-size: 180%;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-top: 26px;
  padding-left: 220px;
  
  /* The Box Model Hack to fix IE 5/5.5: */
  width: 780px; /* for IE 5/5.5, don't you just love it? */
  height: 69px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:560px; /* for the civilized world */
  height: 43px;
}

#banner h3 {
  font-size: 110%;
  position: relative;
  top: 10px;
  margin-left: 222px;
  color: #c6d7ef;
}

/* -------------------------------------------------- Navigation --- */
#navigation {
  float: left;
  position: absolute; /* to take out out of the flow so that it overwrites the Search */
  top: 72px;
  width: 300px;
}
#navigation li {
  display: inline;
  padding-left: 18px;
  margin-left: 1em;
  float: left; /* see mozilla rtl bug above */
}
#navigation li a {
  color: #336699;
  font-weight: bold;
  font-size: 80%;
}

#navhome {
  background: url(images/homeicon.gif) no-repeat center left;
}
#navtech {
  background: url(images/techicon.gif) no-repeat center left;
}
#lang-select li#lang-he, #lang-select li#lang-en {
  position: absolute;
  top: 6px;
  text-align: right;
  width: 782px;
}
#lang-select li#lang-he a, #lang-select li#lang-en a {
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  font-size: 90%;
  text-decoration: none;
  color: white;
  padding: 0;
  padding-right: 20px;
  background: url(images/otherlangicon.gif) no-repeat center right;
  display: block;
}

/* ------------------------------------------------------- Search --- */
#navbar {
  background: #EBEBEB url(images/navigation.gif) repeat-x;
  border-bottom: 1px solid #7D7D7D;
  width: 100%;
}
#search {
/*
  background: #EBEBEB url(images/navigation.gif) repeat-x;
  border-bottom: 1px solid #7D7D7D;
  */
  background: inherit;
  border-bottom: inherit;
  padding: 1px 0;
  text-align: right;
  padding-right: 2px;
  width: 780px;
  margin-bottom: -1px;
}

#search label, #search legend {
  display: none;
}
#searchfield {
  width: 150px;
  border: 1px solid #666;
}

#searchbutton {
  height: 1.4em;
  background-color: transparent;
  color: #234;
  border: 1px solid #999;
}


/* ------------------------------------------------------ Menu --- */
#menu {
  font-family: Arial, Sans-Serif;
  font-size: 90%;
  color: white;
  background: #306199 url(images/menu_background.gif) repeat-y top left;
  position: absolute;
  left: 4px;
  top: 92px;
  width: 158px;
}

#menu li {
  list-style: none;
  margin-left: 4px;
  margin-top: 2px;
}

#menu li a {
  color: white;
}

#menu dt {
  margin-top: 8px;
  font-weight: bold;
}
#menu li a.selected {
  color: #99FFFF;
  font-weight: bold;
}

/* ---------------------------------------------------- Footer --- */
#footer {
  font-family: Arial, Sans-Serif;
  font-size: 85%;
  clear: both;
  width: 600px;
  padding: 6em 10px 0 10px;
  color: #777;
  margin-left: 164px;
}

#footerlinks {
  float: right;
  list-style: none;
  line-height: 1.3em;
}

#validation {
  width: 400px;
  color: #999;
  font-size: 80%;
/*  position: relative;*/
/*  margin-left: 174px;*/
  padding-top: 6px;
}
#validation a:link, #validation a:visited, #validation a:hover, #validation a:active {
  color: #999;
  text-decoration: none;
}