/* Drop Down*/

 

  /* 

  

    Works on ipad and all browsers 

    Works natively with Wordpress menus



    <div id="nav"> 

    <!--  menu links  -->

    <?php wp_nav_menu( array( 'items_wrap' => '%3$s' , 'menu' => 'MenuNameHere' ) ); ?>

    </div>



  */



  

  /* Set look and feel of main nav */

  #nav {

    margin-left:0px; /* Adjust for centering */

    display: inline-block;

    cursor:pointer;

  }



  /* spacing between links */

  #nav a {

      display: block;

      margin: 0;

      padding: 0px 14px; /* vspace | hspace between links */

      text-decoration: none;
    

  }





  #nav .current a, #nav li:hover > a {

      /* border-top: 1px solid #F8F8F8; Border of highlighted item */

      /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); Shadow of selected item*/

     /*Color of highlighted main menu item text on roll over*/ 


  }



  /* set menu look on initial rollover*/

  #nav ul {

      background: repeat-x scroll 0 0 #fff /* rollover  submenu box color*/;

      display: none;

      left: 0px; /* Left offset of submenu box */

      margin: 0;

      padding: 0;

      position: absolute;

      top: 30px; /* vertical offset of menu items !! Match Height Of Header then subtract 1px*/

      width: 220px;/* width of submenu box item */

      border:1px solid #aaa;

      text-transform:none !important;

      opacity:1;

      filter:alpha(opacity=100);

      -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);

      -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);

      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);

  }



  #nav ul a{

    font-size:12pt;

    line-height:20px;

    padding-top:5px;

    padding-bottom:5px;

    text-transform:none !important;

    font-family: 'Open Sans', sans-serif;

    color:#1a7d61 !important;

    font-weight:600;



  }



  /* set item roll over */

  #nav ul a:hover {

      /* background-image:url(''); */

      border-radius: 0 0 0 0;

      margin-left: 0;

      padding-bottom:0px;

      font-weight:600;

      color: #fff !important; /* Text color of highlighted roll over sublink*/

      background-color:#fbb051;

      width:192px; /* Match above width and subtract 2x h spacing between links */

      line-height:20px;

      padding-top:5px;

      padding-bottom:5px;

  }

  

  /* Font Size Of SubMenu Items */

  #nav li:hover > ul {

      display: block;

      text-align:left;

  }



  #nav li {

      float: left;

      list-style: none outside none;

      margin: 0 0;

      padding: 0 0 0px;

      position: relative; 

      



  }

  



  

  #nav ul li {

      margin: 0;

      padding: 0;

      width:220px;

      border-bottom:1px solid #eee;

  }

  #nav ul li:last-child{
    border-bottom:none;
  }

  

  #nav ul ul {

      left: 220px;

      top: 0px;

      width: 220px;

      /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); rollover box shadow settings*/

  }



  #nav ul li:first-child > a {

      border-top-left-radius: 0px;

      border-top-right-radius: 0px;

      

  }

  

  #nav ul li:last-child > a {

      border-bottom-left-radius: 0px;

      border-bottom-right-radius: 0px;

  }

  

  #nav:after {

      clear: both;

      content: ".";

      display: block;

      height: 0;

      line-height: 0;

      visibility: hidden;

  }



  

  /* End Dropdown */