/* common styling */

.menu
{
    /*font-family: verdana, arial, sans-serif; */
    width:491px;
    position:relative; 
    /*font-size:12px; */
    /*margin:50px auto;*/
    top: 244px;
    left: 285px;
    -moz-opacity: 0.75;
}

.menu ul li a, .menu ul li a:visited, .menu ul li:hover a.restspace
 { color: #ffffff; line-height: 24px; text-decoration: none; background-color: #b22222; text-align: left; padding-left: 10px; height: 24px; filter: Alpha(opacity=75); display: block }

.menu ul 
{
    padding:0; 
    margin:0;
    list-style-type: none;
}

.menu ul li 
{
    float:left;
    position:relative;
}

.menu ul li ul 
{
    display: none;
    filter: Alpha(opacity=75);
}

.menu ul li ul li,
.menu ul li ul li a,
.menu ul li ul li a:visited
{
	height: 18px;
	font-size: 12px;
	line-height: 18px;
}

/*.menu ul li ul li
{
	text-align: middle;
	vertical-align: middle;
}*/

/* specific to non IE browsers */
.menu ul li:hover a  { color: #b22222; background-color: #ffffff }
.menu ul li:hover ul  { background-color: #b22222; position: absolute; bottom: 24px; left: 0; min-width: 100%; display: block }
.menu ul li:hover ul li  { color: #ffffff; background-color: #b22222; clear: both; overflow: visible; display: inline }
.menu ul li:hover ul li a  { color: #ffffff; background-color: #b22222; padding-right: 15px; padding-left: 10px }
.menu ul li:hover ul li a.hide  { color: #ffffff; background-color: #b22222 }
.menu ul li:hover ul li:hover a.hide  { color: #ffffff; background-color: #b22222 }
.menu ul li:hover ul li a:hover  { color: #b22222; background-color: #ffffff }

/*
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:210px; bottom:0;}
.menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#224996;}
.menu ul li:hover ul li:hover ul li a:hover {background:#c9c9a7; color:#224996;}
*/
/*
.menu ul li:hover ul.left {left:-45px;}
.menu ul li:hover ul li:hover ul.left {left:-140px; width:210px;}
*/