.menu {font-family: verdana, arial, sans-serif; width:240px; font-size:120%; z-index:10; display:block; margin:0px 0px 0px 0px;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; height:128px;}
.menu-b {background-image:url(../images/menu-b.jpg); background-repeat:no-repeat; height:28px; }
.menu ul li a {display:block; text-decoration:none; color:#000000; height:32px; text-indent:50px; background-image: url(../images/menu-bg.gif); background-repeat: no-repeat; line-height:32px; overflow:hidden; width:240px; font-weight:bold;}

#menu1 a , #menu1 a:visited {background-image: url(../images/menu-bg1.jpg); background-repeat: no-repeat;}
#menu2 a , #menu2 a:visited {background-image: url(../images/menu-bg2.jpg); background-repeat: no-repeat;}
#menu3 a , #menu3 a:visited {background-image: url(../images/menu-bg3.jpg); background-repeat: no-repeat;}
#menu4 a , #menu4 a:visited {background-image: url(../images/menu-bg4.jpg); background-repeat: no-repeat;}
#menu5 a , #menu5 a:visited {background-image: url(../images/menu-bg4.jpg); background-repeat: no-repeat;}
#menu1 a:hover {background-image: url(../images/menu-bg1-over.jpg);}
#menu2 a:hover {background-image: url(../images/menu-bg2-over.jpg);}
#menu3 a:hover {background-image: url(../images/menu-bg3-over.jpg);}
#menu4 a:hover {background-image: url(../images/menu-bg4-over.jpg);}
#menu5 a:hover {background-image: url(../images/menu-bg4-over.jpg);}

.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li { float: left; position: relative; }
.menu ul li ul { display: none; width:240px;}



/* specific to non IE browsers */
.menu ul li:hover a {color:#000000; background-image: url(../images/menu-bg-over.gif); background-repeat: no-repeat;}
.menu ul li:hover ul {display:block; position:absolute; left:240px; top:1px; width:240px;}
.menu ul li:hover ul li a.hide {color:#000000; border-bottom:solid #FFFFFF 1px; background-color:#BBE3FF;}
.menu ul li:hover ul li a:hover.hide {background-color:#BBE3FF; color:#000000; border-bottom:solid #FFFFFF 1px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#000000; border-bottom:solid #FFFFFF 1px;}

#menu1 ul li a, #menu1 ul li a:visited {background-image: url(../images/submenu-bg1.jpg); background-repeat: no-repeat;}
#menu1 ul li a:hover {background-image: url(../images/submenu-bg1-over.jpg); background-repeat: no-repeat;}
#menu2 ul li a, #menu2 ul li a:visited {background-image: url(../images/submenu-bg2.jpg); background-repeat: no-repeat;}
#menu2 ul li a:hover {background-image: url(../images/submenu-bg2-over.jpg); background-repeat: no-repeat;}
#menu3 ul li a, #menu3 ul li a:visited {background-image: url(../images/submenu-bg3.jpg); background-repeat: no-repeat;}
#menu3 ul li a:hover {background-image: url(../images/submenu-bg3-over.jpg); background-repeat: no-repeat;}
#menu4 ul li a, #menu4 ul li a:visited {background-image: url(../images/submenu-bg4.jpg); background-repeat: no-repeat;}
#menu4 ul li a:hover {background-image: url(../images/submenu-bg4-over.jpg); background-repeat: no-repeat;}
#menu5 ul li a, #menu5 ul li a:visited {background-image: url(../images/submenu-bg4.jpg); background-repeat: no-repeat;}
#menu5 ul li a:hover {background-image: url(../images/submenu-bg4-over.jpg); background-repeat: no-repeat;}

.menu ul li:hover ul li a:hover { background-image: url(../images/submenu-bg-over.jpg); background-color:#BBE3FF; background-repeat: repeat-x; color:#000000; border-bottom:solid #FFFFFF 1px;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:240px; top:1px;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {


line-height:24px; 
padding: 0px;
text-indent: 10px;
width:172px;
height:24px;
text-decoration: none;
text-align: left;}

/* topmenu */
.topmenu {	height:20px;
	width:405px;
	display:block;
	float:left;
	margin: 0px 0px 0px 25px;
	color:#FFFFFF;
	font-size:13px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}
.topmenu ul li a {display:block; text-decoration:none; color:#FFFFFF; height:23px; text-align:center; background-image: url(../images/topmenu-bg.gif); background-repeat: repeat-x; background-color:#333333; line-height:23px; overflow:hidden;  border:1px solid #000000;}

.topmenu ul li a#topmenu1 {width:55px;}
.topmenu ul li a#topmenu2 {width:70px;}
.topmenu ul li a#topmenu3 {width:83px;}
.topmenu ul li a#topmenu4 {width:50px;}
.topmenu ul li a#topmenu5 {width:55px;}
.topmenu ul li a#topmenu6 {width:60px;}

.topmenu ul li a:hover {text-decoration:none;  background:url(../images/topmenu-bg-over.gif) repeat-x #333333;}


.topmenu ul {padding:0; margin:0; list-style-type: none; }
.topmenu ul li { float: left; position: relative; }



.topmenu ul li ul { display: none; width:180px;}


/* specific to non IE browsers */
.topmenu ul li:hover a {color:#FFFFFF; background:#333333;}
.topmenu ul li:hover ul {display:block; position:absolute; left:0px; top:24px; width:240px;}
.topmenu ul li:hover ul li a.hide {color:#FFFFFF; border-bottom:solid #999999 1px; background-color:#333333;}
.topmenu ul li:hover ul li a:hover.hide {background-color:#333333; color:#FFFFFF; border-bottom:solid #999999 1px;}
.topmenu ul li:hover ul li ul {display: none;}
.topmenu ul li:hover ul li a { background:url(../images/topmenu-bg.gif) repeat-x #333333; display:block; color:#FFFFFF; border-bottom:solid #999999 1px;}

.topmenu ul li:hover ul li a:hover { background:url(../images/topmenu-bg-over.gif) repeat-x #333333;  color:#ffffff; border-bottom:solid #999999 1px;}
.topmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:0px; top:24px;}

/* style the second level links */
.topmenu ul ul a, .topmenu ul ul a:visited {


line-height:24px; 
padding: 0px;
text-indent: 10px;
width:180px;
height:24px;
text-decoration: none;
text-align: left;}
