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

.menu { position:relative; z-index:90;}
.menu-admin {  }


/* 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 { width:200px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {position: relative; }
.menu li li { width: 200px; padding: 0px; margin:0px; }
/* style the links for the top level */
.menu a { display:block; text-decoration:none; color:black; padding:0 0px 0 17px; line-height:17px; height:18px;
	background: URL(../img/white_bg_arrow.gif) no-repeat 2px 2px #f2f2f2;border-bottom:solid 1px #ccc;margin:0px;}
.menu a.toplink {text-transform:uppercase;padding-top:2px;padding-bottom:2px;color:#004d94;font-weight:bold;}
.menu a.toplink:hover {background:URL(../img/blue_bg_arrow.gif) 2px 2px no-repeat #004d94;color:#FFF;}
.menu a:hover { text-decoration: none;background:URL(../img/blue_bg_arrow.gif) 5px 1px no-repeat #004d94;color:#FFF;}	
	
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a { width:200px; w\idth:128px; }
* html .menu ul li a { width: 80px; }


/* borders */

.xmenu ul ul li a {border-left: 1px solid #4d4e53; border-right: 1px solid #4d4e53; border-bottom: 1px solid #CACAC8; }

.menu li.last a{ border-bottom-color: #ccc; }
.menu li.last li.last a { border-bottom-color: #4d4e53; }
.menu li.last li a { border-bottom-color: #ccc; }
.menu li li.last a { border-bottom-color: #ccc; }

.menu ul ul ul {border:solid 1px #222;}
.menu ul ul ul  li{border:solid 1px #222;border-top-style:none;}
.menu ul ul ul li a{border-bottom:none}
.menu ul ul ul li a.last{border-bottom-style:none;}


/* style the second level background */
.menu ul ul a.drop {background:URL(../img/white_bg_arrow.gif) no-repeat 5px 1px white;}
* html .menu ul ul a.drop { width: 187px; w\idth:188px; }
/* style the second level hover */
.menu ul ul a.drop:hover{background:URL(../img/blue_bg_arrow.gif) 5px 1px  no-repeat #004d94 ;}
.menu ul li ul :hover > a.drop { color: #fff; background:URL(../img/blue_bsg_arrow.gif) no-repeat 5px 1px  #004d94; }
/* style the third level background */
.menu ul ul ul a {background:URL(../img/gray_bg_arrow.gif) no-repeat 5px 1px #e3e3e3;}
/* style the third level hover */
.menu ul ul ul a:hover {background-color:URL(../img/blue_bg_arrow.gif) 5px 1px #004d94; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:visible; width:200px;}
.menu ul ul ul {visibility:hidden;position:absolute;height:0;top:0px;left:199px; width:200px;}
/* another hack for IE5.5 */
* html .menu ul ul {margin:0 0 0 -18px;}


/* position the third level flyout menu */
.menu ul ul ul{top:-1px; width:200px; left:198px; }

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-200px;}

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

/* style the second level links */
.menu ul ul a { background:URL(../img/white_bg_arrow.gif) no-repeat 2px 2px white; color:#000; height:auto; padding:2px 0 2px 17px; 
	width:auto; border-width:0 1px 1px 1px;margin:0px;}
	
/* style the second level links */
.menu ul ul li  {padding:0px;margin:0px;}

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

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:URL(../img/blue_bg_arrow.gif) no-repeat 3px 1px  #004d94; }
.menu :hover > a {color:#fff; background:URL(../img/blue_bg_arrow.gif) no-repeat 3px 1px #004d94; }
.menu ul ul :hover > a { color: #fff; }
.menu ul ul ul :hover > a { background: URL(../img/blue_bg_arrow.gif) no-repeat 5px 1px #004d94; color: #fff; }

/* make the second level visible when hover on first level list OR link */

.menu ul :hover ul { visibility: visible; }
.menu ul :hover ul ul { visibility: hidden; }

.menu ul :hover ul :hover ul { visibility: visible; }
.menu ul :hover ul :hover ul ul { visibility: hidden; }

.menu ul :hover ul :hover ul :hover ul { visibility: visible; }
.menu ul :hover ul :hover ul :hover ul ul { visibility: hidden; }

.menu ul :hover ul :hover ul :hover ul :hover ul { visibility: visible; }
.menu ul :hover ul :hover ul :hover ul :hover ul ul { visibility: hidden; }

.menu ul :hover ul :hover ul :hover ul :hover ul :hover ul { visibility: visible; }
.menu ul :hover ul :hover ul :hover ul :hover ul :hover ul ul { visibility: hidden; }

.menu ul a.active { background: URL(../img/blue_bg_arrow.gif) no-repeat 2px 2px #004d94; color: #fff; }
.menu ul ul li a{ padding-left:25px;}