.menu {
	font-family: tahoma, geneva, "lucida sans unicode", "lucida grande", verdana, sans-serif;
	width:100%;
	/*height:355px;*/
background:#fff url(../meeting.jpg) 0 20px no-repeat;
	position:relative;
	/*margin:2em 125px 0 125px;*/
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
	font-size: 11px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFFFFF;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
	float:left;
	position:relative;
}
/* set up the default top level links */
.menu ul li a,.menu ul li a:visited, .menu ul li a:active {
	display:block;
	text-decoration:none;
	color:#ffffff;
	/*width:88px; */
/*height:1.5em;*/
/*font-weight:bold;*/
	color:#ffffff;
	background-color: #EA0000;
	padding-left:15px;
	padding-right:15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;/*line-height:1.5em;*/
	padding-top: 3px;/*margin-right:2px;*/
	padding-bottom: 3px;
	height: 30px;	/*margin-bottom: 3px;*/
}
  
* html .menu ul li a, .menu ul li a:visited, .menu ul li a:active{
/*width:98px;*/
/*w\idth:88px;*/
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color: #ffffff;
	background-color:  #333333;
/*border-bottom:1px solid #606;*/
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
/*top:1.2em;*/
margin-top:-1px;
left:0; 
width:100px;
/*border:1px solid #888;*/
border-top:0;
background:transparent;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity:0.8;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:block;
	/*background:transparent url(../../opacity/opaque.png);*/
	/*margin:3;*/
	/*color:#333;*/
font-weight:normal;
	font-size:0.9em;
	height:auto;
	/*line-height:1em; */
padding:5px;
width:106px;
background-color:#F4F4F4;
	color:#000000;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1;
	border-left-width: 0;
	border-bottom-style: solid;
	border-bottom-color: #FF3300;
	/*margin-top: 5px;*/	/*padding-bottom: 5px;
	padding-top: 5px;*/
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background-color:#666666;
	color: #FFFFFF;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
	background:transparent filter: alpha(opacity=80);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity:0.8;
/*margin-top:3px;*/
/*top:1.7em;*/
/*margin-top:10px;*/ /* for IE5.5 faulty box model */
/*marg\in-top:11px;*/ /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:106px; /* for IE5.5 faulty box model */
w\idth:106px; /* for IE6 */
}