ul.mega-container
{
    background: #075B91 url(../images/nav-bg.png) repeat-x 0 0;
    width: 77%;
    padding: 8px 0;
    /*border: 1px solid #A07B54;*/
    font-family:Trebuchet MS;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
ul.mega-containercareer
{
    background: #075B91 url(../images/nav-bg.png) repeat-x 0 0;
    width: 38%;
    height: 25px;
    padding: 10px 0;
    /*border: 1px solid #A07B54;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

li.mega
{
    /*background: url(../images/nav-bg.png) repeat-x 0 0;*/
    list-style-type: none;
    font-family:Trebuchet MS;
    float: left;
    padding: 0 7px 0 10px;
    margin: 0 .65em 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    z-index: 10px;
}

li.mega.mega-active, li.mega:hover
{
    /*background-image: url(../images/nav-bg-active.png);
    background-position: left bottom;*/
    font-family:Trebuchet MS;
}

li.mega.mega-active
{
    background-color: #9D784F;
}

.mega:hover
{
    z-index: 10000 !important;
}
*:first-child + html .mega:hover
{
    zoom: 1 !important;
}


/* Basic menu item styles */
li.mega a.mega-tab
{
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px 5px 2px;
    outline: none;
    position: relative;
    z-index: 20px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.35);
}


/* Menu item with dropdown arrow */
li.mega a.mega-sub
{
    /*background: url(../images/down.png) no-repeat right center;*/
    padding-right: 26px !important;
}

li.mega.mega-sub:hover
{
    z-index: 10000;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
}


/* Menu item with icon */
li.mega .mega-icon
{
    padding-left: 24px !important;
}
li.mega .mega-icon-only
{
    padding: 5px 15px !important;
}

li.mega .mega-icon span, li.mega .mega-icon-only span
{
    background: url(../images/jqueryui-icons.png) no-repeat 0 -115px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    left: 3px;
}

li.mega .mega-icon-only span
{
    left: 50%;
    margin-left: -8px;
}

/* Content container */
.mega-content
{
    width: 175px;
    display: none;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0;
    position: absolute;
    top: 96%;
    left: -1px;
    border: 1px solid #134769;
    border-top: none;
    text-align: left;
    color: #222;
    font-size: 11px;
    z-index: 6;
    display: none;
    background: #134769;
}

li:hover .mega-content
{
    display: block;
}

.mega-content h3
{
    font-size: 13px;
    border-bottom: 1px dotted #666;
    padding-bottom: 4px;
    margin-bottom: 1em;
}
.mega-content ul
{
    list-style-type: disc;
    margin-left: 18px;
}
.mega-content p
{
    margin-bottom: 1em;
}




/* Drop Menu Styling */
.mega-menu
{
    padding: 7px 7px 3px !important;
    z-index: 10000 !important;
}

.mega-menu ul
{
    list-style-type: none;
    margin: 0;
}

.mega-menu li a
{
    background-color: #F9F9F9;
    display: block;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    margin-bottom: .5em;
}

* + html .mega-menu li a
{
    padding: 8px 10px;
    margin-bottom: .15em;
}

.mega-menu li a.mega-sub
{
    background-color: #F9F9F9;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.mega-menu li a:hover
{
    background-color: #DDD;
}

.mega-menu li
{
    position: relative;
}
.mega-menu li:hover > ul
{
    display: block !important;
}

.mega-menu li > ul
{
    background: #075B91;
    width: 175px;
    padding: 7px 7px 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 1000;
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
}




/* Grid Layout Styling */
.mega-grid
{
    background: #FFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EAEAEA));
    background: -moz-linear-gradient(top,  #FFF,  #EAEAEA);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EAEAEA');
    padding: 15px 0;
    margin: 10px 5px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.mega-grid-1
{
    width: 110px !important;
}
.mega-grid-2
{
    width: 210px !important;
}
.mega-grid-3
{
    width: 310px !important;
}
.mega-grid-4
{
    width: 410px !important;
}
.mega-grid-5
{
    width: 510px !important;
}
.mega-grid-6
{
    width: 610px !important;
}

.mega-col-1, .mega-col-2, .mega-col-3, .mega-col-4, .mega-col-5, .mega-col-6
{
    margin: 0 10px 1.25em;
    float: left;
}

.mega-col-1
{
    width: 80px;
}
.mega-col-2
{
    width: 180px;
}
.mega-col-3
{
    width: 280px;
}
.mega-col-4
{
    width: 380px;
}
.mega-col-5
{
    width: 480px;
}
.mega-col-6
{
    width: 580px;
}



/* Utility classes */

.mega-open-right .mega-content
{
    left: auto;
    right: 0;
}


/* Clearfix 'hack' for mega-container */
.mega-container:after, .mega-grid:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.mega-container, .mega-grid
{
    display: inline-block;
}

html[xmlns] .mega-container, html[xmlns] .mega-grid
{
    display: block;
}

* html .mega-container, * html .mega-grid
{
    height: 1%;
}
