.menu {

      width:986px;

      font-size:0.9em;

      position:relative;

      }

      /* remove all the bullets, borders and padding from the default list styling */

      .menu ul {

      padding:0;

      margin:0;

      list-style-type:none;

      }

      .menu ul ul {

      width:109px;

      }

      /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

      .menu li {

      float:left;

      width:109px;

      position:relative;

      }

      /* style the links for the top level */

      .menu a, .demo .menu a:visited {

      display:block;

      font-size:12px;

      text-decoration:none;

      color:#fff;

      width:107px;

      height:30px;

      border:1px solid #fff;

      border-width:1px 1px 00;

      background:#860005;

      text-align: center;

      /* padding-left:10px; */

      line-height:29px;

      }

      /* a hack so that IE5.5 faulty box model is corrected */

      * html .demo .menu a, * html .demo .menu a:visited {

      width:108px;

      w\idth:107px;

      }

      /* style the second level background */

     .menu ul ul a.drop, .demo .menu ul ul a.drop:visited {

      background:#d4d8bd url(../../graphics/drop.gif)bottomrightno-repeat;

      }

      /* style the second level hover */

     .menu ul ul a.drop:hover{

      background:#c9ba65 url(../../graphics/drop.gif)bottomrightno-repeat;

      }

      .menu ul ul :hover > a.drop {

      background:#c9ba65 url(../../graphics/drop.gif)bottomrightno-repeat;

      }

      /* style the third level background */

      .menu ul ul ul a, .demo .menu ul ul ul a:visited {

      background:#e2dfa8;

      }

      /* style the third level hover */

      .menu ul ul ul a:hover {

      background:#b2ab9b;

      }

      /* 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:31px;

      left:0;

      width:126px;

      }

      /* another hack for IE5.5 */

      * html .demo .menu ul ul {

      top:30px;

      t\op:31px;

      }

      /* position the third level flyout menu */

      .menu ul ul ul{

      left:150px;

      top:0;

      width:126px;

      }

      /* position the third level flyout menu for a left flyout */

      .menu ul ul ul.left{

      left:-150px;

      }

      /* style the table so that it takes no ppart in the layout - required for IE to work */

      .menu table {position:absolute; top:0; left:0;}

      /* style the second level links */

      .menu ul ul a, .demo .menu ul ul a:visited {

      background:#d4d8bd;

      color:#000;

      height:auto;

      line-height:1em;

      padding:5px 10px;

      width:123px

      /* yet another hack for IE5.5 */

      }

      * html .menu ul ul a{

      width:126px;

      w\idth:115px;

      }

      /* style the top level hover */

      .menu a:hover, .demo .menu ul ul a:hover{

      color:#fff;

      background:#949e7c;

      }

      .menu :hover > a, .demo .menu ul ul :hover > a {

      color:#fff;

      background:#949e7c;

      }   

      /* 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;

      }

      

      

      

      

      /* navigation  LINKS*/



/* SECONDARY NAVIGATION - vertical navigation */

	#nav-secondary, #nav-secondary ul {position:static}

	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#ffebb7;}

	#nav-secondary {padding-top:0;border-top: 0px solid #fff;margin-top: 1px}

	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #ffebb7 url("images/buttons.gif") no-repeat 10px -695px; font: 96% Verdana;display:block}

	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 

	#nav-secondary a:link {color:#000} 

	#nav-secondary a:visited {color:#000} 

	#nav-secondary a:hover {color:#c00;background: #fff url("images/buttons.gif") no-repeat 10px -695px} 

	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00;} 

	#nav-secondary li {border-top: 0px solid #fff;border-bottom: 1px solid #fff}



/* SECONDARY NAVIGATION - 2nd TIER */

	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}

	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #ffebb7 url("images/buttons.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}

	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}

	#nav-secondary li.active li {border: none;margin:0}

	

	#nav-secondary li.active li.active a:link, 

	#nav-secondary li.active li.active a:visited, 

	#nav-secondary li.active li.active a:hover, 

	#nav-secondary li.active li.active a:active {color: #3b2d1e; font-weight:normal}



/* SECONDARY NAVIGATION - 3rd TIER */

	#nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}

	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}

	#nav-secondary li.active li.active li a:link, 

	#nav-secondary li.active li.active li a:visited, 

	#nav-secondary li.active li.active li a:hover, 

	#nav-secondary li.active li.active li a:active {font-weight:normal}

	#nav-secondary li.active li.active li.active a:link, 

	#nav-secondary li.active li.active li.active a:visited, 

	#nav-secondary li.active li.active li.active a:hover, 

	#nav-secondary li.active li.active li.active a:active {color: #3b2d1e; font-weight:normal}



/* SECONDARY NAVIGATION - 4th TIER */

	#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}

	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}

	#nav-secondary li.active li.active li.active li a:link, 

	#nav-secondary li.active li.active li.active li a:visited, 

	#nav-secondary li.active li.active li.active li a:hover, 

	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}

	#nav-secondary li.active li.active li.active li.active a:link, 

	#nav-secondary li.active li.active li.active li.active a:visited, 

	#nav-secondary li.active li.active li.active li.active a:hover, 

	#nav-secondary li.active li.active li.active li.active a:active {color: #3b2d1e; font-weight:normal}