@import url("VisualEditor.common.css");

/*.......................................................................... */
/*                                  Topnav                                   */
/*.......................................................................... */
div#topnav a:hover span,
div#topnav a.selected span,
div#topnav:hover a.selected:hover span {
 	/*border-bottom: 3px solid rgb(9,87,164);*/
}

ul.hmenu a, ul.hmenu a:link, ul.hmenu a:visited, ul.hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.hmenu, ul.hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.hmenu li
{
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;
}

ul.hmenu li:hover{
   z-index: 10000;
   white-space: normal;
}
ul.hmenu li li{
   float: none;
   width: auto;
}
ul.hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}
ul.hmenu:after, ul.hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.hmenu, ul.hmenu ul {
   min-height: 0;
}

ul.hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('../../Images/SEAFO/spacer.gif');
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

ul.hmenu ul.hmenu-left-to-right {
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}
ul.hmenu ul.hmenu-right-to-left {
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

ul.hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
   z-index: -1;
}

ul.hmenu ul ul.hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
}

ul.hmenu ul ul.hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
   margin-right: -11px;
}

ul.hmenu li li:hover>ul.hmenu-left-to-right {
   right: auto;
   left: 100%;
}
ul.hmenu li li:hover>ul.hmenu-right-to-left {
   left: auto;
   right: 100%;
}

ul.hmenu{
   position:relative;
   padding: 5px 5px 5px 5px;
   float: left;
}

/* end menu structure */

/* menu bar */

.nav
{
   width:1000px;
   margin:0 auto;
   min-height: 42px;
   z-index: 100;
   margin-top: 0;
   top: 80px;
   margin-bottom:-42px;
}

.nav:before, .nav:after{
   background-image: url('../../Images/SEAFO/nav.png');
}
.nav:before{
   right: 0;
}
.nav:after{
   width: 0;
}
/* end menu bar */
.nav-outer{
   position:absolute;
   width:100%;
}
.nav-wrapper 
{
   position: relative;
   width:1000px;
   margin:0 auto;
}

.nav-inner{
   margin: 0 0;
}

/* end Menu */

/* begin MenuItem */
ul.hmenu>li>a
{
   position: relative;
   display: block;
   height: 32px;
   cursor: pointer;
   text-decoration: none;
   color: #fff;/* 14a709 */
   padding: 0 15px;
   line-height: 32px;
   text-align: center;
   border: 1px solid #2a508b;/*0cad1e  */
   background-color:#267ec1;  /*d7efdc  */
   font-weight:bold;
}

ul.hmenu>li>a:before, ul.hmenu>li>a:after
{
   position: absolute;
   display: block;
   content:' ';
   top: 0;
   bottom:0;
   z-index: -1;
   /*background-image: url('../../Images/SEAFO/menuitem3.png');*/
}

.hmenu a, .hmenu a:link, .hmenu a:visited, .hmenu a:hover
{
   font-size: 12px;
   text-align: left;
   text-decoration: none;
   text-transform: uppercase;
   
}



/*ul.hmenu>li>a.active:before {
   background-position: bottom left;
} 
ul.hmenu>li>a.active:after {
   background-position: bottom right;
    	
}
ul.hmenu>li>a.active {
   color: #F4F8FA;
   

}
    */
ul.hmenu>li>a:hover, ul.hmenu>li:hover>a {
    
   
   background-color:#fff;
   
  
}

ul.hmenu>li>a:hover, ul.hmenu>li:hover>a{
   color: #2db1ef;
   /*border-bottom: 2px solid rgb(0, 148, 255);*/

}

ul.hmenu>li>a.selected, ul.hmenu>li.selected>a{
    background-color:#2db1ef;
    color: #fff;
  /*border-bottom: 2px solid #14a709;*/
  }


/* end MenuItem */

/* begin MenuSeparator */

ul.hmenu>li {
   margin-left:10px;
}
ul.hmenu>li:first-child {
   margin-left:0;
}

/* end MenuSeparator */

/* begin MenuSubItem */
.hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 25px;
   background-image: url('../../Images/SEAFO/subitem.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0;
   border-color: #F4F8FA;
   min-width: 7em;
   text-align: left;
   text-decoration: none;
   line-height: 25px;
   color: #143751;
   font-size: 11px;
   margin:0;
   padding: 0 12px;
}

.hmenu ul>li:first-child>a
{
   border-top-width: 1px;
}

.hmenu ul a:link, .hmenu ul a:visited, .hmenu ul a:hover, .hmenu ul a:active
{
   text-align: left;
   text-decoration: none;
   line-height: 25px;
   color: #143751;
   font-size: 11px;
   margin:0;
   padding: 0 12px;
}

.hmenu ul li a:hover
{
   color: #000000;
   background-position: left bottom;
   border-color: #A8C4D6;
   border-top-width: 1px !important;
}

.hmenu ul li a.hmenu-before-hovered
{
   border-bottom-width: 0 !important;
}

.hmenu ul li:hover>a
{
   color: #000000;
   background-position: left bottom;
   border-color: #A8C4D6;
   border-top-width: 1px !important;
}

/* end MenuSubItem */

/*.......................................................................... */
/*                                  Subnav                                   */
/*.......................................................................... */



.smenu 
{
  
 background-color:#e3eaee;
 padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 0;
 
}




/* end smenu */

/* begin smenuItem */



/* LEVEL 1 */
ul.smenu>li>a , ul.smenu>li>a:active 
{
    list-style-type: none;
/*background: url('../../Images/SEAFO/arrow_1.png') no-repeat top left;*/
    padding-left: 3px ;
   display: block;
   height: 25px;
    cursor: pointer;
   text-decoration: none;
   color: #003768;
   line-height: 25px;
   margin: 3px 3px 3px 3px; 
 background-color: #A8C4D6;
  border: 1px solid #2d6bb6;
  

}

     ul.smenu > li > a.selected,  ul.smenu > li > ul > li > a.selected, ul.smenu > li > ul > li > ul > li > a.selected {

        background-color: #276A9D;
        color:#fff;
    }


div#subnav a:hover span,
div#subnav a.selected span,
div#subnav:hover a.selected:hover span  {
 	/*border-bottom: 3px solid  #5eacfa;*/
      padding-left: 4px ;
    text-align: left;
}

   ul.smenu > li >  a:hover {
 background-color: #82b7e0;
 
            
    }


/* begin smenuSubItem */

    /*ul.smenu > li > ul   {
        padding-bottom: 3px;
    }*/

/*Level 2*/
    ul.smenu > li > ul > li  {
 /*list-style-type: none;
padding-left:8px;*/

    }

ul.smenu>li>ul>li>a {
         padding-left: 3px ;
display: block;
   height: 25px;
   width: 190px;
   cursor: pointer;
   text-decoration: none;
   color: #276A9D;

 line-height: 25px;
  margin: 3px;
 background-color: #ebf3f8;
  border: 1px solid #82b7e0;
  
}

    ul.smenu > li > ul > li > a:hover {
 background-color: #fff;
     color: #276A9D;
      
    }

  
/*Level 3*/

   ul.smenu > li > ul > li > ul > li {
/*padding-left:16px;*/
    }
    ul.smenu > li > ul > li > ul > li > a {
        /*width: 164px;*/
         padding-left: 5px ;
        width: 188px;
        display: block;
        height: 25px;
        cursor: pointer;
        text-decoration: none;
        color: #276A9D;
       
        line-height: 25px;
        margin: 3px;
        background-color: #fff;
        border: 1px solid #82b7e0;
    }
  

      ul.smenu > li > ul > li > ul > li > a:hover {
 background-color: #fff;
     
        color: #276A9D;
    }