/* ================================================================ 
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 associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Colors
#012034 = dark blue
#68b3db = light blue
#a6a299 = grayish 
*/


/* Begin CSS Drop Down Menu */

.menu {
    position: relative;
/*    width:900px; /* 765 overall menu width if making equal width menu items or using borders*/
    height:25px;
    left: 50px;  /* 80 use to center menu */
 	border-left:1px solid white;  /* needed only if top menu has a border */
    text-align: left;  /* */
	}

/* 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:171px;   /* width + paddingleft + paddingright + 1  (divide menu width by number of items) */
	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	position:relative;
	float:left;
/*     width:120px;   /* orig 149 (divide overall menu width by number of items - required) if boxes are to be constant width*/
	background-color: transparent; /* background color of top level menu item boxes */
    }

/* set the style for the top level (override those inherited from .menu) */
.menu a, .menu a:visited {
	display:block;
	color:#ffffff;    /* top lev text color - orig #ffffff */
	background-color:transparent;   /* top lev bkgd color of link - orig #a6a299 */
/* 	width:120px; /* (force widths to be equal; divide overall menu width by number of items) */
	height:auto;  /* */
/*	line-height:29px; /* */
/*	border:1px solid white; /* put border around boxes if desired */
/* 	border-left:1px solid white;  /* needed only if top menu has a border */
 	border-right:1px solid white;  /**/
/*	border-width:1px 0 1px 1px;  /* remove border of last item if there are borders in top level menu */
	padding:5px 10px;  /* cell padding of menu items - top&bottom right&left */
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
	text-decoration:none; 
	}

/* set the text and background color of top level when hovering */
.menu a:hover, .menu ul ul a:hover{
	color:#fff; 
	background-color:#012034;
	}
.menu :hover > a, .menu ul ul :hover > a {
	color:#fff;
	background-color:#012034;
	}

/* set the style for the second level link boxes (override those inherited from top level) */
.menu ul ul a, .menu ul ul a:visited {
	color:black; /* text color */
	background-color:#68b3db; /* background color */
	width:150px;    /* force width of link boxes */
	border:1px solid black; /* put border around all link boxes */
	border-width:0px 1px 1px 1px; /* remove top border of link boxes*/
	}
.menu ul ul a.drop, .menu ul ul a.drop:visited {  /* if third level dropdown */ 
	background:#eee url('../graphics/grey-arrow.gif') no-repeat 95% center;
	}


/* set the text and background color of second level when hovering */
.menu ul ul a:hover {
	color:white;
	background-color:black;
	}
.menu ul ul :hover > a {
	color:white;
	background-color:black;
	}
.menu ul ul a.drop:hover{  /* if third level dropdown */ 
	background:black url('../graphics/blue-arrow.gif') no-repeat 95% center;
	color:white;
	} 
.menu ul ul :hover > a.drop {  /* if third level dropdown */ 
	background:black url('../graphics/blue-arrow.gif') no-repeat 95% center;
	color:white;
	}

/* set the style for the third level link boxes (override those inherited from second level) */
.menu ul ul ul a, .menu ul ul ul a:visited {
	color:#000; /* text color */
	background-color:#eee; /* background color */
	width:150px;    /* force width of link boxes */
	}

/* set the text and background color of third level when hovering */
.menu ul ul ul a:hover {
	color:white;
	background-color:black;
	}

/* 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:-1px; /* */
	left:0; 
	width:171px; /* width + paddingleft + paddingright + 1 */
	border-top:1px solid black;
	}

/* position the third level flyout menu */
.menu ul ul ul{
	left:171px;     /* width + paddingleft + paddingright + 1 */
	top:-1px; 
	width:172px;    /* width + paddingleft + paddingright + 1 */
	border-top:1px solid black;
	}
 
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}      /* orig 149 */
  
/* 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;}

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



/* hacks to correct for older IE browsers*/
* html .menu {  /* hack to correct IE5.5 faulty box model */
	width:746px;  /* orig 746 */
	w\idth:745px; /* orig 745 */
	}
* html .menu a, * html .menu a:visited {  /* a hack so that IE5.5 faulty box model is corrected */
	width:149px;  /* orig 149 */
	w\idth:138px;  /* orig 138 */
	}
* html .menu ul ul {  /* another hack for IE5.5 */
	top:30px;
	t\op:31px;
	}
* html .menu ul ul a, * html .menu ul ul a:visited {  /* yet another hack for IE5.5 */
	width:150px;    /* orig 150 */
	w\idth:128px;    /* orig 128 */
	}
.menu table {  /* style the table so that it takes no part in the layout - required for IE6 and lower to work */
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
	;}




/* End CSS Drop Down Menu */