/*
Top level menu

Note: Do Not define font style in this CSS use system global font settings form style.css
*/

    #menu-main {

		/*top:3px;
		left: 440px;*/
		Width:870px;
		Height:44px;
		
		background-color: #7a774e;

		position: relative; 
		display: block;
		
      font-size:16px;
		font-weight: bold;
      line-height:normal;
		
		margin-right:auto;
		margin-left:auto;

      padding:0px;
     }
	  
    #menu-main-border {
		Width:870px;
		Height:40px;

		position: absolute;
      overflow: hidden;
		
		/* if a solid colour is required use border */
		border-color: #fff;
		border-width: 4px 0px 4px 0px;
		border-style: solid;
		/* if a semi-transparent colour is required use a png */
		/*background: url(ddmenu/menu-border.png);*/
    }
	 
    #menu-main ul {
		/*height:40px; */
      margin:0px;
      padding:0px;
		
      list-style: none;
      }
    #menu-main li {
      display:inline;
      margin:0px;
      padding:0px;
      }
    #menu-main li a {
      float:left;
      background:url("ddmenu/tableft.jpg") repeat left top;
      margin:0px;
      padding: 0px 0px 0px 15px;
      text-decoration:none;
      }
    #menu-main li a span {
		Height:30px;
      float:left;
      display:block;
      background:url("ddmenu/tabright.jpg") no-repeat right top;
      padding: 10px 15px 0px 0px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu-main a span {float:none;}
    /* End IE5-Mac hack */
    #menu-main a:hover span {
      color:#fff;
      }
    #menu-main a:hover {
      background-position:0% -40px;
		color: #7a774e;
      }
    #menu-main a:hover span {
      background-position:100% -40px;
		color: #7a774e;
      }
    #menu-main #current a {
            background-position:0% -40px;
    }
    #menu-main #current a span {
            background-position:100% -40px;
    }