/* 
    Document   : menu.css
    Created on : Feb 28, 2013, 8:56:28 AM
    Author     : James Hamlin
    Description: The main style rules for the menus. Specific rules occure in the
                 files: default-menu.css and home-menu.css .
*/


ul.nav a:focus {
    background: transparent;
    outline: none;
}

/* side menu */
#div-pos-left-menu .nav a, #div-pos-left-menu .nav .h {
    display: block;
    padding: 4px 15px; 
    width: 130px;
    border-top: solid 1px;
    
    color: black;
    font-size: 13px;
    background-color: white;
    text-decoration: none;
    font-weight: normal;
    line-height: 1.2;
}
#div-pos-left-menu .nav a.hidden, #div-pos-left-menu .nav a[class*='hid'],
#div-pos-menu      .nav a.hidden, #div-pos-menu      .nav a[class*='hid']{
   display: none; 
}
#div-pos-left-menu .nav ul {
    margin: 0;
}
#div-pos-left-menu ul.nav, #div-pos-left-menu ul.nav-child {
    width: 100%;
}
#div-pos-left-menu .nav > li{
    display: none;
}
#div-pos-left-menu .nav > li.active{
    display: block;
    border-bottom: solid 1px #48A942;
}
#div-pos-left-menu .nav > li.active > a{
    display: inline-block;
}
#div-pos-left-menu .nav > li > a{
    width: auto;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 15px;
}
#div-pos-left-menu .nav a, #div-pos-left-menu .nav .h {
    border-color: #48A942;
}
.pos-sb-blue-aqua #div-pos-left-menu .nav a{
    border-color: #237F7A;
}
#div-pos-left-menu .nav > li > ul > li > a, 
#div-pos-left-menu .nav > li > ul > li > .h{
    background-color: #EAE2DD;
    padding-top: 8px;
    padding-bottom: 8px;
/*    margin-top: 9px; doesn't realy work'*/
}
.pos-sb-blue-aqua #div-pos-left-menu .nav > li > ul > li > a {
    background-color: rgb(214, 233, 225);
}
#div-pos-left-menu .nav > li > ul > li:first-child > a{
    border-color: white;
    padding-top: 8px;
    margin-top: 0px;
}
#div-pos-left-menu .nav li.current > a, #div-pos-left-menu .nav li.current > a:hover {
    background-color: #48A942;
    color: white;
}
.pos-sb-blue-aqua #div-pos-left-menu .nav li.current > a{
    background-color: #ABDBD4;
}
#div-pos-left-menu .nav li > a:hover{
    background-color: #E2EDC3;
}
.pos-sb-blue-aqua #div-pos-left-menu .nav li > a:hover{
    background-color: #ABDBD4;
}
#div-pos-left-menu .nav > li.active > a{
    background-color: #003D7D;
    color: white;
    border-top-color: white;
}
.pos-sb-blue-aqua #div-pos-left-menu .nav > li.active > a{
    background-color: #237F7A;
}
#div-pos-left-menu .nav > li > ul > li > ul > li > ul > li{
    display: none;
}
#div-pos-left-menu .nav > li > ul > li > ul > li.active > ul > li{
    display: block;
}
#div-pos-left-menu .nav > li > ul > li > ul > li > ul > li > a, 
#div-pos-left-menu .nav > li > ul > li > ul > li > ul > li > .h{
    padding-left: 0;
    margin-left: 15px;
}
#div-pos-left-menu .nav > li > ul > li > ul > li > ul > li > ul > li > a, 
#div-pos-left-menu .nav > li > ul > li > ul > li > ul > li > ul > li > .h{
    
    border-top-color: black;
    padding-left: 0;
    margin-left: 30px;
    width: 115px;
}
/*#div-pos-left-menu ul.nav,
#div-pos-left-menu ul.nav-child{
    margin: 0;
}
#div-pos-left-menu ul.nav a {
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 150px;
    margin: 0;
    border-top: solid;
    border-top-width: 2px;
    display: inline-block;
    text-decoration: none;
    color: black;
}

#div-pos-left-menu ul.nav a {    
    border-top-color: #48A942;
}
#div-pos-left-menu ul.nav a {    
    border-top-color: #0E6D67;
}

#div-pos-left-menu ul.nav li.active > a,
#div-pos-left-menu ul.nav a:hover {
    color: #48A942;
}

 first level mostly hidden
#div-pos-left-menu ul.nav > li {
    display: none;
}

#div-pos-left-menu ul.nav > li.active {
    display: block; 
}

#div-pos-left-menu ul.nav > li.active li{
    display: block;
}

#div-pos-left-menu ul.nav > li.active > a {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #003D7D;
    color: white;
    width: auto;
    border-top-color: white;
}

 second level 
#div-pos-left-menu ul.nav > li > ul > li.parent > a{
    background-color: #E9F3E0;
}

#div-pos-left-menu ul.nav > li > ul > li.active > a,
#div-pos-left-menu ul.nav > li > ul > li.parent:hover > a{
    background-color: #48A942;
    color: white;
}

 fourth level 
#div-pos-left-menu ul.nav > li > ul > li > ul > li > ul > li a{
    font-size: 80%;
}*/

/* top menu */
#div-top-bg {
    position: absolute;
    top: 0;
    height: 6em;
    width: 100%;
    z-index: -1;
}


#div-top-bar .menu {
    float: right;
}

#div-top-bar a{
    display: inline-block;
line-height: 14px;
    margin-right: 2px;
    border-radius: 0;
    margin-top: 0;
    background-color: #48A942;
    color: white; 
    padding: 8px;
}

