/* ================================================================ 
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/final_drop.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.
=================================================================== */

.menu {
  width:745px;
  height:40px;
  position:relative;
  z-index:100;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
  width:746px;
  w\idth:745px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
}
.menu ul ul {
  width:149px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
  float:left;
  position:relative;
  font-size: 80%;
  text-transform: uppercase;
  background: url('/uploads/images/bg_navitem.png') left center no-repeat;
}
li.first {
  background-image: none;
}
.menu li li {
  font-size: 100%;
  text-transform: none;
  background-image: none;
}

/* style the links for the top level */
.menu a, .menu a:visited {
  display:block;
  text-decoration:none;
  color:#fff;
  height:40px;
  padding-left:10px;
  padding-right:10px;
  line-height: 40px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
  width:149px;
  w\idth:138px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
  background:#CCC url('/uploads/images/grey-arrow.gif') no-repeat 130px center;
}

/* style the second level hover */
.menu ul ul a.drop:hover{
  background:#CCC url('/uploads/images/blue-arrow.gif') no-repeat 130px center;
}
.menu ul ul :hover > a.drop {
  background:#CCC url('/uploads/images/blue-arrow.gif') no-repeat 130px center;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
  background: #DDD;
}

/* style the third level hover */
.menu ul ul ul a:hover {
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top: 40px;
  left:0; 
  width:149px;
  border-top:1px solid #000;
}
/* another hack for IE5.5 */
* html .menu ul ul {
  top:40px;
  t\op:41px;
}

/* position the third level flyout menu */
.menu ul ul ul {
  left:148px;
  top:-1px;
  width:149px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
  left:-148px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
  position:absolute;
  top:0; left:0;
  border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a, 
.menu ul ul a:visited {
  background: #DDD;
  color: #000;
  height: auto;
  line-height: 1em;
  padding: 5px 10px;
  width: 128px;
  border-width: 0 1px 1px 1px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, 
* html .menu ul ul a:visited {
  width:150px;
  w\idth:128px;
}

/* style the top level hover */
.menu a:hover {
  color: #00FFFF;
}
.menu ul ul a:hover {
  color: #006699;
}
.menu :hover > a {
  color: #00FFFF;
}
.menu ul ul :hover > a {
  color: #006699;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul{
  visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
  visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
  visibility:visible;
}

#navlist {
  list-style-type: none;
  display: inline;
  margin: 0px;
  padding: 0px;
  width: 564px;
  height: 26px;
}
#navlist li {
  float: left;
  display: inline;
  position: relative;
  margin: 0px 3px 0px 0px;
  padding: 0px;
  width: 140px;
  text-align: center;
  font-size: 70%;
  line-height: 26px;
  text-transform: uppercase;
  background: #CCC;
  text-align: center;
}
#navlist li.activeparent,
#navlist li.currentpage {
  background: #999;
  color: #FFFFFF;
}
#navlist li.activeparent li,
#navlist li li.currentpage {
  background-image: none;
  color: #56605a;
}
#navlist li.off ul,
#navlist li.on ul {
  display: none;
  position: absolute;
  top: 26px;
  left: 0px;
  margin: 0px;
  padding: 0px 0px 9px;
  width: 140px;
  z-index: 6000;
  list-style-type: none;
  background: #666;
  color: #56605a;
  border: none;
}
#navlist li.on {
  background: #666;
}
#navlist li.off:hover ul,
#navlist li.over ul {
  display: block;
  z-index: 6000;
}
#navlist li li {
  display: block;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  line-height: 1.3em;
  text-align: left;
  text-transform: none;
  background-image: none;
}
#navlist a {
  margin: 0px;
  padding: 0px;
  display: block;
  width: 140px;
  height: 26px;
  background: #EEE;
  color: #333; /* #56605a; */
  text-decoration: none;
}
#navlist li.activeparent a,
#navlist li.currentpage a {
  color: #FFFFFF;
}
#navlist li.activeparent li a,
#navlist li.currentpage li a {
  color: #333; /* #56605a; */
}
#navlist a:active,
#navlist a:hover {
  background-position: 0px 0px;
  color: #FFFFFF;
}
#navlist ul a {
  display: block;
  margin: 0px;
  padding: 4px;
  width: 132px;
  \width: 140px;
  w\idth: 132px;
  height: auto;
  background-image: none;
}
#navlist ul li.currentpage a {
  background-color: #e5e3d9;
  color: #56605a;
  text-decoration: underline;
  background-image: none;
}
#navlist ul a:hover {
  background-color: #e5e3d9;
  color: #56605a;
  text-decoration: underline;
  background-image: none;
}
#globalnav ul {
  display: inline;
  height: 36px;
}
#globalnav li {
  float: left;
  padding: 0 0.5em;
  font-size: 80%;
  line-height: 36px;
  background: url('/uploads/images/bg_global.png') bottom center repeat-x;
}
#globalnav li.first {
  float: left;
  padding: 0;
  width: 0.5em;
  background-position: bottom left;
}
#globalnav li.last {
  float: left;
  padding: 0;
  width: 0.5em;
  background-position: bottom right;
}
#globalnav a, #globalnav a:visited {
  height: 36px;
  color: #0FF;
  text-decoration: none;
}
#globalnav a:hover {
  color: #FFF;
}
#footernav {
  margin: 0em 0em 0.5em;
}
#footernav li {
  display: inline;
  padding: 0 0.5em;
  border-left: 1px solid #0FF;
}
#footernav li.first {
  border-left: none;
}