/* common styling */
.menu {
font-family: arial, helvetica, sans-serif; 
width:1120px; 	/* Width of line containing blocks	*/
position:left; 
font-weight:normal;
font-size: small;
margin-bottom:10px;  /* Depth under line containing text blocks */
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
float:left; width: 140px;	/* Specification of width occupied by block	*/
position:relative
}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
text-align:center;
color:#ffffff; 	/*	Darker brown of hover over button	*/
width:140px; 
height:2em; 
color:#000000;	/*	Black text */ 
border:3px outset #000000; 
border-width:2px 4px 4px 2px; /* Top, Right, Bottom, Left */
background:#84b4e4; 	/*	Darker Blue Button Background */
padding-left:0px; 		/*  Left Padding of the Text in block */
line-height:2em;
}
* html .menu ul li a, .menu ul li a:visited {
/* width:170px; */
width:170px;	/*	Width of text block	*/
}
.menu ul li ul {
display: none;
}
table {
margin:-1px; 
border-collapse:collapse;
font-size: small;
}

/* specific to NON IE browsers */

.menu ul li:hover a {
color:#ffffff; 
background:#368fe9; /*  Brightest shade of blue  */
}
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:2em;
margin-top:1px;
left:0; 
width:140px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block; 
background:#FFFFFF; 
color:#000000; 
height:auto; 
line-height:1.2em; 
padding:5px 15px; 
width:140px
}
.menu ul li:hover ul li a.drop {
background:#368fe9;(../../graphics/drop.gif) bottom right no-repeat;
}
.menu ul li:hover ul li a:hover {
background:#368fe9; 
color:#000000;
}
.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:100px; 
top:0;
width:140px;
}
.menu ul li:hover ul li:hover ul.left {
left:-100px;
}