﻿/*Menü Styling*/
#menu{ width:1000; height:28px;background:url(../images/menu.jpg);position:relative;	z-index:100;}
#menu a{float:left; font-size:14px; color:#fff; text-decoration:none; line-height:28px; font-weight:bold;}
#menu a:hover, a:active{color:#FFCF02;}

ul{	padding:0; margin:0; list-style:none;}
li{	padding:0; margin:0; list-style:none;}



/* hack to correct IE5.5 faulty box model */
* html #menu {width:1000px; 	w\idth:1000px;}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {	padding:0;	margin:0;list-style-type:none;}
#menu ul ul {}

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

/* style the links for the top level */
#menu a, #menu a:visited {font-size:14px;text-decoration:none; height:28px; line-height:28px;	}


/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background:#e2dfa8;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {	visibility:hidden;	position:absolute;	height:0;	top:28px;	left:0; }

/* another hack for IE5.5 */
* html #menu ul ul {top:29px;t\op:29px;}

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

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {height:auto;line-height:1.2em; font-size:14px;border-top: 1px solid #FFF; width:84px; text-align:center; display:block; background-color:#920013;}

/* yet another hack for IE5.5 */
/* * html #menu ul ul a, * html #menu ul ul a:visited {w\idth:110px;} */


/* style the top level hover */
#menu a:hover, #menu ul ul a:hover{}
#menu :hover > a, #menu ul ul :hover > a {}
#menu ul ul a:hover{}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul{	visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{	visibility:hidden;}


#menu ul li{padding-left:25px; padding-right:20px;}


