/* ================================================================ 
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/final_drop.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.
=================================================================== */
/* copyright changes ArtProLog 2007 Ursula Bartels */

.menu  									{ background-image: url("../images/layout/nav_noact.gif"); background-repeat: repeat-x; background-position: right top; position: relative; z-index: 100; height: 22px }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul   								{ list-style-type: none; list-style-image: none; margin: 0; padding: 0; height: 22px }
.menu ul ul      						{ list-style-image: none; margin-left: 0px; }

.menu ul ul a,
.menu ul ul a:link,
.menu ul ul a:visited,
.menu ul ul a:hover    					{ background-image: none; text-transform: none }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li   								{ position: relative; float: left }




/* style the links for the top level */
.menu a, 
.menu a:link, 
.menu a:visited    						{ color: #fff; font-weight: bold; line-height: 1.8em; text-decoration: none; background-image: url("../images/layout/nav_noact.gif"); background-repeat: repeat-x; background-position: left 0; display: block; padding-right: 20px; padding-left: 20px}


/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, 
* html .menu a:link, 
* html .menu a:visited 					{ float: left;  }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul  							{ background-image: none; visibility: hidden; position: absolute; top: 22px; left: 0; }
.menu ul ul ul  							{ background-image: none; visibility: hidden; position: absolute; top: 22px; left: 20%; width: 100%; }
/* another hack for IE5.5 */
* html .menu ul ul  					{ background-image: none; top: 22px; t\op: 22px; font-size: 0.75em;  }

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

/* style the second level links */
.menu ul ul a, 
.menu ul ul a:link, 
.menu ul ul a:visited    				{ color: #fff; line-height: 1em; background-color: #e01f11; background-image: none; padding: 5px 20px; width: 180px; height: auto; border-bottom: 1px solid #fff;  }

* html .menu ul ul a, 
* html .menu ul ul a:link  				{background-image: none;  }
* html .menu ul ul a:hover 				{background-image: none;}

/* style the top level hover */
.menu a:hover, 
.menu ul ul a:hover  					{ color: #fff; font-weight: bold; text-decoration: none; background-image: url("../images/layout/nav_act.gif"); background-repeat: repeat-x; background-position: left top }
.menu :hover > a, 
.menu ul ul :hover > a   				{ color: #fff; font-weight: bold; text-decoration: none; background-image: url("../images/layout/nav_act.gif"); background-repeat: repeat-x;background-position: left top }
.menu ul ul a:hover  					{ color: #666; background-color: #e5e5e5; background-image: none }

/* style the top level active */
a.act,
a.act:link,
a.act:visited,
a.act:hover,
a.act:active   							{ color: #fff; background-image: url("../images/layout/nav_act.gif"); display: block }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul  					{ background-image: none; visibility: visible; width: 180px; }