.megaMenuContainer
{
    width:970px;
    height:42px;
    margin-left:-10px;
}

#mega-menu
{
    list-style:none;
    position:relative;
    padding:0px;
    margin:0px;
	z-index: 750;
}

#mega-menu li
{
    list-style-type:none;
    float:left;
    height:42px;
}

#mega-menu li.mainLI
{
}


#mega-menu li.mainLI a .mainLILeft
{
    width:7px;
    height:100%;
    float:left;
    background:url("../Images/Navigation/megamenu/megamenu-mainLILeft-BG.jpg") no-repeat left top;
}

#mega-menu li.mainLI a .mainLICenter
{
    float:left;
    cursor:pointer;
    text-align:center;
    height:100%;
    background:url("../Images/Navigation/megamenu/megamenu-mainLICenter-BG.jpg") repeat-x right top ;
}

#mega-menu li.mainLI a
{
    line-height:42px;
    text-decoration:none;
    color:White;
    font-size:13px;
    text-align:center;
}

#mega-menu li.mainLI a .mainLIRight
{
    width:7px;
    float:left;
    height:100%;
    background:url("../Images/Navigation/megamenu/megamenu-mainLICenter-BG.jpg") repeat-x right top;
}

#mega-menu li.firstLI a .mainLILeft
{
    width:7px;
    height:100%;
    float:left;
    background:url("../Images/Navigation/megamenu/megamenu-firstLILeft.png") no-repeat right top;
}

#mega-menu li.firstLI a .mainLICenter
{
    background:url("../Images/Navigation/megamenu/megamenu-firstLICenter.jpg") no-repeat left top;
}


#mega-menu li.lastLI  a .mainLICenter
{
    background:url("../Images/Navigation/megamenu/megamenu-lastLICenter.jpg") no-repeat right top;
}

#mega-menu li.lastLI  a .mainLIRight
{
    width:7px;
    height:100%;
    float:left;
    background:url("../Images/Navigation/megamenu/megamenu-lastLIRight.png") no-repeat right top;
}

#mega-menu li.lastLI  a.over .mainLIRight
{
    background-color:transparent !important;
}

.megaMenuContainer #mega-menu li.firstLI a.over .mainLILeft
{
    width:7px;
    height:100%;
    background-color:transparent !important;
    float:left;
    background:url("../Images/Navigation/megamenu/megamenu-first-over-LILeft.png") no-repeat left top;
}

#mega-menu li.mainLI a.over
{
    color:#063263;
}

#mega-menu li.firstLI a.over .mainLIRight
{
    width:7px;
    height:100%;
    float:left;
    background:#397BC7 url("../Images/Navigation/megamenu/megamenu-first-over-LIRight.png") no-repeat right top;
}

#mega-menu li.firstLI a.over .mainLICenter
{

    height:100%;
    float:left;
    background:url("../Images/Navigation/megamenu/megamenu-mainLI-over-bg.jpg") repeat-x right top;
}



#mega-menu li.mainLI a.over .mainLILeft
{
    width:7px;
    height:100%;
    float:left;
    background:#EBE9E1 url("../Images/Navigation/megamenu/megamenu-mainLILeft-BG-over.jpg") no-repeat left top;
}


#mega-menu li.mainLI a.over .mainLIRight
{
    width:7px;
    height:100%;
    float:left;
    background:#EBE9E1 url("../Images/Navigation/megamenu/megamenu-first-over-LIRight.png") no-repeat right top;
}

#mega-menu li.mainLI a.over .mainLICenter
{
    height:100%;
    float:left;
    background:#397BC7 url("../Images/Navigation/megamenu/megamenu-mainLI-over-bg.jpg") repeat-x right top;
}


#mega-menu li.firstLISpace div
{
    width:3px;
    height:100%;
}


#mega-menu li.lastLISpace div
{
    width:3px;
    height:100%;
}


#mega-menu li.mainLI .subMenu
{
    display:none;
    width:971px;
    height:300px;
    position:absolute;
    left:0px;
    top:42px;
    z-index:1000;
}

#mega-menu li.mainLI .subMenu .subMenuTopDiv
{
    height:280px;
    width:100%;
}

#mega-menu li.mainLI .subMenu .subMenuTopDiv .topDivLeft
{
    width:3px;
    float:left;
    height:100%;
    background:url("../Images/Navigation/megamenu/megamenu-submenu-left-shadow.png") repeat-y left top;
}

#mega-menu li.mainLI .subMenu .subMenuTopDiv .topDivCenter
{
    background:url("../Images/Navigation/megamenu/megamenu-submenu-bg.jpg") repeat-x right bottom;
    float:left;
    width:964px;
    height:100%;
}

