/********************************************************************
*                                                                   *
*   Intelrate Education Center. Main menu Cascading Style Sheets.   *
*                                                                   *
********************************************************************/

.menu {
    font-size:   12px;
    margin-top: 5px;
    line-height: normal;
}

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

.menu li {
    margin:  0;
    padding: 0;
    display: inline;
}

.menu a {
    margin:          0;
    background:      url(/images/menu/itemLeft.png) no-repeat left top;
    padding:         0 0 0 0px;
    float:           left;
    margin-right:    5px;
    text-decoration: none;
}

.menu a span {
    padding:     2px 10px 2px 5px;
    background:  url(/images/menu/itemRight.png) no-repeat right top;
    display:     block;
    font:        normal 12px Verdana;
    font-weight: bold;
    color:       #990000;
}

.menu a:hover span, .menu li.selected a span {
    color: #990000;
}

.menu a:hover, .menu li.selected a {
    background-position: 0% -125px;
}

.menu a:hover span, .menu li.selected a span {
    background-position: 100% -125px;
}

.menuitem {
    position:         absolute;
    top:              0;
    border:           1px solid #ff6600;
    border-width:     0 1px;
    font:             normal 12px Verdana;
    line-height:      16px;
    z-index:          100;
    background-color: #ffa72e;
    width:            100px;
    visibility:       hidden;
}

.menuitem a {
    width:               auto;
    display:             block;
    text-indent:         5px;
    border:              0 solid #ff6600;
    border-bottom-width: 1px;
    padding:             2px 0;
    text-decoration:     none;
    font-weight:         bold;
    color:               #990000;
}

.menuitem a:hover {
    background-color: #ff6600;
}