body
{
    margin: 0px;
}

.callout
{
    text-indent: 2px;
    width: 100%;
    color: Black;
    background-color: #EDF2FB;
    vertical-align: middle;
    cursor: pointer;
    z-index: 2;
}

.callout:hover
{
    width: 100%;
    color: Black;
    background-color: #CEDEFA;
    vertical-align: middle;
    cursor: pointer;
    z-index: 3;
}

.header
{
    display: block;
    white-space: nowrap;
    text-indent: 2px;
    width: 100%;
    color: #fff;
    background-color: #98B9E4;
    padding: 3px 0px 3px 0px;
    font-weight: bold;
    cursor: default;
}

.menu
{
    width: 194px;
    border: solid 1px #98b9e4;
    font-family: Verdana;
    font-size: 11px;
    margin:3px 3px 3px 3px;
}

.menu a
{
    text-decoration: none;
    display: block;
    white-space: nowrap;
    text-indent: 2px;
    width: 100%;
    background-color: #EDF2FB;
}

.menu a, .menu a:visited
{
    color: black;
    text-decoration: none;
}

.menu a:hover
{
    background-color: #CEDEFA;
    font-weight: bold;
    color: Black;
    text-decoration: none;
}

.menu a:active
{
    color: Black;
    background-color: #CEDEFA;
    text-decoration: none;
}

.menu img
{
    border-style: none;
}

.menu li
{
    list-style-type: none;
    width: 100%;
    color: Black;
    background-color: #EDF2FB;
    padding: 3px 0px 3px 0px;
}

.menu ul li
{
    position: relative;
    width: 100%;
    color: Black;
    background-color: #EDF2FB;
}

.menu li ul
{
    position: absolute;
    top: 0px;
    left: 194px;
    display: none;
    width: 100%;
    border: solid 1px #CECBCE;
    color: Black;
    background-color: #EDF2FB;
}

.menu ul, .menu ul ul, .menu ul ul ul
{
    color: Black;
    background-color: #EDF2FB;
    margin: 0px;
    padding: 0px;
    list-style-image: none;
    width: 100%;
}

.menu ul ul, .menu ul ul ul, .menu ul li:hover ul ul, .menu ul li:hover ul ul ul
{
    display: none;
}

.menu ul li:hover ul, .menu ul ul li:hover ul, .menu ul ul ul li:hover ul
{
    display: block;
    width: 100%;
}