/* ---------- Mega Drop Down --------- */

.mega
{
    list-style: none;
}

.somename ul
{
    padding-bottom: 40px;
}

.mega li
{
    float: left;
    position: relative;
}

.mega li:hover
{
    z-index: 1;
}

.mega a
{
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0 13px 0 13px;
    line-height: 2.5em;
}

.mega a:hover, .mega a.active
{
    background: url(../images/megamenu/mega-topnav-hover-grey_sm.png) top left;
    display: block;
    color: #024A6D;
}

/* ----------- Hide/Show Div ---------- */

.mega div
{
    position: absolute;
    visibility: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
}

.mega li:hover div
{
    visibility: visible;
    z-index: 1;
}

.mega canvas
{
    visibility: hidden;
}

.mega li:hover canvas
{
    visibility: visible;
}

.mega li.left1:hover div
{
    display: block;
}

.mega li.left2:hover div
{
    display: block;
}

.mega li div ul li div 
{
  padding-top: 10px;
  padding-bottom: 15px;
}

.mega li div ul li div p
{
   padding: 5px 0 5px 0;
}

.mega li div ul li div p a
{
   *line-height: 8px;
}

/* Links */
.link01 a
{
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #024A6D;    
}

.link01 a:hover
{
    color: #222;
    background-image: none;
}

.link01.off a:hover
{
    color: #024A6D;   
    cursor: default;
}

.link02 a
{
    margin: 0;
    padding: 0 0 0 10px;
    color: #024A6D;    
}

.link02 a:hover
{
    color: #222;
    background-image: none;
}

.link02.off a:hover
{
    color: #024A6D; 
    cursor: default;  
}

.link04 a
{
    margin: 0;
    padding: 0 0 0 20px;
    color: #024A6D;
   
}

.link04 a:hover
{
    color: #222;
    background-image: none;
}

/* featured link */

.link03hd
{
    margin: 0 !important;
    padding: 0 !important;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
    width: 92%;
}

.link03hd a
{
    margin: 0 !important;
    padding: 0 0 5px 0 !important;
    font-weight: bold;
    color: #fff;
}

.link03hd.off a:hover
{
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: bold;
    color: #fff;
    background-image: none;
    cursor: default;
}

.link03a a
{
    margin: 0;
    padding: 0 10px 0 2px;
    font-weight: bold;
    background-image: none;
}

.link03b
{
    margin: 0 !important;
    padding: 0 !important;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
    width: 92% !important;
}

.link03b a
{
    margin: 0;
    padding: 5px 10px 5px 2px;
    font-weight: bold;
    line-height: 18px;
}

.link03b a:hover
{
    background-image: none;    
}

.link03b .readmore
{
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 20px;
    text-align: right;
}

.mega div ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mega div ul li
{
    margin: 0;
    padding: 0;
}

.mega div ul li div
{
    position: static;
    padding: 0px 0px 10px 10px;
    margin: 0;
}

.mega div ul li div p
{
    padding: 0;
    margin: 0;
}

.mega div ul li div hr 
{
    margin : 2px 10px 2px 0;
    height: 1px;
    color: #024A6D; /* only works in IE */
    background-color: #024A6D; /* needed to color the HR in Firefox */
    border: 0px; /* needed for Firefox so that it renders the 1px height correctly */   
}

.mega div ul li div p a span
{
    line-height: 14px;   
}

/* --------- Within Div Styles --------- */

/*--- STYLE 2.1 col ---*/
.mega .column-2-1
{
    float: left;
    width: 662px; /*width of each menu column*/
}

.leftcol
{
    width: 220px;
}

.middlecol
{
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: #FFFFFF;
    width: 220px;
}

.rightcol
{
    /*place holder*/
    z-index: 1;
    width: 220px;
}

/*--- STYLE 2 col ---*/

.mega .column-2
{
    float: left;
    width: 440px; /*width of each menu column*/
}


.leftcol-2
{
    padding-bottom: 1px;
    width: 220px;
}

.rightcol-2
{
    padding-bottom: 1px;
    z-index: 1;
    width: 220px;
}


/*--- STYLE 1 col ---*/

.mega .column-1
{
    float: left;
    width: 220px; /*width of each menu column*/
}

.leftcol-1
{
    width: 220px;
}

/*--- STYLE 1 col INNER 2 COLUMN ---*/

.mega li.left1 .inner-2column div
{
    left: 136px;
    position: static;
    padding-bottom: 10px;
}

.inner-2column-left
{
    position: relative;
    float: left;
    width: 100px;
}

.inner-2column-right
{
    position: relative;
    margin-left: 100px;
    width: 100px;
}

/*--- STYLE 1.1 col ---*/

.mega .column-1-1
{
    width: 442px; /*width of each menu column*/
}


.leftcol-1-1
{
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: #FFFFFF;
    width: 220px;
}

.rightcol-1-1
{
    z-index: 1;
    width: 220px;
}

/* Non-Canvas HTML5 CSS3 */

.mmbk
{
    background-image: url('../images/megamenu/mega-lowernav-hover-grey.png');
    border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    box-shadow: 6px 6px 12px rgba(0,0,0,0.5);
    -moz-box-shadow: 6px 6px 12px rgba(0,0,0,0.5);
    -webkit-box-shadow: 6px 6px 12px rgba(0,0,0,0.5);
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-repeat: repeat-x;
    background-position: 0 0;
}

.mmbkRightCol
{
    background-image: url('/images/megamenu/mmbkRightCol.png');
    border-radius: 0 0 15px 0;
    -moz-border-radius: 0 0 15px 0;
    -webkit-border-radius: 0 0 15px 0;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-repeat: repeat-x;
    background-position: 0 0;
}

.borderCompensate
{
    padding-bottom: 6px;
}