div #menuContainer { width: 680px; margin: 60px 0 0 81px; height: 30px; }
div #menuContainer ul { padding: 0; margin: 0; font: 1em sans-serif; }
div #menuContainer ul li { height: 22px; font-size: 10px; list-style-type: none; position: relative; margin: 0; padding: 0; float: left; }
div #menuContainer ul ul { display: none; }
div #menuContainer ul li:hover > ul { height: 22px; display: block; position: absolute; left: 100%; }
div #menuContainer li a { display: block; height: 22px; padding: 8px 14px 0 14px; text-decoration: none; background: #FFF; color: #333; text-transform: uppercase; }
div #menuContainer ul li a:hover { height: 22px; background: #93c738; color: #fff; }
div #menuContainer li.sub > a { height: 22px; font-weight: bold; font-size: 11px; background: #FFF; }
div #menuContainer ul li ul li { height: 22px; border-bottom: 1px #ccc solid; width: 160px; font-size: 10px; list-style-type: none; position: relative; margin: 0; padding: 0; }

div #menuContainer h1 {margin: 0; padding: 1em 0.25em 0; font: bold 2.5em Arial, sans-serif; line-height: 0.8em; border-bottom: 1px solid silver; text-align: right; color: #557; letter-spacing: 2px; }

div #menuContainer ul > li { color: #000; font-size: 11px; font-weight: bold; height: 30px; padding 0 6px 0 6px; float: left; }
div #menuContainer ul > li > ul > li { font-size: 10px; color: #333; font-weight: normal; height: 30px; padding 0 6px 0 6px; float: left; }
div #menuContainer ul > li:hover > ul { width: 100px; top: 30px; left: 0; }

div #menuContainer ul ul { width: 100px; }

/* specific button images */
div #menuContainer ul li a { text-indent: -10000px; z-index: 0; }
div #menuContainer ul li ul li a { text-indent: 0; }
div #menuContainer ul li a#solutions { height: 22px; width: 76px; background: url(http://medio.com/images/site_images/main_nav.gif) 0 0; }
div #menuContainer ul li a#solutions:hover { height: 22px; background: url(http://medio.com/images/site_images/main_nav.gif) 0 -30px; }
div #menuContainer ul li a#solutions:active { height: 22px; background: url(http://medio.com/images/site_images/main_nav.gif) 0 -30px; }
div #menuContainer ul li a#solutions.selected { height: 22px; background: url(http://medio.com/images/site_images/main_nav.gif) 0 0; }
div #menuContainer ul li a#solutions.selected:hover { height: 22px; background: url(http://medio.com/images/site_images/main_nav.gif) 0 -30px; }
div #menuContainer ul li a#technology { height: 22px; width: 87px; background: url(http://medio.com/images/site_images/main_nav.gif) -100px 0; }
div #menuContainer ul li a#technology:hover { height: 22px; background: url(http://medio.com/images/site_images/main_nav.gif) -100px -30px; }
div #menuContainer ul li a#technology:active { height: 22px; background: url(http://medio.com/images/site_images/main_nav.gif) -100px -30px; }
div #menuContainer ul li a#technology.selected { height: 22px; background: url(http://medio.com/images/site_images/main_nav.gif) -100px 0; }
div #menuContainer ul li a#technology.selected:hover { height: 22px; background: url(http://medio.com/images/site_images/main_nav.gif) -100px -30px; }
div #menuContainer ul li a#partners { height: 22px; height: 22px; width: 68px; background: url(http://medio.com/images/site_images/main_nav.gif) -213px 0;}
div #menuContainer ul li a#partners:hover { height: 22px; background: url(http://medio.com/images/site_images/main_nav.gif) -213px -30px;}
div #menuContainer ul li a#partners:active { height: 22px; background: url(http://medio.com/images/site_images/main_nav.gif) -213px -30px;}
div #menuContainer ul li a#partners.selected { height: 22px; background: url(http://medio.com/images/site_images/main_nav.gif) -213px 0;}
div #menuContainer ul li a#partners.selected:hover { height: 22px; background: url(http://medio.com/images/site_images/main_nav.gif) -213px -30px;}
div #menuContainer ul li a#joinmedio { height: 22px; height: 22px; width: 78px; background: url('http://medio.com/images/site_images/main_nav.gif') -306px 0;}
div #menuContainer ul li a#joinmedio:hover { height: 22px; background: url('http://medio.com/images/site_images/main_nav.gif') -306px  -30px;}
div #menuContainer ul li a#joinmedio:active { height: 22px; background: url('http://medio.com/images/site_images/main_nav.gif') -306px  -30px;}
div #menuContainer ul li a#joinmedio.selected { height: 22px; background: url('http://medio.com/images/site_images/main_nav.gif') -306px 0;}
div #menuContainer ul li a#joinmedio.selected:hover { height: 22px; background: url('http://medio.com/images/site_images/main_nav.gif') -306px  -30px;}
div #menuContainer ul li a#company { height: 22px; width: 65px; background: url('http://medio.com/images/site_images/main_nav.gif') -409px 0;}
div #menuContainer ul li a#company:hover { height: 22px; background: url('http://medio.com/images/site_images/main_nav.gif') -409px  -30px;}
div #menuContainer ul li a#company:active { height: 22px; background: url('http://medio.com/images/site_images/main_nav.gif') -409px  -30px;}
div #menuContainer ul li a#company.selected { height: 22px; background: url('http://medio.com/images/site_images/main_nav.gif') -409px 0;}
div #menuContainer ul li a#company.selected:hover { height: 22px; background: url('http://medio.com/images/site_images/main_nav.gif') -409px  -30px;}
div #menuContainer ul li a#news { height: 22px; width: 101px; height: 22px; background: url('http://medio.com/images/site_images/main_nav.gif') -500px 0;}
div #menuContainer ul li a#news:hover { height: 22px; background: url('http://medio.com/images/site_images/main_nav.gif') -500px  -30px;}
div #menuContainer ul li a#news:active { height: 22px; background: url('http://medio.com/images/site_images/main_nav.gif') -500px  -30px;}
div #menuContainer ul li a#news.selected { height: 22px; background: url('http://medio.com/images/site_images/main_nav.gif') -500px 0;}
div #menuContainer ul li a#news.selected:hover { height: 22px; background: url('http://medio.com/images/site_images/main_nav.gif') -500px  -30px;}

div #menuContainer li:hover ul, div #menuContainer li.over ul { display: block; } /* force IE6 to recognize hover applied to <li> */