/* 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 { width: 750px; height:30px; position:relative; z-index:100; }
.menu-admin {width: 900px; }
.menu a:hover { text-decoration: none; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0; margin:0;list-style-type:none;list-style-image:none;}
.menu ul ul { width:149px;}
/* 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; margin: 0 0 0 0px;}
.menu li li { width: 149px; padding: 0; margin: 0px;}
/* style the links for the top level */
.menu a { display:block; text-decoration:none; color:#000; height:30px; padding:2px 25px 1px 25px; line-height:30px;
	background: repeat-x left center; text-align:center; font-size:13px;border-right:solid 1px #eee;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a { width:149px; w\idth:128px; }
* html .menu ul li a { width: 80px; }

/* borders */
.menu ul ul ul { border-top: 1px solid #aebec9; }
.menu ul ul a { border-left: 1px solid #aebec9; border-right: 1px solid #aebec9; border-bottom: 1px solid #aebec9; text-align:left;}

.menu li.last a, .menu li.last li.last a { border-bottom-color: #aebec9; }
.menu li.last li a { border-bottom-color: #aebec9; }


/* style the second level background */
.menu ul ul a.drop {background:url(../img/menu/trans-sub.png) no-repeat right center;
	padding-right: 20px; }
* html .menu ul ul a.drop { width: 117px; w\idth:118px; }
/* style the second level hover */
.menu ul ul a.drop:hover{background:url(../img/menu/trans-sub-active.png) right center no-repeat;}
.menu ul ul :hover > a.drop { color: #000; background:url(../img/menu/trans-sub-active.png) no-repeat rightcenter; }
/* style the third level background */
.menu ul ul ul a {background:url(../img/menu/trans-sub.png) no-repeat left top;text-align:left;}
/* style the third level hover */
.menu ul ul ul a:hover {background:url(../img/menu/trans-sub-active.png) no-repeat left center !important;}


/* 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:33px;left:0; width:151px; }
/* another hack for IE5.5 */
* html .menu ul ul {top:33px;}

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

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

/* 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 { background:url(../img/menu/trans-sub.png) no-repeat left top; color:#000; height:auto; line-height:15px; padding:5px 10px; 
	width:auto; border-width:0 1px 1px 1px;}

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

/* style the top level hover */
.menu a:hover, .menu a.active {border-color:#f1f6fe;}
.menu a:hover, .menu ul ul a:hover{color:#000; background:url(../img/menu/trans-sub-active.png) no-repeat left top;}
.menu :hover > a {color:#000; background:url(../img/menu/overlay-reds.gif) repeat-x #f1f6fe left center; }
.menu ul ul :hover > a { color: #333; border-right: 1px solid #bebbb4;}
.menu ul ul ul :hover > a { background: #ccdae3; color: #000; border-right: 1px solid #bebbb4;}

/* 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/menu/overlay-reds-active.gif) repeat-x #f1f6fe left center; color: #000; }

/* FOOTER NAVIGATION */
#footer-nav {float:right;padding:0px;background:none;}
#footer-nav  ul{list-style:none;}
#footer-nav a, #footer-nav a:visited, #footer-nav a:hover {text-decoration:none;}


/* FIRST LEVEL */
#footer-nav ul li {float:left;padding:0 0 0 20px;margin:0px;}
#footer-nav ul li a {color:#000;font-size:13px;}
#footer-nav ul li a:hover {text-decoration:underline;font-size:13px;}

/* SECOND LEVEL */
#footer-nav ul li ul {padding:0px 20px 0 0;margin:0px;}
#footer-nav ul li ul li{float:none;padding:0px;margin:0px;}
#footer-nav ul li ul li a{color:#eefcc2;font-size:12px !important;font-weight:normal;}
#footer-nav ul li ul li a:hover{text-decoration:underline;color:#eefcc2;font-size:12px;}

/* THIRD LEVEL */
#footer-nav ul li ul li ul {padding:0px 20px 0 15px;margin:0px;}
#footer-nav ul li ul li ul li{float:none;padding:0px;margin:0px;}
#footer-nav ul li ul li ul li a{color:#eefcc2;font-size:11px !important;font-weight:normal;}
#footer-nav ul li ul li ul li a:hover{text-decoration:underline;color:#eefcc2;font-size:11px;}