/* common styling */
.menu {
font-family: arial, times, sans-serif;  /* Font for whole menu system FIRE and IE*/
width:100px; /* width of invisible top box contraining top bar*/
background:#848484;
position:relative; 

font-size:11px; /* Font SIZE for whole menu system*/
padding-bottom:0px; /* ??? */
}
.menu ul {
padding:0; /* padding around whole block? for the WHOLE top bar*/
margin:0; /* distance from left for the WHOLE top bar*/
list-style-type: none; /* Specifies the style of the list marker bullet or numbering system within a list. eg square,  disc etc */

}
.menu ul li {
float:left; /* right justifies on the right and the menu items reverse order */
position:relative; /* Must be relative for drop downs to appear below correct block */
}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; /* Underline on or off */
	font-weight: bold; 
color:#000; /* UNKNOWN */
width:120px; /* Top bar Width FIREFOX ONLY*/
height:24px; /* Top bar Height */
color:#fff; /* Top bar Font Colour */
border:1px solid #333;  /* colour and size of the border around all blocks inc top bar */ 
border-width: 0px 1px 1 0; /* space around all the blocks */ 
background:#666;  /* colour of blocks in top bar */ 
padding-left:10px;  /* space on left before text in blocks in top bar */ 
padding-top: 2px;
line-height:18px;   /* vertical position of text within top bar in FIREFOX but expands width of top box in IE */
}
* html .menu ul li a, .menu ul li a:visited {
width:149px; /* Unknown */
w\idth:140px; /* Width of top bar boxes on IE ONLY */
}
.menu ul li ul {
display:none; /* hides sub menus when not hovered over */
}
table {
margin:0px; /* left position of whole meny system - eg. -100 will put it off the left edge of screen */
border-collapse:collapse;
font-size:1em; /* Also controls FONT SIZE in both IE and FIRE also see .menu */
}



/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff; /* Colour of top bar text when hovering over submenus in Firefox*/
 background:#000000; /*Colour of top bar Background when hovering over submenus in Firefox*/
}
.menu ul li:hover ul {
display:block;  /* shows submenu on hover in FIREF */
position:absolute; /* position of submenu below top bar in FIREF */
top:18px; /* also position of submenu below top bar in FIREF */
margin-top:1px; /* again also position of submenu below top bar in FIREF */
left:0; /* position of submenu below top bar in FIREF increasing moves sub menus to right*/
width:150px; /* space allowed for sub menu blocks - increasing will allow more blocks to the right */
}
.menu ul li:hover ul li ul {
display: none; /* ?? */
}
.menu ul li:hover ul li a {
display:block;  /* the vertical alignment between the submenu blocks in Firefox*/
background:#a6a6a6; /* the submenu colour of blocks with no children in Firefox */
color:#ffffff; /* submenu text colour (not hovered) in Firefox */
height:auto; /* height of the submenu blocks - auto allows for wrapping over more than 1 line */
line-height:1.2em; /* height of the submenu blocks in Firefox*/
padding:5px 10px; /* padding of the submenu blocks in Firefox*/
width:188px/* Width of submenu box in Firefox*/
}
.menu ul li:hover ul li a.drop {
background:#666 url(drop.gif) bottom right no-repeat; /* non hover colour of submenu blocks with children + graphic in bottom right (arrow) in Firefox*/
}
.menu ul li:hover ul li a:hover {
background:#000000; /* hover colour of all submenus and children in Firefox*/
color:#fff; /* rollover text colour of submenu items in Firefox */
}
.menu ul li:hover ul li:hover ul {
display:block; /* ?? */
position:absolute; /* positions sub-sub-menus vertically alongside appropriate submenu block in Firefox*/
left:212px; /* positions subsubmenu Xpix to the right of the submenu. So this should be same as submenu block width in Firefox*/
top:-1;/* positions sub-sub-menus vertically alongside appropriate submenu block in Firefox*/
width:300px;/* ?? */
}
.menu ul li:hover ul li:hover ul.left {
left:-187px;/* position of sub sub menu for last top bar block. should be the same as the size of the submenu block  in Firefox*/
}
/* Purple Colour = #000000 */
/* Red colour = #000000 */