/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* ================================================================ 
I have bastardized it seven ways to sunday with a css flyout menu.
=================================================================== */

/*top menu*/ 
#ianmilnemenu {height:40px;background: url(/_interface/images/ianmilne2010menu.gif);background-repeat:no-repeat;padding:0; position:relative;left:29px;top:0px;width:722px;z-index:101;}
#ianmilnemenu li {margin:0;padding:0;list-style:none;position:absolute; top: 0;}

#ianmilnemenu li.drop, #skyline a {display:block;text-decoration:none;padding-left:0px;}
/* common styling */

div#menu {margin:0px auto; margin-top:0px;position:relative; z-index:102;}
#menu ul li ul li {width:125px;border:1px solid transparent;height:30px}
#menu ul li a, .menu ul li a:visited {display:block; border:0px; height:30px;overflow:hidden;padding:10px;line-height:13px}
#menu ul li.drop a, .menu ul li.drop a:visited {overflow:hidden;}
#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li.drop {float:left; position:relative;height:30px;line-height:0px;text-align:left;font-size:13px;font-weight:bold;background-color:transparent}
#menu ul li ul {display: none;}

/* specific to non IE browsers */

#menu ul li:hover a {height:20px;}/*fix this for sub menu height*/
#menu ul li:hover ul {display:block; position:absolute; top:40px; left:0;}
#menu ul li:hover ul li a.hide {}
#menu ul li:hover ul li:hover a.hide {}
#menu ul li:hover ul li ul {display: none;}

#menu ul li:hover ul li a {display:block; background:#f04936; color:#fff;width:105px;}
#menu ul li:hover ul li a:hover {background:#000; color:#5f9cae;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
/*#menu ul li:hover ul li:hover ul.left {left:-105px;}*/
li.panelproducts {left:0; width:210px;}
li.panelpress {left:210px; width:138px;}
li.panellinks {left:348px; width: 122px;}
li.panelclients {left:470px; width: 142px;}
li.panelabout {left: 612px; width: 109px;}

li.panelproducts a:hover, #pane1productscurrent {background:transparent url(/_interface/images/ianmilne2010menu.gif) 0 -40px no-repeat;}
li.panelpress a:hover, #pane1presscurrent  {background:transparent url(/_interface/images/ianmilne2010menu.gif) -210px -40px no-repeat;}
li.panellinks a:hover, #pane1linkscurrent {background:transparent url(/_interface/images/ianmilne2010menu.gif) -348px -40px no-repeat;}
li.panelclients a:hover, #pane1clientscurrent {background:transparent url(/_interface/images/ianmilne2010menu.gif) -470px -40px no-repeat;}
li.panelabout a:hover, #pane1aboutcurrent  {background:transparent url(/_interface/images/ianmilne2010menu.gif) -612px -40px no-repeat;}