/* color reference

sidebar  -- #FFDD8D;
menu bg  -- #00508F
portal   -- #71963E
dropdown -- #C7D9E7

*/

.portal_column {
    margin: 0;
    padding: 0;
    padding-bottom: 25px;
    margin-bottom: 10px;
}

#namebar {
    background: #00508F;
}


h1 {
    color: #00508F;
}

#columns {
    margin-left: 12px;
    margin-right: 12px;
    color: #FFF;
}

#columns a {
    color: #FFF;
}

#columns a:visited {
    color: #FFF;
}

.portal_line {
    border: 0px solid white;
}

.portal_chunk_container {
    padding-left: 10px;
    padding-right: 10px;
}

/* megadropdown */

#column1 {
    background: #b25e08;
    margin-left: 0px;
    margin-right: 5px;
}

#column1 .portal_box {
    background: #b25e08;
    padding-right: 0px;
}

#column1 .portal_box h2 {
    font-size: 1.1em;
    background-image:url('/css/site-themes/images/home_square_col1.png');
    background-repeat:no-repeat;
    padding-left: 35px;
}



#column2 {
    background: #949596;
    margin-left: 5px;
    margin-right: 5px;
}

#column2 .portal_box {
    background: #949596;
    padding-right: 0px;
}

#column2 .portal_box h2 {
    font-size: 1.1em;
    background-image:url('/css/site-themes/images/home_square_col2.png');
    background-repeat:no-repeat;
    padding-left: 35px;
}


#column3 {
    background: #98ac46;
    margin-left: 5px;
}

#column3 .portal_box {
    background: #98ac46;
    padding-right: 0px;
}

#column3 .portal_box h2 {
    font-size: 1.1em;
    background-image:url('/css/site-themes/images/home_square_col3.png');
    background-repeat:no-repeat;
    padding-left: 35px;
}


/* mega menu background bar */
#mega-menu {
background: #00508F;
}

/* top level mega menu links */
#mega-menu li a {
color: #fff; 
background: #00508F;
}

/* top level mega menu hover properties */
#mega-menu li.mega-hover a, #mega-menu li a:hover {
background: #C7D9E7;
color: #000;
}
#mega-menu li .sub {
background: #efefef; 
border: 1px solid #C7D9E7;
}

#mega-menu li .sub a {
color: #111; 
}

/* parent colors */
#mega-menu li .sub li.mega-hdr a.mega-hdr-a {
background: #C7D9E7;
color: #000;
}
#mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
background: #00508F;
color: #FFF;
}

/* grandchild colors */
#mega-menu .sub li.mega-hdr li a {
color: #000;
background: #EFEFEF;
}
#mega-menu .sub li.mega-hdr li a:hover {
color: #000;
background: #C7D9E7;
}

#mega-menu li .sub-container.non-mega li a:hover {
color: #a32403; 
background: #EFEFEF;
}