/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop10.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul#nav {
  padding:0px 0px 0px 0px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 2px;
  margin-bottom: 0px;
  list-style:none;
  height:44px;
  width:712px;
  font-family:verdana, arial, sans-serif;
  font-size:11px;
  background:url(../BCoCSS/back.png) repeat-x;
  border-top:0px;
  border-bottom:0px;
  z-index:5;
  position:relative;
  top:0px;
  left:0px;
}
ul#nav li {float:left; width:89px; height:40px; z-index:50 }
ul#nav li a {display:block; float:left; width:89px; height:40px; line-height:18px; text-decoration:none; color:#800000; z-index:50; }
ul#nav li a span {display:block; margin-left: 0px; height:40px; width:85px; float:left; font-weight:bold; line-height:18px;  text-align:center; background:transparent; z-index:50; }
ul#nav li a span.thin {display:block; margin-left: 0px; height:40px; width:85px; float:left; font-weight:bold; line-height:36px;   text-align:center; background:transparent; z-index:50; }
ul#nav li a b.p0 {display:block; width:4px; height:40px; background:transparent; float:left; z-index:50; }
ul#nav li a b.p1 {clear:left; float:left; display:block; height:0px; width:0px; background:transparent; font-size:1px; z-index:50;}
ul#nav li a b.p2 {display:block; float:left; height:0px; width:0px; background:transparent; font-size:1px; z-index:50;}


ul#nav li a:hover {position:relative; visibility:visible; cursor:pointer; line-height:32px; z-index:50;}

ul#nav li:hover {position:relative;}
ul#nav li:hover > a {line-height:33px;}



ul#nav li:hover a b.p0 {background:url(../BCoCSS/right2.png); z-index:50;}
ul#nav li:hover a b.p1 {background:url(../BCoCSS/bottom2.png); z-index:50;}
ul#nav li:hover a b.p2 {background:url(../BCoCSS/corner2.png); z-index:50;}

ul#nav li a:hover span {background:url(../BCoCSS/greytab.png); line-height:17px}
ul#nav li:hover > a span {background:url(../BCoCSS/greytab.png); line-height:17px}
ul#nav li a:hover span.thin {background:url(../BCoCSS/greytab.png); line-height:35px}
ul#nav li:hover > a span.thin {background:url(../BCoCSS/greytab.png); line-height:35px}

ul#nav ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0; height:0; border-top:0;}

ul#nav table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; border:0;}

ul#nav :hover ul {left:0px; top:38px; width:150px; z-index:500; background:url(../bcocss/trans.gif);}
ul#nav :hover ul ul {position:absolute; left:-9999px;}

ul#nav :hover ul :hover ul {left:128px; top:0px;}


ul#nav :hover ul li {height:25px; width:159px;}
ul#nav :hover ul li.pad1 {height:8px; width:159px; background:transparent;}
ul#nav :hover ul li.pad2 {height:8px; width:159px; background:transparent;}
ul#nav :hover ul li.pad1 b.p3 {display:block; width:8px; height:8px; font-size:1px; float:right; background:url(../BCoCSS/right2.png);}
ul#nav :hover ul li b.p4 {display:block; width:8px; height:25px; float:right; background:url(../BCoCSS/side2.png);}
ul#nav :hover ul li.pad2 b.p5 {display:block; width:151px; height:8px; font-size:1px; float:left; background:url(../BCoCSS/bottom2.png);}
ul#nav :hover ul li.pad2 b.p6 {display:block; width:8px; height:8px; font-size:1px; float:left; background:url(../BCoCSS/corner2.png);}
ul#nav :hover ul li.pad1 b.p7 {display:block; width:150px; height:7px; font-size:1px; float:left; background:#f3f3f3; border-top:1px solid #00006c; border-left:1px solid #00006c;}

/*set the text of the dropdowns- only change is the text color */
ul#nav :hover ul li a {height:25px; line-height:15px; padding-left:10px; width:140px; background:#f3f3f3; border-left:1px solid #00006c; text-align:left; color:#00006c; font-family:verdana; font-size:12px;}
ul#nav :hover ul li a.fly {background:#f3f3f3 url(../BCoCSS/arrow.png) no-repeat 120px 5px; font-family:verdana; font-size:12px; color:#00006c;}


ul#nav :hover ul.grey li.pad1 b.p7 {background:#f3f3f3;  border-top:1px solid #00006c; border-left:1px solid #00006c;}
ul#nav :hover ul.grey li a {background:#f3f3f3; border-left:1px solid #00006c;}

/*set format of text when hovered over */
ul#nav :hover ul li a:hover {font-weight:bold; color:#00006c; font-family:verdana; font-size:12px;}
ul#nav :hover ul li:hover > a {font-weight:bold; color:#00006c; font-family:verdana; font-size:12px;}

ul#nav :hover ul :hover ul li.pad1 b.p7 {background:#f3f3f3; border-top:1px solid #00006c; border-left:1px solid #00006c;}
ul#nav :hover ul :hover ul li a {background:#f3f3f3; border-left:1px solid #00006c; font-weight:normal;}

ul#nav :hover ul :hover ul li a:hover {font-weight:bold; color:#00006c; font-family:verdana; font-size:12px;}
ul#nav :hover ul :hover ul li:hover > a {font-weight:bold; color:#00006c; font-family:verdana; font-size:12px;}
