/***** BEGIN MENU CSS *****/
.firstMenuLink
{
    border-left: 1px solid rgb(45, 86, 157);
}
.lastMenuLink 
{
    border-right: 1px solid rgb(45, 86, 157);
}
.mobileMainMenu
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 999;
    display: none;
}
.mobileMainMenu > li:first-child:hover
{
    border-left: 1px solid rgb(45, 86, 157);
}
.mobileMainMenu a
{
    display: block;
    color: White;
    text-decoration: none;
    text-align: left;
}
.mobileMainMenu > li a
{
    height: 100%;
    padding: 0 15px;
}
.mobileMainMenu > li
{
    float: left;
    display: inline;
    color: White;
    position: relative;
    height: 40px;
    line-height: 40px;
}
.mobileMainMenu ul li a:visited, .mobileMainMenu ul li a:link
{
    color: white;
}
.mobileMainMenu ul li:hover a:hover
{
    color: rgb(45, 151, 214);
}
.mobileMainMenu li:hover
{
    background-color: white;
    color: rgb(45, 86, 157);
    cursor: pointer;
    border-top: 1px solid rgb(45, 86, 157);
}
.mobileMainMenu > li:hover a
{
    color: rgb(45, 86, 157);
}
.mobileMainMenu ul
{
    padding: 0;
    margin: 0;
    position: absolute;
    color: White;
    list-style-type: none;
}
.mobileMainMenu ul li
{
    height: 20px;
    line-height: 20px;
    width: 150px;
    background-color: rgb(45, 151, 214);
    border: 1px solid white;
}
.mobileMainMenu ul li:hover
{
    background-color: white;
    color: rgb(45, 151, 214);
    cursor: pointer;
    border: 1px solid rgb(45, 151, 214);
}
.mainMenuManualPadding
{
    padding: 0 15px;
}
@media screen and (max-width: 600px)
{
	.mainMenu
	{
	    display: none;
	}
	.mobileMainMenu
	{
	    display: block;
	}
}