/* common styling */
.menu {
font-family: Arial, Helvetica, sans-serif; 
width:600px; 
position:relative; 
font-size:0.85em;
padding-bottom:0px; /* padding of space below the main menu */
}
.menu ul {
padding:0px; 
margin:0px;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
margin-right:3px;
}
.menu ul li a, .menu ul li a:visited {
font: bold 11px/14px arial, helvetica, sans-serif; /* main menu font size */
display:block; 
text-decoration:none; 
color:#000; 
width:65px; /* main menu width for other browsers */
height:36px; 
color:#FFFFFF; /* main menu text colour */
border:1px solid #FFC05A; /* main menu border colour */
border-width:1px 1px 1px 1px ; /* main menu border */
background:#000099; /* main menu background colour*/
padding-left:0px; 
line-height:1.3em;
}
* html .menu ul li a, .menu ul li a:visited {
width:65px;
w\idth:65px; /* main menu width */
}
.menu ul li ul {
display: none;
}
table {
margin:3px; /* position of margin of main menu up down */
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#3247B7; 
background:#FFC05A;
}
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:3.0em; /* distance of the drop from main menu to first dropdown */
margin-top:-5px;/* distance of the drop from main menu to first dropdown */
left:0; 
width:140px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif; /* sub menu font size */
display:block; 
background:#3247B7; /* first dropdown inital background colour */
color:#ffffff; /* first dropdown inital text colour */ 
height:auto; 
line-height:1.2em; 
padding:3px 3px; /* first dropdown padding left and right */ 
width:140px   /* first dropdown width */ 
}
.menu ul li:hover ul li a.drop {
background:#3247B7 /*url(../../images/stripes.gif) bottom right no-repeat;  first dropdown with link to 3rd dropdown background colour */
color:#FFFFFF; /* first dropdown with link to 3rd dropdown text colour */
}
.menu ul li:hover ul li a:hover {
background:#FFC05A; /* first dropdown hover background colour */
color:#140560; /* first dropdown hover text colour */
}
.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:168px; /* second dropdown menu distance from 1st dropdown - to the right */
top:10px;
width:168px; 
}
.menu ul li:hover ul li:hover ul.left {
left:-168px; /* second dropdown menu distance from 1st dropdown - to the right */
}