/***********************************************************************************/
/*																				   */
/*  CSS Document | January 2007 | Mosaique New Media | Martin Lee  			       */
/*																				   */
/***********************************************************************************/


/***** General formatting only ****/
/**************** menu coding *****************/
#menu {
width: 100%;
float: left;
height:22px;
overflow:visible;

}

#menu ul {
list-style:none;
margin: 0px 0px -1px 0px;
padding: 0;
float: left;

}

#menu ul #m1{
	width:134px;
}

#menu ul #m2{
	width:136px;
}

#menu ul #m3{
	width:145px;
}

#menu ul #m4{
	width:91px;
}
#menu ul #m5{
	width:99px;
}

#menu ul #m6{
	width:120px;
}

#menu ul #m7{
	width:140px;
}


#menu a, #menu h2 {
font: 11px/16px arial, helvetica, sans-serif;
font-weight:bold;
display: block;
margin: 0;

}



#menu ul h2 a{
font: 11px/16px arial, helvetica, sans-serif;
font-weight:bold;
color: #ffffff;
background:url(../images/drop_down_menu_top_left.jpg) no-repeat;
padding: 3px 5px 4px 18px;
}

#menu ul h2 a:hover {
font: 11px/16px arial, helvetica, sans-serif;
font-weight:bold;
color: #ffffff;
background:url(../images/drop_down_menu_top_left.jpg) no-repeat;
}

#menu ul ul li a {
width: 200px;
font: 11px/16px arial, helvetica, sans-serif;
font-weight:bold;
color: #ffffff;
background:url(../images/drop_down_menu_up.jpg) repeat-x;
text-decoration: none;
padding: 3px 5px 4px 18px;

}

#menu ul ul li a:hover {
width: 200px;
color: #ffffff;
background:url(../images/drop_down_menu_down.jpg) repeat-x;
padding: 3px 5px 4px 18px;
}

#menu ul ul ul li a {
width: 200px;
font: 11px/16px arial, helvetica, sans-serif;
font-weight:bold;
color: #ffffff;
background:url(../images/drop_down_menu_down.jpg) repeat-x;
text-decoration: none;
padding: 3px 5px 4px 18px;
}


#menu li {position: relative;}

#menu ul ul {
width: 223px;
background:#B20000;
border:solid 1px #950101;
position: absolute;
top: 21px;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: -1px;
left: 223px;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}