/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_horizontal.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.container 
{
	background:#cccccc  url(images/hide_seek.jpg); margin:5px auto; padding:10px; border:1px solid #000000;
}

.menu 
{
	font-family: arial, sans-serif; width:120px; 
	position:relative; margin:0; 
	font-size:10px; 
	text-align:left;
	background:transparent;
	padding:2px;
}
.menu ul li a, .menu ul li a:visited 
{
	display:block; text-decoration:none; color:#000000; width:110px; height:30px;
	border:1px solid #5a3; 
	border-width:1px 1px 0 0; 
	background:transparent  url(images/opaque.png);
	line-height:29px; 
	font-size:11px; 
	padding-left:10px;
	text-align:left;
}
.menu ul {padding:0; margin:0;list-style-type: none; text-align:left;}
.menu ul li {float:left; position:relative; background:transparent; text-align:left;}
.menu ul li ul {display: none; text-align:left;}

/*
 specific to non IE browsers 
.menu ul li:hover a {color:#fff; background:#cccccc;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:131px; width:565px; background:transparent;}
.menu ul li:hover ul li {float:left;}
.menu ul li:hover ul li a {display:block; 
	background:transparent  url(images/opaque.png); 
	color:#000000; 
	width:130px; 
	float:left;}
.menu ul li:hover ul li a:hover {background:#cccccc; color:#000000;}
*/