.mitext   { color: #800000; font: bold 16px Georgia; text-decoration: none }

a.box {
font: bold 12px/15px arial, helvetica, sans-serif;
display: block;
/*border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #fff;*/
margin: 0;
padding: 8px 1px 11px 1px;
color: #000;
text-decoration: none;
background-image:url('nav_box.gif');
}

a.box:hover {
color: #800;
}


/* See http://www.seoconsultants.com/css/menus/tutorial/ */

.nav {
position:absolute; 
top:0px; 
left:0px; 
width: 164px; 
}

#menu {
width: 125px; /* set width of menu */
background: #fff;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

#menu li { /* gaps with no submenus */
margin: 0 0 5px 0;
}

#menu ul ul ul li { /* gaps in submenus */
margin: 0 0 0px 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 12px/20px arial, helvetica, sans-serif;
display: block;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #fff;
margin: 0;
padding: 2px 3px 2px 15px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
/*background: #efefef;*/
background-image:url('navbutton.gif');
text-decoration: none;
}

#menu a:hover {
color: #800;
/*background: #fff;*/
}



#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

.cities {display: none;}
div#menu ul ul ul {display: none;}
div#menu ul ul li:hover ul {display: block;}

.matchnav {
font: bold 12px/20px arial, helvetica, sans-serif;
}