/* Core Stylesheet */

* {
    margin-top: 0;
    padding-top: 0;
}

body {
    background: url(images/menu_back.png) repeat-x top center;
}

ul {
    margin: 0 0 50px 0; /* content vertical padding */
}

/* Navigation */

ul.menu {
    padding: 22px; /* 50 - 28 */
}

ul.menu li {
    background: url(images/menu_li.png) no-repeat top right;
    display: block;
    float: left;
    padding: 0 5px 0 0; /* width of menu_li */
    height: 28px; /* height of 1 unit */
    width: auto;
}

ul.menu li a:link,ul.menu li a:visited {
    background: url(images/menu_a.png) no-repeat left 0;
    color: #000;
    display: block;
    font: 12px "Trebuchet MS",verdana,sans-serif;
    text-decoration: none;
    padding: 0;
    height: 28px;
}

ul.menu li a:link span,ul.menu li a:visited span {
    background: url(images/menu_span.png) no-repeat right 0;
    display: block;
    padding: 7px 25px 0 25px;
    height: 21px;
}

/* Hover */

ul.menu li a:hover {
    background-position: left -56px;
    }

ul.menu li a:hover span {
    background-position: right -56px;
    cursor: pointer;
}

/* IE */

* html ul li a {
    width: 1px;
}