/*background color of toplevel menu */
.menuInner{ 
background: #003663 !important; 
}
 
.WaGadgetMenuHorizontal.menuStyle002 .menuBackground{ 
background: #003663 !important; 
}

/*the entire background color */
.WaGadgetMenuHorizontal .menuBackground {
    background: #003663;
}

/*foreground and background color hover toplevel menu */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover{
background: #003663 !important;
color: white !important;
}

/*background color of drop down menu */
.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a{
background: #003663 !important;
color: white !important;
}

/*background color hover of drop down menu*/
.WaGadgetMenuHorizontal .menuInner ul ul li>.item>a:hover{ 
background: #81c375 !important; 
}

/*main menu word color*/
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item>a {
    color: #81c375;
}

/*mobile first level color*/
.WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel {
    background: #003663;
}

/*mobile second level color*/
@media only screen and (max-width: 616px) {
.WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul ul {
    background: #003663;
 }
}

/*Gadget style 003 title background color*/
.gadgetStyle003 .gadgetStyleTitle {
   padding: 12px 20px 14px 20px;
   background: #81c375;
}
And this is the other:
.gadgetStyle003 {
   background: white;
   border: 5px solid #003663;
}

.gadgetStyle003 {
    background: white;
    border: 5px solid #81c375;
}


/*Gadget style 004 title background color*/
.gadgetStyle004 .gadgetStyleTitle {
   padding: 12px 20px 14px 20px;
   background: #67b8db;
}
And this is the other:
.gadgetStyle004 {
   background: white;
   border: 5px solid #003663;
}

.gadgetStyle004 {
    background: white;
    border: 5px solid #67b8db;
}

/*Gadget style 005 title background color*/
.gadgetStyle005 .gadgetStyleTitle {
   padding: 12px 20px 14px 20px;
   background: #f9b24f;
}
And this is the other:
.gadgetStyle005 {
   background: white;
   border: 5px solid #003663;
}

.gadgetStyle005 {
    background: white;
    border: 5px solid #f9b24f;
}

/*Gadget style 006 title background color*/
.gadgetStyle006 .gadgetStyleTitle {
   padding: 12px 20px 14px 20px;
   background: #003663;
}
And this is the other:
.gadgetStyle006 {
   background: white;
   border: 5px solid #003663;
}

.gadgetStyle006 {
    background: white;
    border: 5px solid #003663;
}


/*WA Support - A link that has not been visited */
a:link {
    color: #003663;
}
/*WA Support  A link that has been visited */
a:visited {
    color: #003663;
}
/*WA Support  A link that is hovered on */
a:hover {
    color: red;
}
/*WA Support  A link that is selected */
a:active {
    color: #003663;
}

/* Code to change page width START */
.container_12 {
    width: 1200px;
}
.s1_grid_12{
    width: auto;
}
@media only screen and (max-width: 1199px) and (min-width: 600px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
    min-width: 600px;
}}
@media only screen and (max-width: 616px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 600px;
    min-width: 320px;
    display: block;
}}
/* Code to change page width END */

/* Center menu items and spread them across entire menu */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel{
    margin: 0 auto;
    width: 99%;
}