#mega-menu li.mainLI .subMenu .subMenuTopDiv .topDivCenter .topDivCenterItems
{
    background:url("../Images/Navigation/megamenu/DJJ-logo-inside-megamenu.jpg") no-repeat left bottom;
    width:943px;
    height:100%;
}

#mega-menu li.mainLI .subMenu .subMenuTopDiv .topDivRight
{
    width:4px;
    height:100%;
    background:url("../Images/Navigation/megamenu/megamenu-submenu-right-shadow.png") repeat-y left top;
    float:right;
}



#mega-menu li.mainLI .subMenu .topDivCenter .subMenuSub
{
    float:left;
    width:180px;
    height:280px;
    margin:5px;
    background:url("../Images/Navigation/megamenu/megamenu-submenu-cols-seperator.jpg") no-repeat right center;
}

#mega-menu li.mainLI .subMenu .topDivCenter .first
{
    margin-left:20px !important;
}

#mega-menu li.mainLI .subMenu .topDivCenter .subMenuSub ul
{
    padding:0px;
    position:static;
    margin-left:5px;
    margin-top:20px;
    color:Black;
}

#mega-menu li.mainLI .subMenu .topDivCenter .subMenuSub ul li
{
    float:none;
    height:auto;
}

#mega-menu li.mainLI .subMenu .topDivCenter .subMenuSub ul li a
{
    color:#063263;
    font-weight:bold;
    font-size:13px;
    line-height:200%;
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#mega-menu li.mainLI .subMenu .topDivCenter .subMenuSub ul li ul
{
    padding-left:0px;
     position:static;
     margin-top:0px;
}

#mega-menu li.mainLI .subMenu .topDivCenter .subMenuSub a:hover
{
    text-decoration:underline;
}

#mega-menu li.mainLI .subMenu .topDivCenter .subMenuSub ul li ul li
{
    margin-right:15px;
    float:none;
}


#mega-menu li.mainLI .subMenu .topDivCenter .subMenuSub ul li ul li a
{
    font-size:12px;
    font-weight:normal;
}


#mega-menu li.mainLI .subMenu .subMenuBottomDiv .bottomDivLeft
{
    width:14px;
    height:16px;
    float:left;
    background:url("../Images/Navigation/megamenu/megamenu-submenu-left-corner.png") no-repeat left bottom;
}

#mega-menu li.mainLI .subMenu .subMenuBottomDiv .bottomDivCenter
{
    height:16px;
    width:942px;
    float:left;
    background:url("../Images/Navigation/megamenu/megamenu-submenu-footer-shadow.png") repeat-x left bottom;
}


#mega-menu li.mainLI .subMenu .subMenuBottomDiv .bottomDivRight
{
    width:14px;
    height:16px;
    float:left;
    background:url("../Images/Navigation/megamenu/megamenu-submenu-right-corner.png") no-repeat left bottom;    
}


.subMenuColsSeperator
{
    width:2px;
    background-color:Black;
    height:70%;
    float:left;
    margin:auto 0px;
}


.megaMenuFeature
{
    width:335px;
    height:100%;
    float:left;
}

.megaMenuFeature .firstFeature
{
    height:48%;
    width:100%;
}

.megaMenuFeature .secondFeature
{
    height:52%;
    width:100%;
}

.megaMenuFeature .imageFeature
{
    width:140px;
    height:100%;
    float:left;
}

.megaMenuFeature .textFeature
{
    width:190px;
    height:100%;
    float:left;
    margin:0;
}

.megaMenuFeature .textFeature p
{
    margin:auto 0px;
}

.imageFeatureMask
{
    position:relative;
    width:112px;
    height:106px;
    margin-left:20px;
    margin-top:20px;
}

.ImageFeatureMaskcutter
{
    background:url("../Images/Navigation/megamenu/feature-image-mask.png") no-repeat right center;
    position: absolute;
    left:0; top:0;
    width:112px;
    height:106px;
    z-index: 1501;
}

.imageFeatureMask img
{
    width:106px;
    height:100px;
    vertical-align:middle;
    margin-top:3px;
    margin-left:3px;
    z-index: 1500;
    position: relative;
}

.secondFeature
{
    padding-top:5px;
    background:url("../Images/Navigation/megamenu/megamenu-submenu-features-seperator.gif") no-repeat center top;
}

.textFeature
{
    display: table;
    font-size:12px;
    line-height:120%;
}

.textFeature p
{
    display: table-cell; 
    vertical-align: middle;
    padding-left:5px;
    padding-right:5px;
}


.textFeature a
{
    line-height:130% !important;
    font-size:12px !important;
    color:#063263 !important;
}