/*

This menu was arranged by this tutorial!

http://www.alistapart.com/articles/dropdowns/
ISSN: 1534-0295. 7 November 2003 - Issue No. 162
Suckerfish Dropdowns
by Patrick Griffiths
and Dan Webb

Thank you guys!

*/

 ul#wmenu {
  padding: 0;
  margin: 0;
  list-style: none;
 }

/* a belso UL-hez megegyszer kinullazzuk oket */
 ul#wmenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
 }

 ul#wmenu li {
  float: left;
  position: relative;
  width: 10em;
 }

 ul#wmenu li.gb {
 	width: 100px;
 }

 ul#wmenu li.news {
 	width: 60px;
 }

 ul#wmenu li ul {
  display: none;
  position: absolute; 
  z-index: 10;
  top: 1em;
  left: 0;
 }

/*

This positions the second-level lists absolutely (pulling them out of the flow
of  HTML into a world all of their own) and sets their initial state to not be
displayed.  If  you substitute display: none with display: block, you will see
the need for the top and left properties in Internet Explorer, because without
them,  IE will align the second-level lists to the top right of their relative
parent  rather  than  the  bottom  left.  Unfortunately, this IE fix will mess
things  up  in  browsers like Opera, so add the following CSS to reset the top
and left properties on all but IE browsers:

*/

 ul#wmenuli > ul {
   top: auto;
   left: auto;
 }

 ul#wmenu li:hover ul,
 ul#wmenu li.over ul { 
  display: block; 
 }

/**** INNEN JONNEK AZ EGYEDI SZINEZES, BETUTIPUS SATUBBI *****/

 ul#wmenu {
  position: absolute;
  width: 770px;
  top: 212px;
  left: 5px;
 }

/* FOMENUPONTOK */
 ul#wmenu li {
  background: #73665B;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 2px;
  border: 1px solid #A6988C;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #D2CAC4;
  font-weight: bold;
  text-align: center;
  width: 80px;
  text-transform: uppercase;
 }

 ul#wmenu li:hover,
 ul#wmenu li.over
  {
    background: #897A6D;
  }

 ul#wmenu li a {
  font-size: 12px;
 }

 ul#wmenu li a:link
  { 
    color: blue;
    color: #FFFF40; 
    text-decoration: none; 
  }
 ul#wmenu li a:hover   { color: #FFFF40; text-decoration: none; }
 ul#wmenu li a:visited { color: #FFFF40; text-decoration: none; }

/* ALMENUK */

 ul#wmenu li ul {
  top: 27px;
  left: 5px;
 }
                   
 ul#wmenu li ul li {
  width: 120%;
 }

 ul#wmenu li ul li a {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  color: #B7ACA3;
  text-transform: none;
  padding: 5px;

 }
 ul#wmenu li ul li a:hover   { color: #B7ACA3 text-decoration: underline; }
 ul#wmenu li ul li a:visited { color: #B7ACA3 text-decoration: none; }
