@charset "utf-8";

/* ================================================================ 
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/menugallerys/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menugallery {
	width:420px;
	position:relative;
	height:50px;
	z-index:10000;
	margin: 0px;
	padding: 0px;
	background-color: #CCC;
}

/* remove all the bullets, borders and padding from the default list styling */
.menugallery ul {
	width:420px;
}
.menugallery ul li ul {
	visibility:hidden;
	position:absolute;
	height:0;
	left:0;
	border-top:1px solid #fff;
	width:139px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menugallery table { position:absolute; top:0; left:0; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menugallery positon */
.menugallery ul li {
	float:left;
	position:relative;
	width:139px;
	background-color:#eeeeee;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left:0;
	height: 100%;
}
.menugallery ul li.last ul{
	margin:0;
	width:140px;
}

/* style the links for the top level */
.menugallery ul li a,
.menugallery ul li a:visited {
	display:block;
	text-decoration:none !important;
	color:#333;
	font-weight:lighter;
	font-size:13px;
	font-family: Helvetica, sans-serif, Arial, "Arial Black";
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	letter-spacing: -0.3px;
}

.menugallery ul ul li { border-bottom:1px solid #fff; }

/* another hack for IE */
* html .menugallery ul ul {
	top:50px;
}

/* style the second level links */
.menugallery ul li ul li a,
.menugallery ul li ul li a:visited {
	background-color:#CCC;
	color:#000;
	font-size:13px;
	font-weight:normal;
	height:auto;
	line-height:12px;
	padding:5px;
}

/* style the second level hover */
.menugallery ul a:hover{
	color:#000;
	background-color:#00F;
}
.menugallery ul :hover > a {
	color:#000;
	background-color:#dddddd;
	height: 40px;
}

/* style the top level hover */
.menugallery a:hover,
.menugallery ul li ul li a:hover {
	color:#000;
	background-color:#FFF;
	text-decoration:none;
	height: 30px;
}
.menugallery :hover > a,
.menugallery ul li ul :hover > a { color:#000; background-color:#e1e63b; text-decoration:none; }

/* make the second level visible when hover on first level list OR link */
.menugallery ul li:hover ul,
.menugallery ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menugallery ul :hover ul ul{visibility:hidden;}

.menugallery ul ul li.active a { background-color:#3488cf !important; }
.menugallery ul ul li.active a:hover { color:#fff; }
.menugallery ul ul li.active:hover a { color:#fff; }