/* SWIM2.0 :: Simple website menu
****************************************************************
* DOM scripting by brothercake -- http://www.brothercake.com/
* Licensed under GPL -- http://www.gnu.org/copyleft/gpl.html
****************************************************************
* For professional menu solutions visit -- http://www.udm4.com/ 
****************************************************************
*/



ul.menu, ul.menu li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
	}

ul.menu {
  margin-left:13px;
  border:1px solid #212c64;
  background-color:#f4f3ef;
	z-index:1000;
	cursor:default;
	width:154px;
	}

* html #sidebar ul {  padding-bottom:10px;}

ul.menu li {
	position:relative;
	text-align:left;
	cursor:pointer;
	cursor:hand;
	width:12em;
  background-color:#f4f3ef;
	margin:-1px 0 0 0;
	}

ul.menu ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	width:155px;
/*  margin-left:13px;*/
  border:1px solid #212c64;
  background-color:#f4f3ef;
	margin:-0.5em 0 0 145px;
	top:-100em;
	left:-1px;
	padding:1px 0 0 0;
	}

html>body ul.menu ul {
background:transparent url('../images/greydot.png');
}

* html ul.menu ul {
margin-left: 165px;
margin-top:-0.3em;
/* Having a transparent background destroys the menu. So ie... 
background-color:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/ilgaeurope/images/greydot.png', sizingMethod='scale');	
*/
}

ul.menu, ul.menu ul 
{
  padding:7px 2px 0 7px;
}

ul.menu ul li {
	width:150px;
	}

ul.menu ul ul {
	margin:-0.5em 0 0 7.7em;
	}

@media Screen, Projection { 
	ul.menu li:hover > ul { top:0; }
	}

ul.menu a, ul.menu a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
  padding:3px 5px;
/*	background:#ffc;
	color:#008000;
	padding:5px 7px;
	font:normal normal bold 0.9em tahoma, verdana, sans-serif;
*/
	font:normal normal normal 0.9em tahoma, verdana, sans-serif;
	text-decoration:none;
	letter-spacing:1px;
	}
	
ul.menu a:hover, ul.menu a:focus, ul.menu a.rollover, ul.menu a.rollover:visited {
    background:#FA9F0A;
	}

@media screen, projection {
	* html ul.menu li {
		display:inline; 
		f\loat:left; 
/*		background:#ffffff; */
		}
	}
* html ul.menu li { position:static; }
* html ul.menu a { position:relative; }
ul[class^="menu"] ul { display:none; }
ul[class^="menu"] ul { displa\y:block; }

