/*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position: relative;        /* establish a menu-relative positioning context */
	float: left;                                     /* play nicely with others */
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 100;                             /* keep menu below cut off corner */
}

.menu, .menu ul li table {           /* globally set font style for menu items */
/*	font: 10px Arial, Helvetica, Verdana, sans-serif;  this sets the base font style for our entire menu */
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;          /* we don't want to view the list as a list */
	line-height: auto;                /* globally set the menu item line height */
	list-style-image: none;
}

.menu li {
	float: left;    /* this creates the side-by-side array of top-level buttons - LEAVE in for vertical menu - by Greg */
	position: relative;    /* create local positioning contexts for each button */
	margin: 0;
	clear: left;
}

.menu ul li table {
	margin: -1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin: 0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse: collapse;      /* IE5 needs this for the sub-menus to work */
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display: none;                  /* initially hide the entire list hierarchy */
	padding: 0;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited,
.menu ul li:hover a,
.menu ul li a:hover {          /* selected and unselected top-level menu items */
	height: 25px;           /* set height of all top level menu images or items */
}

.menu ul li a,
.menu ul li a:visited {                     /* unselected top-level menu items */
	display: block;
	float: left;
	text-decoration: none;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border: none; /* Internet Explorer NEEDS this to display submenu - by Greg */
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul,
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a { /* set the width of the 2nd level drop-down box and unselected items */
	font: 11px Arial, Helvetica, Verdana, sans-serif; /* this sets the base font style for our entire menu */
	width: 145px;
	text-decoration: none;
}
html>body .menu ul li:hover ul,
html>body .menu ul li a:hover ul,
html>body .menu ul li:hover ul li a,
html>body .menu ul li a:hover ul li a { /* set the width of the 2nd level drop-down box and unselected items */
	min-width: 140px;
	max-width: 185px;
	width: auto;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display: block;
	position: absolute;
	margin: 0; /* gap between main menu and drop-downs set as border instead of margin to avoid drop-down disappearing when moving over*/
	top: -1px;              /* place us just up underneath the top-level images - edited by Greg - was 18px */
	left: 238px;       /* left-align our drop-down to the previous button border - edited by Greg - was -1px */
	height: auto;      /* the drop-down height will be determined by line count */
	background: #B3DCE8;         /* this sets our menu's effective "border" color */
	border: 1px #FFF solid;
	border-left-width: 2px; /* maintains gap between main menu and drop-downs */
	padding: 5px 0 0 0;
}

.menu ul li:hover ul li,
.menu ul li a:hover ul li {
	white-space: nowrap;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border: 0;
	margin: 0;
	padding: 0 6px 1px 10px; /* set the padding of 2nd level item - combined with 4px global <li> padding makes 5px total */
	height: auto;
/*	background: #B3DCE8;        this sets the drop-down menu background color */
	font-weight: bold;
	background-image: none;
	width: 145px;
	color: #5AB2CE;                        /* this sets the unselected-text color */
}
html>body .menu ul li:hover ul li a,
html>body .menu ul li a:hover ul li a {
	width: auto;                                /* hack for Mozilla */
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color: #0189B4;               /* this sets the selected drop-down text color */
}