#div-top-bar li.active > a {
    background-color: #003D7D;
}

#div-top-bar li:hover > a {
    background-color: #284e36;
}




/* ------- main menu --------- */



#div-pos-menu,
#div-pos-menu-foot{
    font-weight: bold;
    font-size: 15px;
}

#div-pos-menu{
/*    position: absolute;*/
    top: 92px;
    z-index: 1;
}

#div-pos-menu-foot{
    font-weight: bold;
}

#div-menu-bg-bottom {
    position: absolute;
    top: 145px;
    width: 100%;
    height: 75px;
    background-position: top;
    background-repeat: repeat-x;
    z-index: -2;
    background-image: url('../images/lavender.png');
}

#div-menu-bg-foot-bottom {
    background-image: url('../images/lavender.png');
}

#div-menu-bg-bottom.brassica-napus,
#div-menu-bg-foot-bottom.brassica-napus {
    background-image: url('../images/brassica_napus.png');
}

#div-menu-bg-bottom.grass,
#div-menu-bg-foot-bottom.grass {
    background-image: url('../images/grass.png');
}

#div-pos-menu li > ul, #div-menu-bg-bottom-nav {
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}


/*
#div-menu-bg-bottom-nav {
    position: absolute;
    top: 155px;
    left: -500%;
    width: 1000%;
    height: 3ex;
    background-color: #e7e7e7;
    background-position: top;
    background-repeat: repeat-x;
    z-index: -1;
    opacity: 0;
} */

#div-pos-menu ul.nav-child {
/*    display: block;*/
    position: absolute;
    top: -1000px;
    left: -500%;
    width: 100%;
    opacity: 0;
    padding: 1ex 500% 1ex 500%;

    -moz-box-shadow: 0 3px 3px #BFBFBF;
    -webkit-box-shadow: 0 3px 3px #BFBFBF;
    box-shadow: 0 3px 3px #BFBFBF;
}


#div-pos-menu ul.nav-child > li {
    float: left;
    text-align: left;
    width: 180px;
    font-weight: normal;
}


#div-pos-menu div > ul > li a:hover + ul,
#div-pos-menu li > ul:hover{
    opacity: 0.90;
    background-color: #E9F3E0;
    top: 60px;
    /* border-bottom: solid 1px grey; */
}


#div-pos-menu li > ul a, #div-pos-menu li > ul .h{
    color: black;
    padding-bottom: 1ex;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}

#div-pos-menu li > ul > li.active > a, #div-pos-menu li > ul > li > a:hover{
    color: #48a942;
}


#div-pos-menu a,
#div-pos-menu-foot a{
    color: #003D7D;
}
.menu-area-accreditation #div-pos-menu ul.nav > li > a{
    color: white;
}

#div-pos-menu a:hover,
#div-pos-menu-foot a:hover{
    background-color: transparent;
    text-decoration: none;
}

#div-pos-menu div > ul,
#div-pos-menu-foot div > ul{
    display: block;
    width: 100%;
/*    vertical-align: bottom;*/
    margin: 0;
    border: 0;
}





#div-pos-menu div > ul > li:last-child ,
#div-pos-menu-foot div > ul > li:last-child {
    padding: 0;
}


#div-pos-menu      div > ul > li > a,
#div-pos-menu-foot div > ul > li > a{
    border-bottom-color: transparent;
    border-bottom-style: solid;
}
#div-pos-menu      div > ul > li.active > a,
#div-pos-menu      div > ul > li > a:hover,
#div-pos-menu-foot div > ul > li.active > a,
#div-pos-menu-foot div > ul > li > a:hover{
    color: #48a942;
    border-bottom-color: #48A942;
}
.menu-area-accreditation #div-pos-menu      div > ul > li.active > a,
.menu-area-accreditation #div-pos-menu      div > ul > li > a:hover,
.menu-area-accreditation #div-pos-menu-foot div > ul > li.active > a,
.menu-area-accreditation #div-pos-menu-foot div > ul > li > a:hover{
    color: #48a942;
}
#div-pos-menu.light-blue      div > ul > li.active > a,
#div-pos-menu.light-blue      div > ul > li > a:hover,
#div-pos-menu-foot.light-blue div > ul > li.active > a,
#div-pos-menu-foot.light-blue div > ul > li > a:hover{
    color: #48a942;
    border-bottom-color: #A6DAD4;
}

#div-pos-menu-foot li > ul {
    display: none;
}

#div-menu-bg-foot-bottom {
    position: absolute;
    margin-top: -7px;
    width: 100%;
    height: 75px;
    background-position: top;
    background-repeat: repeat-x;
    z-index: -2;
}

/* home page - tailored menus */
#home-row div.module-item ul.nav  li > a,
#home-row ul.nav.module-item > li > a {
    font-size: 18px;
    padding: 0 15px 0 15px;
    width: 220px;
    height: 37px;
    float: none;
    display: table-cell;
    vertical-align: middle;
}
.twocol #home-row ul.nav.module-item > li > a{
    width: 250px;
}
#home-row  ul.nav > li{
    padding: 0;
}
#home-row div.module-item ul.nav  li,
#home-row  ul.nav.module-item > li {
    border-bottom: 3px solid white;
}
#home-row div.module-item ul.nav  li > a:hover,
#home-row ul.nav.module-item li a:hover {
/*    opacity: 0.7;*/
    background-color: #E2EDC3;
/*    box-shadow: 1px 1px 1px 1px #BFBFBF;*/
}
#home-row ul.module-item.nav{
    padding: 0;
    height: 200px;
}
span.nav-header{
    color: transparent;
}