/* ================================================================ 
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/cssplaymenu-dropdown-flyout-ipad7.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* The basic menu box - POSITION RELATIVE invokes the z-index which is set to 50 so comes above other elements (e.g. a Google map)
but is lower than the Logon/Logoff buttons (set in BRCB.Master) so they stay above the menu */
/* #menu {width:100%; min-height: 2em; text-align:center; position:relative; z-index:50; padding-bottom:0.9em; } NOTE REMOVAL of width */
#menu {min-height: 2em; text-align:center; position:relative; z-index:50; padding-bottom:0.9em; }
/* White-space is normal for Safari so that it wraps properly */
#menu ul {margin:0.9em 0.9em 0.9em 0; padding:0; list-style:none; white-space:normal; text-align:left; border-radius:0.75em;}
#menu ul {display:inline-block; z-index:60;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline; font-size:1em;}

#menu ul ul {position:absolute; left:0; top:0.7em; white-space:nowrap; display:none; margin:0.01em 0.1em 0 0; padding:0 0; z-index:70;} 

/* Third level not used
#menu ul ul ul {left:100%; top:auto; margin-top:-35px;} */

#menu ul li.left > ul {left:auto; right:0; top:1.5em;}
#menu ul li.left ul li > ul {left:auto; right:100%; top:auto; margin-top:-0.75em;}

#menu > ul {margin:0 auto;}
#menu > ul > li {float:left; display:block; position:relative;}

#menu ul {background:#e5e4e2;}
#menu ul ul {background:#e5e4e2;}  /* brown #ae4621 blue #3aa3d3 dark blue #0000FF light blue #00FFFF */
/* Third and fourth levels not used
#menu ul ul ul {background:#c98b14;}
#menu ul ul ul ul {background:#9f690e;} */


/*                   Gradient does not work smoothly so excluded
#menu ul,
#menu ul ul /* Third and fourth levels not used 
, #menu ul ul ul,
#menu ul ul ul ul *= {
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.7) 100%);
background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.7) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.7) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.7) 100%);
background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.7) 100%);
}
*/

#menu a {display:block; font:normal 1em "Ubuntu Condensed", arial, sans-serif; color:Blue; line-height:0.9em; text-decoration:none; 
         border-radius:0.75em; padding:0 0.75em 0 0.75em;}
        
/* Set the style for the first level of list items */
#menu > ul > li > a {float:left; line-height:1.5em; margin: 0.5em 0 0.5em 0; margin-right:0.75em;  font-size:0.8em;}

#menu ul li:hover > ul {display:block;}

#menu li.left ul a {text-align:right; padding:0 0.5em 0 0.75em;}

#menu li:hover > a,
#menu ul li:hover > a.fly {color:#82CAFA;}    /* #ff0; Yellow */

/* for IE7 to fix a bug with using display:none; to hide the sub menus. Delete if not concerned with IE7 support *=
#menu ul {*display:inline;} */

/* Set the font and (effectively) line height for the second level of list items */
#menu > ul > li > ul > li > a {margin:0.75em 0 0.75em 0; font-size:0.8em;}

/* Third level not used 
, #menu ul ul ul, */
#menu ul li.left > ul,
/* #menu ul li.left ul li > ul {*left:-9999px; *right:auto; *display:block;}  

#menu ul li:hover {*direction:ltr;}

#menu ul li:hover > ul {*left:0;}
#menu ul ul li:hover > ul {*left:100%;}
#menu ul li.left:hover > ul {*left:auto; *right:0;}
#menu ul li.left ul li:hover > ul {*left:auto; *right:100%;}                */


/* Begin Image Rollover Styles */

td.grayTextNormal
{
	font-family: 'Helvetica Neue','Helvetica','Arial',hirakakupro-w3,osaka,'ms pgothic',sans-serif;
	color: #555555;
	font-size: 12px;
}

.rolloverInfo .hover
{
	display:block;
	margin: 6px;
	position: absolute;
	z-index: 2;
}
div.hover ul
{
	color: #444;
	list-style: none;
	font-size: 10px;
	margin: 0;
	padding: 0;
}

div.hover ul li img
{
	clear: both;
	float: left;
	margin: 6px;
}

div.hover ul li dl
{
	float: left;
	margin: 6px 6px 0 10px;
}

div.hover ul li dl dt
{
	float: left;
}

div.hover ul li dl dd
{
	text-align: right;
	width: 57px;
	margin-left: 40px;
}