/* ================================================================ 
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.
=================================================================== */

.menu  								 								{ font-size:0.9em; width: 685px; background-image: url("../images/layout/nav_noact.gif"); background-repeat: repeat-x; background-position: left top; position: relativ; z-index: 100; height: 25px }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul  															{ font-weight: bold; text-transform: uppercase; list-style-type: none; list-style-image: none; margin: 0; padding: 0; height: 25px }
.menu ul ul  														{ font-weight: normal; text-transform: none; width: 80px }

/* 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:link, .menu a:visited  							{ color: #333; line-height: 25px; text-decoration: none; display: block; padding-right: 8px; padding-left: 8px; height: 25px; border-right: 3px solid #fff }

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:link,* html .menu a:visited 			{ width:auto; w\idth:auto;}
* html .menu ul ul a, * html .menu ul ul a:link,* html .menu ul ul a:visited { width:80px; w\idth:80px;}

/* style the second level background */
.menu ul ul a, .menu ul ul a:link, .menu ul ul a:visited 			{ background-color:#fff;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:link, .menu ul ul ul a:visited	{ background-color:#fff;}

/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:link, .menu ul ul ul ul a:visited			{ background-color:#fff;}

/* style the fifth level background */
.menu ul ul ul ul ul a, .menu ul ul ul ul ul a:link, .menu ul ul ul ul ul a:visited	{ background-color:#fff;}

/* style the second level hover */
.menu ul ul a:hover 												{ color: #fff; background:#55A1CB;}

/* style the third level hover */
.menu ul ul ul a:hover 												{ color: #fff; background:#55A1CB;}

/* style the fourth level hover */
.menu ul ul ul ul a:hover 											{ color: #fff; background:#55A1CB;}

/* style the fifth level hover */
.menu ul ul ul ul ul a:hover 										{ color: #fff; background:#55A1CB;}

*html .menu a, 
*html .menu a:link,
*html .menu a:visited, 
*html .menu a:hover, 
*html .menu a:active 												{ text-decoration: none; float: left}

*html .menu a:hover   												{ color:#fff; background-color:#55A1CB }

*html .menu ul ul a, 
*html .menu ul ul a:link, 
*html .menu ul ul a:visited, 
*html .menu ul ul ul a, 
*html .menu ul ul ul a:link, 
*html .menu ul ul ul a:visited										{ width:80px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul,
.menu ul ul ul,
.menu ul ul ul ul 													{ text-align: left; visibility: hidden; position: absolute; z-index: 200; top: 25; left: 0px; width: 80px; height: 0; border-top: 5px solid #55A1CB  }

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

/* position the third level flyout menu */
.menu ul ul ul,
.menu ul ul ul ul							 						{ font-weight: normal; position: absolute; z-index: 200; top: -1px; left: 99px; width: 100px; border-top: 1px solid #55A1CB   }

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table 														{ position:absolute; z-index: 200; top:0; left:0; font-size:1em;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:link, .menu ul ul a:visited 			{ height: 20px;  line-height: 20px; text-align: left; padding-right: 10px; width: 80px; border-bottom: 1px solid #55A1CB; border-left: 1px solid #55A1CB; border-right: 1px solid #55A1CB }

/* yet another hack for IE5.5 */
* html .menu ul ul a												{ width:80px; w\idth:80px;}

/* style the third level links */
.menu ul ul ul a, .menu ul ul ul a:link, .menu ul ul ul a:visited	{ font-weight: normal; text-align: left; width: 80px;  }

/* yet another hack for IE5.5 */
* html .menu ul ul a												{ width:80px; w\idth:80px; }

/* style the top level hover */
.menu a:hover 														{ color: #fff; background-image: url("../images/layout/nav_act.gif"); background-repeat: repeat-x; background-position: left top }
.menu ul ul a:hover, .menu ul ul a:active							{ color: #fff; background:#55A1CB; }
.menu :hover > a 													{ color: #fff; background-image: url("../images/layout/nav_act.gif"); background-repeat: repeat-x; background-position: left top } 

.menu ul ul :hover > a,
.menu ul ul ul :hover > a,
.menu ul ul :hover > a 												{ background:#55A1CB; }

.menu ul ul ul a:hover,
.menu ul ul ul ul a:hover											{ font-weight: normal; color: #fff; background:#55A1CB;}


/* 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"); background-repeat: repeat-x; background-position: left top }

/* 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,
.menu ul :hover ul :hover ul ul 									{ visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul,
.menu ul :hover ul :hover ul :hover ul								{ visibility:visible;}