/*-------------------------------------

$Id: webdezine_list_menu.css
****CREATED for use WITH webdezine_css_menu.php*****
****CREATED for use WITH WORDPRESS 2.1****
Version 1.0
2007/04/09

Webdezine - top notch design

http://www.webdezine.ca

Copyright (c) 2007 Webdezine

Released under the <a href="http://en.wikipedia.org/wiki/Fair_use" title="Fair use">Fair Use/Dealing Doctrine</a>
and the <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Creative Commons Attribution-Noncommercial-No Derivative Works 3.0  License</a>

Usage of the works is permitted provided that this instrument is retained with the works, so that any entity that uses the works is notified of this instrument.
DISCLAIMER: THE WORKS ARE WITHOUT WARRANTY.

------------------------------------------*/

/* The Css for the menu*/
/* You'll have to play with it to figure out which parts to adjust to suit your needs*/
/* Yup! There are css hacks.  This is a pre-IE7 menu that I haven't had the time to update..yet*/
/* But the hacks do not hinder the performance...works with IE6, IE7 and Firefox based browsers*/

*html #menucont { margin-top:91px;}
#menucont {position:absolute;margin-top:80px;margin-left:18px;padding:0;width:92%;background:transparent;z-index:1000;}
.topmenu {float:left;width:100%;font-size:12px;font-family: verdana, arial, sans-serif;background:transparent;text-align:left;}
.topmenu ul {padding:0;margin:0;list-style-type:none;}
.topmenu ul li ul li{ border-top:0px;}
.topmenu ul li {float:left;position:relative; background:url(images/topmenu.gif) repeat-x top left; }
.topmenu a, .menu a:visited {display:block; font-size:11px; text-decoration:none;color:#0563FA;font-weight: bold;width:auto; height:26px;padding-left:10px;padding-right:10px; line-height:25px; border-bottom: 3px solid #ffffff; }
* html .topmenu a, * html .topmenu a:visited {width:45px;w\idth:35px;}
.topmenu ul ul li a, .topmenu ul ul li a:visited { border:1px solid #636363; font-weight:normal;}
.topmenu ul li a.topmenu1:hover {border-color:#002AFA; color:#0563FA;}
.topmenu ul li a.topmenu2:hover {border-color:#002AFA; color:#0563FA;}
.topmenu ul li a.topmenu3:hover {border-color:#002AFA; color:#0563FA;}
.topmenu ul li a.topmenu4:hover {border-color:#002AFA; color:#0563FA;}
.topmenu ul li a.topmenu5:hover {border-color:#002AFA; color:#0563FA;}
.topmenu ul li a.topmenu6:hover {border-color:#002AFA; color:#0563FA;}
.topmenu ul li:hover a.topmenu1 {border-color:#002AFA; color:#0563FA;}
.topmenu ul li:hover a.topmenu3 {border-color:#002AFA; color:#0563FA;}
.topmenu ul li:hover a.topmenu3 {border-color:#002AFA; color:#0563FA;}
.topmenu ul li:hover a.topmenu4 {border-color:#002AFA; color:#0563FA;}
.topmenu ul li:hover a.topmenu5 {border-color:#002AFA; color:#0563FA;}
.topmenu ul li:hover a.topmenu6 {border-color:#002AFA; color:#0563FA;}
.topmenu ul ul a.drop, .topmenu ul ul a.drop:visited { background:#f5f5f5 url("images/more.gif") center left no-repeat;}
.topmenu ul ul a.drop:hover{ background:#A0C4FA url("images/more2.gif") center left no-repeat;}
.topmenu ul ul ul a, .topmenu ul ul ul a:visited {background:#f5f5f5;}
.topmenu ul ul { visibility:hidden; position:absolute; height:0;top:29px;left:0;width:120px;}
* html .topmenu ul ul {top:28px; t\op:29px;}
.topmenu ul ul ul{ left:120px; top:0;width:120px; }
.topmenu ul ul ul ul{left:120px; top:0; width:120px;}
.topmenu ul ul ul.left { left:-120px;}
.topmenu table {position:absolute; top:0; left:0;}
.topmenu ul ul a, .topmenu ul ul a:visited {background:#f5f5f5;color:#000;height:auto;line-height:1em;padding-top:5px;padding-bottom:5px;padding-left:11px;width:98px;}
.topmenu ul ul li a:hover {background:#A0C4FA url("images/more2.gif") center left no-repeat;}
* html .topmenu ul ul a{width:120px;w\idth:98px;}
.topmenu a:hover, .topmenu ul ul a:hover{ background:transparent;}
.topmenu ul :hover ul{visibility:visible;}
.topmenu ul :hover ul ul{ visibility:hidden;}
.topmenu ul :hover ul :hover ul ul{visibility:hidden;}
.topmenu ul :hover ul :hover ul :hover ul ul{ visibility:hidden;}
.topmenu ul :hover ul :hover ul{visibility:visible;}
.topmenu ul :hover ul :hover ul :hover ul {visibility:visible;}
.topmenu ul :hover ul :hover ul :hover ul :hover ul {visibility:visible;}
