div#Box1
        {
            width: 18em;
            padding: 20px;
            margin: 0 auto;
            background: #3070c7;
            color: #000;
        }
        div#Box2
        {
            width: 18em;
            padding: 20px;
            margin: 0 auto;
            background: #3682ce;
            color: #000;
        }
        div#Box3
        {
            width: 18em;
            padding: 20px;
            margin: 0 auto;
            background: #3e93d6;
            color: #000;
        }
         div#Box4
        {
            width: 18em;
            padding: 20px;
            margin: 0 auto;
            background: Yellow;
            color: #000;
        }
        h1
        {
            font: lighter 24px 'Trebuchet MS' , 'Arial sans-serif';
            color: White;
             text-align: center;
        }
        h1, p
        {
            margin: 0;
            padding: 5px;
        }
    
.AlmaMainMenu
{
    font: 16px;
    margin: 0 100 0 0;
    width: 100%;
    background-color: #3c82da;
    padding-right: 20px;
    font-weight: bold;
    color: White;
}

a.AlmaMainMenu
{
    text-decoration: none;
     color: White;
 
}
.AlmaMainMenu:hover
{
    color: #FFFF99;
    display: inline;
}


.bevelmenu
{
    font: 12px;
    margin: 0;
    width: 100%;
    background-color: #0b65ab;
    padding-right: 0;
    padding-left: 0;
    border-color: White;
    padding: 10px;
    font-weight: bold;
    height: 250px;
}

a.bevelmenu
{
    text-decoration: none;
    color: White;
}
.bevelmenu:hover
{
    color: White;
    background-color: #abccf0;
    display: inline;
}
    
.bevelmenufooter
{
    border: 2px solid White;
    font: 12px;
    margin: 0;
    width: 100%;
    background-color: #0B65AB;
    padding-right: 0;
    padding-left: 0;
    padding: 5px;
    font-weight: bold;
    color: White;
}

a.bevelmenufooter
{
    text-decoration: none;
 
}
.bevelmenufooter:hover
{
    color: White;
    background-color: #abccf0;
    display: inline;
}


a.MenuStyle:visited
{
    border: 2px ridge White;
    padding: 5px;
    margin: 5px;
    font-size: 10pt;
    color: White;
    text-align: center;
    text-decoration: none;
    background-color: #1f966c;
}

a.MenuStyle:active
{
    border: 2px ridge White;
    padding: 5px;
    margin: 5px;
    font-size: 10pt;
    color: White;
    text-align: center;
    text-decoration: none;
    background-color: #1f966c;
        font-size: 10pt;
}
a.MenuStyle:link
{
    border: 2px ridge White;
    padding: 5px;
    margin: 5px;
    font-size: 10pt;
    color: White;
    text-align: center;
    text-decoration: none;
    background-color: #1f966c;
}
a.MenuStyle:hover
{
    font-size: 10pt;
    color: White;
    text-decoration: none;
    background-color: #10be81;
    border: 2px ridge White;
    padding: 5px;
    margin: 5px;
    
}

a.FooterStyleColor:visited
{   
border: 2px ridge White;
    padding: 5px;
    margin: 5px;
    font-size: 10pt;
    color: Black;
    text-align: center;
    text-decoration: none;
    background-color: #ffd78c;
}

a.FooterStyleColor:active
{
    border: 2px ridge White;
    padding: 5px;
    margin: 5px;
    font-size: 10pt;
    color: Black;
    text-align: center;
    text-decoration: none;
    background-color: #1f966c;
    font-size: 10pt;
}
a.FooterStyleColor:link
{
    border: 2px ridge White;
    padding: 5px;
    margin: 5px;
    font-size: 10pt;
    color: Black;
    text-align: center;
    text-decoration: none;
    background-color: #1f966c;
}
a.FooterStyleColor:hover
{
    font-size: 10pt;
    color: Black;
    text-decoration: none;
    background-color: #10be81;
    border: 2px ridge White;
    padding: 5px;
    margin: 5px;
}


.SubMenuLink
{
    font-weight: bold;
    font-size: 10pt;
    font-family: Arial;
    color: White;
}

.SubMenuLink
{
    font-weight: bold;
    color: White;
    text-decoration: none;
}

a.SubMenuLink:visited
{
    font-weight: bold;
    color: White;
    text-decoration: none;
}


a.SubMenuLink:active
{    font-weight: bold;
    color: White;
    text-decoration: none;

}
a.SubMenuLink:link
{    font-weight: bold;
    color: White;
    text-decoration: none;
}

a.SubMenuLink:hover
{
    color: #ffac1f;
    font-weight: bold;
    
}

.MenuButtonText
{
    font-weight: bold;
    color: White;
    text-decoration: none;
    margin-left: 10px;
    margin-top: 13px;
    position: relative;
    top: 10px;
}

a.MenuButtonText:visited
{
    font-weight: bold;
    text-decoration: none;
}


a.MenuButtonText:active
{   font-weight: bold;
    text-decoration: none;

}
a.MenuButtonText:link
{   font-weight: bold;
    text-decoration: none;
}

a.MenuButtonText:hover
{
    color: White;
    font-weight: bold;

}

.ItemTemplate
{
    color: white;
    background-color: #0B65AB;
    height: 40px;
    vertical-align: middle;
    font-size: 12pt;
    border-left-style: solid;
    border-left-width: 4px;
    border-left-color: Black;

}

.ItemTemplate:hover
{
    background-color: #abccf0;
    border-left-style: solid;
    border-left-width: 4px;
    border-left-color: #0B65AB;
    padding-left: 10px;
}




.AlteringItemTemplate
{
    padding: 2px;
    color: white;
    background-color: #0B65AB;
    width: 100%;
    height: 20px;
    vertical-align: middle;
    font-size: 12pt;
}

.AlteringItemTemplate:hover
{
    background-color: #abccf0;
    margin-left: 10px;
    width: 100%;
}

.linkStyle
{
    font-size: 8pt;
    color: White;
    text-align: center;
    text-decoration: none;
}

a.linkStyle:visited
{   
    font-size: 10pt;
    color:White;
    text-decoration: none;
}

a.linkStyle:active
{
   font-size: 10pt;
   color: White;
   text-decoration: none;
}
a.linkStyle:link
{
   font-size: 10pt;
   color: white;
   text-decoration: none;
}
a.linkStyle:hover
{
    font-size: 10pt;
    color: White;
    text-decoration: none;
}