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

.body{
       text-align: center;
}

.container{
    padding-bottom: 1em;
    width: 750px;
    margin: 0 auto;
    text-align: left
}

.menu {
    font-family: arial, sans-serif;
/*    width:750px;  */
    height:100px;
    position:fixed;
    font-size:14px;
    z-index:100;
    color: #336699;

    }

.menu ul li a, .menu ul li a:visited {
    display:block;
    text-decoration:none;
  /*  color:#000; */
    color: #336699;
    width:104px;
    height:20px;
    text-align:center;
    color:#fff;
    border:1px solid #fff;
  /*  background:#FF6347;  RED  main background*/
    background:#9966FF;
    line-height:20px;
    font-size:14px;
    overflow:hidden;
    font-weight: bold;
  }

.menu ul {
    padding:0;
    margin:0;
    list-style: none;
  }

.menu ul li {
    float:left;
    position:relative;
  }

.menu ul li ul {
    display: none;
  }

/* specific to non IE browsers */

/*Mouse over main menu  */
.menu ul li:hover a {
    color:#fff;
  /*  background:#36f;   */
    background:#FF6347;
  }

.menu ul li:hover ul {
    display:block;
    position:absolute;
    top:21px;
    left:0;
    width:105px;
  }

 /*Second Menu with additional options  */
.menu ul li:hover ul li a.hide {
  /*  background:#6a3;  */
    background:#EEEEEE;
    color:#fff;
  }

 /*Second Menu Mouse over with additional options  */
.menu ul li:hover ul li:hover a.hide {
  /*  background:#6fc;   */
    background:#EEEEEE;
    color:#000;
  }

.menu ul li:hover ul li ul {
    display: none;
  }

/*.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}   */

.menu ul li:hover ul li a {
    display:block;
/*    background:#FDF5E6;  */
    background:#EEEEEE;
    color:#000;
}

.menu ul li:hover ul li a:hover {
    background:#6fc;
    color:#000;
  }

.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;
  }

a.btn {
/*  font: Arial, Helvetica, sans-serif;   */
font-family: Arial, Helvetica, sans-serif;
  padding: 0 .5em 0 0;
  border: 1px #000 solid;
  text-decoration: none;
  font-size:140%;
  font-weight:bold;
}

a.btn span {
  border-right: 1px solid #000;
  margin: 0 0.1em 0 0;
  padding: 0 0.5em;
}

a.ff:link, a.ff:visited {
  color: #fff;
  background: #009;
}

a.ff:hover, a.ff:active {
    background: #99f;
}

a.ff span {
  background: Yellow;
  color: #000;
}

.lowText { text-decoration: none; color: #000000; font: 12px Arial, Helvetica }
.highText { text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica }
.itemBorder { border: 1px solid #666666 }
.itemBorderBlank { border: 1px solid #CCCCDD }