/* Vertical CSS Menu with Popout - Roche - April 12 2005 */

@charset "utf-8"

/* For Menu Testing Only */

/* body, html{margin:0;padding:0;font-size:100%; color: #000066; } */
/* .hand{cursor:pointer;} */
/* .help{cursor:help;} */

/* p { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000066; font-size: 10px;  }  */
/* td { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000066; font-size: 10px;  } */ 

/* CSS Popout Menu */

#menu{
/* position:absolute;
/* top:185px; /* position of menu from top of screen */
/* left:5px;  /* position of menu from left of screen */
background: #000066;
padding:1px;
z-index:2;
width:130px; /* width of menu background */ 
color: #ffffff; }

#menu a, #menu h2{
font: bold 10px/17px Verdana, Arial, Helvetica, sans-serif; /* font specification/line height */
display: block;
color: #ffffff;
margin: 0;
border-width: 0.1em;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
white-space: nowrap;
text-indent: 4px;
width: 130px;  /* width of menu items */  }

#menu a{
background: /* #000066 */ url(menuImages/tile-red-3.gif) no-repeat bottom right;
text-decoration: none; 
color: #ffffff; 
font-weight: bold; }

#menu a, #menu a:visited{
color: #ffffff; 
background: #DBE0EF url(menuImages/tile-red-3.gif); 
font-weight: bold; }

#menu a:hover{
/*  color: #dfeb60;*/
color: #FFFFCC;
background: #60719c url(menuImages/tile-red-on-3.gif); 
font-weight: bold; }

#menu a:active{
color: #000033;
background: #A2AED0; font-weight: bold; }

#menu h2{
line-height:35px;
color:#000066;
background: #ffffff;
text-transform:uppercase;
margin:0;
padding:.1em 0;
width:130px; font-weight: bold; }

#menu li{
list-style-type:none; color: #ffffff; }

#menu ul li{
position:relative; color: #ffffff; }

#menu li ul{
position:absolute;
top:0;
left:132px; /* position of expand */
display:none; color: #ffffff; }

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%; color: #000066; }
* html #menu ul li a{height:1%; color: #000066; }
/* End */

div#menu ul, div#menu ul ul, div#menu ul ul ul{
margin:0;
padding:0;
list-style-image:none; color: #ffffff; }

div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul{
display:none; color: #ffffff; }

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul{
display:block; color: #ffffff; }

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
text-indent:4px;
color: #FFFFFF;
background: #00066 url(menuImages/tile-red-3-x.gif) no-repeat bottom right;
}

#menu a.x:hover{
/*  color: #dfeb60;*/
color: #FFFFCC;
background: #60719c url(menuImages/tile-red-on-3.gif) no-repeat bottom right; font-weight: bold; }

#menu a.x:active{
color: #000033;
background: #a2aed0; font-weight: bold; }