@charset "utf-8";
/* CSS Document */

#navigation {width:722px; height:20px; padding:0 0 0 108px; position:relative; z-index:100;}/*830-108=722*/
* html #navigation {width:830px; w\idth:722px;}/* hack to correct IE5.5 faulty box model */
/* remove all the bullets, borders and padding from the default list styling */
#navigation ul {padding:0; margin:0; list-style-type:none;}

/* make levels visible when hover */
#navigation ul li:hover ul,/* 1st level visible when over main level list */
#navigation ul a:hover ul,/* 1st level visible when over main level link */
#navigation ul :hover ul :hover ul/* 2nd level visible when over 1st level */
{visibility:visible;}

/* keep 2nd level hidden when you hover over main level */
#navigation ul :hover ul ul{visibility:hidden;}

#navigation ul ul {top:20px; visibility:hidden; position:absolute; height:0; left:0;}/* 1st level start */
* html #navigation ul ul {top:20px; t\op:20px;}/* another hack for IE5.5 */

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigation li {width:100px; float:left; position:relative;}
/* position the 2nd level flyout menu */
#navigation ul ul ul{width:100px; left:100px; top:-1px;}
/* position the 2nd level flyout menu for a left flyout */
#navigation ul ul ul.left {left:-100px;}

/* links for the main level */
#navigation a, #navigation a:visited {height:20px; line-height:18px; padding-left:0; display:block; text-decoration:none;}
* html #navigation a, * html #navigation a:visited {width:100px; w\idth:100px;}/* a hack so that IE5.5 faulty box model is corrected */

/* 1st level links */
#navigation ul ul a, #navigation ul ul a:visited {width:100px; height:auto; line-height:18px; padding:5px 10px;}
* html #navigation ul ul a, * html #navigation ul ul a:visited {width:100px; w\idth:100px;}/* yet another hack for IE5.5 */

/* all levels */
#navigation 											{background-color:#572800; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#navigation a, #navigation a:visited						{background-color:#EFE2C6; color:#fff; font-weight:bold; text-align:center}/* links */
#navigation a:hover, #navigation ul ul a:hover				{background-color:#572800; color:#fff; font-weight:bold;}/* hover */
#navigation :hover > a, #navigation ul ul :hover > a		{background-color:#572800;}/* hover ?? */
/* 1st level */
#navigation ul ul a, #navigation ul ul a:visited			{color:#fff; font-weight:normal; text-align: left}/* links */
#navigation ul ul a:hover								{background-color:#572800; color:#fff; font-weight:normal;}/* hover */
/* 2nd level */
#navigation ul ul ul a, #navigation ul ul ul a:visited		{background-color:#572800;}/* links */
#navigation ul ul ul a:hover							{background-color:#572800;}/* hover */

#navigation ul ul a.drop, #navigation ul ul a.drop:visited 	{background-color:#572800;}/* 1st level */
#navigation ul ul a.drop:hover						{background-color:#572800;}/* 1st level hover */
#navigation ul ul :hover > a.drop 					{background-color:#572800;}

/* main level */
#navigation ul a.yellow  {background-color:#FCC252;}
#navigation ul a.green {background-color:#ADBF00;}
#navigation ul a.blue {background-color:#006166;}
#navigation ul a.orange {background-color:#F47B1D;}
#navigation ul a:hover.yellow {background-color:#572800;}
#navigation ul a:hover.green {background-color:#572800;}
#navigation ul a:hover.blue {background-color:#572800;}
#navigation ul a:hover.orange {background-color:#572800;}

#navigation ul a.live {background-color:#EFE2C6; color:#572800;}

/* 1st level */
#navigation ul.yellow a {background-color:#FCC252;}
#navigation ul.green a {background-color:#ADBF00;}
#navigation ul.blue a {background-color:#006166;}
#navigation ul.orange a {background-color:#F47B1D;}
#navigation ul.yellow a:hover {background-color:#572800;}
#navigation ul.green a:hover {background-color:#572800;}
#navigation ul.blue a:hover {background-color:#572800;}
#navigation ul.orange a:hover {background-color:#572800;}

#navigation ul ul a.live {color:#fff; font-weight:bold;}