/* ================================================================ 
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/ipad-droplist.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
html{-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix{
0%{zoom:1} 
100%{zoom:1}}
.nav-bar{width:800px;height:36px;background:url(../img/nav_bckgrnd.jpg) repeat;position:relative;z-index:100;font-family:arial,sans-serif;margin:5px 0 -5px 50px}
.menu,.menu ul{padding:0;margin:0;list-style:none}
.menu{width:800px;padding-left:6px}
.menu ul.sub{position:absolute;left:-9999px;top:35px;background:url(../img/nav-bckgrnd2.jpg) repeat;padding:2px 0;z-index:-1;border-top:1px solid #999}
.menu ul.sub li ul li p{margin:7px 0 5px}
.menu ul.sub1{width:165px}
.menu ul.sub2{width:235px}
.menu ul.sub3{width:503px/*503 for 3 columns*/}
.menu ul.sub h5{padding:9px 0 5px;margin:0;color:#00FFFF;font-size:12px;width:140px;line-height:20px;font-weight:bold}
.menu li.top-li{float:left;position:relative;background:url(../img/nav_bckgrnd.jpg) no-repeat;z-index:50}
.menu li.top-li a.top-a{display:block;float:left;line-height:35px;color:#000;padding:0 18px 0 10px;text-decoration:none;font-size:14px}
.menu li.top-li a.top-a:hover{background:url(../img/nav-bckgrnd2.jpg) repeat;color:#fff}
.menu li.top-li:hover > a.top-a{background:url(../img/nav-bckgrnd2.jpg) repeat;color:#fff}
.menu li.has-sub a.top-a:hover{height:36px}
.menu li.has-sub:hover > a.top-a{height:36px}
.menu li.close a{position:absolute;left:50%;top:-30px;width:100px;height:30px;line-height:30px;color:#fff;font-weight:bold;font-size:12px;padding:0;margin:0 0 0 -50px;background:#ff8000;text-align:center;text-decoration:none;display:none}
.menu ul li{width:150px;float:left}
.menu ul li a{line-height:15px;color:#000;background:url(../img/nav_bckgrnd.jpg) repeat;display:block;width:120px;margin-bottom:5px;padding:5px 10px;text-decoration:none;font-size:12px}
.menu ul li a:hover{background:url(../img/nav_bckgrnd2.jpg) repeat;color:#fff}
.menu ul li.bottomLine{width:100%;clear:left;padding:5px 0 5px 0;background:url(../img/ft-bckgrnd.jpg) repeat;margin:5px 0 0}
.menu ul li.bottomLine p{padding:0;margin:0;line-height:24px;font-size:12px;color:#00FFFF;font-weight:bold;width:100%;text-align:center}
.menu ul li.bottomLine a{display:inline;padding:3px 5px;line-height:20px;background:url(../img/nav_bckgrnd.jpg) repeat;color:#000;text-decoration:underline}
.menu ul li.bottomLine a:hover{background:url(../img/nav-bckgrnd2.jpg) repeat;color:#fff}
.menu :hover ul.sub{left:0}
.menu :hover ul.left1{left:-150px}

/* for IE6 */
.menu table{border-collapse:collapse;margin-bottom:-1px}
* html .menu ul.sub{border:0}
* html .menu ul li.bottomLine{padding:5px 0 5px 10px}

/*Box Shadow*/
.nav-bar,.sub1,.sub3,.menu ul li a{border:1px solid #000;-moz-box-shadow: 2px 3px 7px #000000;-webkit-box-shadow: 2px 3px 7px #000000;box-shadow: 2px 3px 7px #000000;}

/*Misc*/
.spacer{margin:10px 0 3px}