
.menuCell {
    width: 378px;
    height: 321px;
    background-color: #ABBBC8;
    background-image: url(images/body_toplefttile.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    position: relative;
}


.menu0Div, .menu1Div, .menu2Div, .menu3Div {
    width: 378px;
    position: relative;
    overflow: auto;
}
.menu0Div {
    height: 321px;
}
.menu1Div {
    height: 391px;
}
.menu2Div {
    height: 391px;
}
.menu3Div {
    height: 521px;
}


.showMenu, .hideMenu {
    width: 378px;
    height: 100%;
    position: absolute;
    right: 0px;
}
.showMenu {
    top: 0px;
}
.hideMenu {
    top: -1000px;
}


.menuTable {
    width: 300px;
    height: 100%;
    margin-left: 54px;
}


div.main a:link, div.main a:visited, div.main a:hover, div.main a:active,
div.fade a:link, div.fade a:visited, div.fade a:hover, div.fade a:active,
div.sub1 a:link, div.sub1 a:visited, div.sub1 a:hover, div.sub1 a:active,
div.sub2 a:link, div.sub2 a:visited, div.sub2 a:hover, div.sub2 a:active {
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
    text-decoration: none;
    margin: 0;
    display: block;
}
div.main a:link, div.main a:visited, div.main a:hover, div.main a:active,
div.fade a:link, div.fade a:visited, div.fade a:hover, div.fade a:active {
    font-size: 14px;
    padding: 4px 0 3px 30px;
}
div.main a:link, div.main a:visited, div.main a:hover, div.main a:active {
    color: #686050;
}
div.fade a:link, div.fade a:visited, div.fade a:hover, div.fade a:active {
    color: #A8A090;
}
div.sub1 a:link, div.sub1 a:visited, div.sub1 a:hover, div.sub1 a:active,
div.sub2 a:link, div.sub2 a:visited, div.sub2 a:hover, div.sub2 a:active {
    font-size: 12px;
}
div.sub1 a:link, div.sub1 a:visited, div.sub1 a:hover, div.sub1 a:active {
    padding: 4px 0 3px 60px;
}
div.sub2 a:link, div.sub2 a:visited, div.sub2 a:hover, div.sub2 a:active {
    padding: 4px 0 3px 90px;
}


div.main .noIcon, div.sub1 .noIcon, div.sub2 .noIcon {
    background: url(none);
}
div.main .icon, div.sub1 .icon, div.sub2 .icon {
    background: url(images/icon.gif) no-repeat left center;
}
div.sub1 a.noIcon:link, div.sub1 a.noIcon:visited, div.sub1 a.noIcon:hover, div.sub1 a.noIcon:active,
div.sub2 a.noIcon:link, div.sub2 a.noIcon:visited, div.sub2 a.noIcon:hover, div.sub2 a.noIcon:active {
    color: #FFFFFF;
}
div.sub1 a.icon:link, div.sub1 a.icon:visited, div.sub1 a.icon:hover, div.sub1 a.icon:active,
div.sub2 a.icon:link, div.sub2 a.icon:visited, div.sub2 a.icon:hover, div.sub2 a.icon:active {
    color: #7898C8;
}

