@charset "utf-8";
/* CSS Document */
/* ***** BASE STYLES ***** */
/* dark green is   0d4c24 or 006940        */ 
/* gradient is 0d4c24 02804f 02623c */
/* hover gradient is 0d9624 0daa24  07ba21 */  
/* light green it      46c850       */
* {
  margin: 0px;
  padding: 0px;
}
 
 
nav {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.25;
  margin: 0px auto; /*for display only*/
  width: 200px;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
 
.menu-items2 {
  background: #0d4c24;
  width: 200px; 
}
.menu-items3 {
  background: #0d4c24;
  width: 200px; 
  
}.menu-items4 {
  background: #0d4c24;
  width: 200px; 
  
}.menu-items5 {
  background: #0d4c24;
  width: 200px; 
}
 
.menu-items6 {
  background: #0d4c24;
  width: 200px; 
}
 

/* ***** HEADER STYLES ***** */

/*Menu Header Styles*/

/* Header Links : Obviously, the blue link is no good so we need to change that to white. We also want to ditch any text decoration (the underline). Now, we could stop here but the default behavior would be that only the text is clickable and not the whole bar, which is not ideal. To make the entire bar a link, we set the display property to block and the width to the full menu size (200px). */

.menu-items2 h4 a {
  color: white;
  display: block;
  text-decoration: none;
  width: 200px;
}
.menu-items3 h4 a {
  color: white;
  display: block;
  text-decoration: none;
  width: 200px;
}
.menu-items4 h4 a {
  color: white;
  display: block;
  text-decoration: none;
  width: 200px;
}
.menu-items5 h4 a {
  color: white;
  display: block;
  text-decoration: none;
  width: 200px;
}
.menu-items6 h4 a {
  color: white;
  display: block;
  text-decoration: none;
  width: 200px;
}
/*Menu Header Styles*/

.menu-items2 h4 {
  border-bottom: 1px solid rgba(0,0,0,0.3);
  border-top: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 12px;
   
  /*Gradient*/
  background: #0d4c24; /* Old browsers */
  background: -moz-linear-gradient(top, #0d4c24 0%, #02804f 44%, #02623c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d4c24), color-stop(44%,#02804f), color-stop(100%,#02623c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* IE10+ */
  background: linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4c24', endColorstr='#02623c',GradientType=0 ); /* IE6-9 */
}
.menu-items3 h4 {
  border-bottom: 1px solid rgba(0,0,0,0.3);
  border-top: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 12px;
   
  /*Gradient*/
  background: #0d4c24; /* Old browsers */
  background: -moz-linear-gradient(top, #0d4c24 0%, #02804f 44%, #02623c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d4c24), color-stop(44%,#02804f), color-stop(100%,#02623c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* IE10+ */
  background: linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4c24', endColorstr='#02623c',GradientType=0 ); /* IE6-9 */
}
.menu-items4 h4 {
  border-bottom: 1px solid rgba(0,0,0,0.3);
  border-top: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 12px;
   
  /*Gradient*/
  background: #0d4c24; /* Old browsers */
  background: -moz-linear-gradient(top, #0d4c24 0%, #02804f 44%, #02623c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d4c24), color-stop(44%,#02804f), color-stop(100%,#02623c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* IE10+ */
  background: linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4c24', endColorstr='#02623c',GradientType=0 ); /* IE6-9 */
}
.menu-items5 h4 {
  border-bottom: 1px solid rgba(0,0,0,0.3);
  border-top: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 12px;
   
  /*Gradient*/
  background: #0d4c24; /* Old browsers */
  background: -moz-linear-gradient(top, #0d4c24 0%, #02804f 44%, #02623c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d4c24), color-stop(44%,#02804f), color-stop(100%,#02623c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* IE10+ */
  background: linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4c24', endColorstr='#02623c',GradientType=0 ); /* IE6-9 */
}
.menu-items6 h4 {
  border-bottom: 1px solid rgba(0,0,0,0.3);
  border-top: 1px solid rgba(255,255,255,0.2);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 12px;
   
  /*Gradient*/
  background: #0d4c24; /* Old browsers */
  background: -moz-linear-gradient(top, #0d4c24 0%, #02804f 44%, #02623c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d4c24), color-stop(44%,#02804f), color-stop(100%,#02623c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* IE10+ */
  background: linear-gradient(top, #0d4c24 0%,#02804f 44%,#02623c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4c24', endColorstr='#02623c',GradientType=0 ); /* IE6-9 */
}

.menu-items2 h4:hover {  
  background: #09cc24; /* Old browsers */
  background: -moz-linear-gradient(top,  #0d9624 0%, #02623c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#v), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* IE10+ */
  background: linear-gradient(top,  #0d9624 0%,#02623c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d9624', endColorstr='#02623c',GradientType=0 ); /* IE6-9 */
}
.menu-items3 h4:hover {  
  background: #09cc24; /* Old browsers */
  background: -moz-linear-gradient(top,  #0d9624 0%, #02623c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#v), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* IE10+ */
  background: linear-gradient(top,  #0d9624 0%,#02623c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d9624', endColorstr='#02623c',GradientType=0 ); /* IE6-9 */
}
.menu-items4 h4:hover {  
  background: #09cc24; /* Old browsers */
  background: -moz-linear-gradient(top,  #0d9624 0%, #02623c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#v), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* IE10+ */
  background: linear-gradient(top,  #0d9624 0%,#02623c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d9624', endColorstr='#02623c',GradientType=0 ); /* IE6-9 */
}
.menu-items5 h4:hover {  
  background: #09cc24; /* Old browsers */
  background: -moz-linear-gradient(top,  #0d9624 0%, #02623c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#v), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* IE10+ */
  background: linear-gradient(top,  #0d9624 0%,#02623c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d9624', endColorstr='#02623c',GradientType=0 ); /* IE6-9 */
}
.menu-items6 h4:hover {  
  background: #09cc24; /* Old browsers */
  background: -moz-linear-gradient(top,  #0d9624 0%, #02623c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#v), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0d9624 0%,#02623c 100%); /* IE10+ */
  background: linear-gradient(top,  #0d9624 0%,#02623c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d9624', endColorstr='#02623c',GradientType=0 ); /* IE6-9 */
}
/* PARAGRAPH STYLES */
/*First Item Styles*/
.alpha p {
    font-size: 13px;
    padding: 8px 12px;
    color: #aaa;
}

/* UNORDERED LIST STYLES */
/*ul Styles*/
.menu-items2 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
.menu-items3 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
.menu-items4 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
.menu-items5 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
.menu-items6 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
 
.menu-items2 ul a {
  margin-left: 20px;
  text-decoration: none;
  color: #0d4c24;
  display: block;
  width: 200px;
}
.menu-items3 ul a {
  margin-left: 20px;
  text-decoration: none;
  color: #0d4c24;
  display: block;
  width: 200px;
}
.menu-items4 ul a {
  margin-left: 20px;
  text-decoration: none;
  color: #0d4c24;
  display: block;
  width: 200px;
}
.menu-items5 ul a {
  margin-left: 20px;
  text-decoration: none;
  color: #0d4c24;
  display: block;
  width: 200px;
}
.menu-items6 ul a {
  margin-left: 20px;
  text-decoration: none;
  color: #0d4c24;
  display: block;
  width: 200px;
}
 
/*li Styles*/
.menu-items2 li {
  border-bottom: 1px solid #eee;
}
 
.menu-items2 li:hover {
  background: #eee;
}
.menu-items3 li {
  border-bottom: 1px solid #eee;
}
 
.menu-items3 li:hover {
  background: #eee;
}
.menu-items4 li {
  border-bottom: 1px solid #eee;
}
 
.menu-items4 li:hover {
  background: #eee;
}
.menu-items5 li {
  border-bottom: 1px solid #eee;
}
 
.menu-items5 li:hover {
  background: #eee;
}
.menu-items6 li {
  border-bottom: 1px solid #eee;
}
 
.menu-items6 li:hover {
  background: #eee;
}
/* COLLAPSE AND ANIMATE */

/*ul Styles*/
.menu-items2 ul {
  background: #0d4c24;
  font-size: 13px;
  line-height: 30px;
  height: 0px; /*Collapses the menu*/
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
.menu-items3 ul {
  background: #0d4c24;
  font-size: 13px;
  line-height: 30px;
  height: 0px; /*Collapses the menu*/
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
.menu-items4 ul {
  background: #0d4c24;
  font-size: 13px;
  line-height: 30px;
  height: 0px; /*Collapses the menu*/
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
.menu-items5 ul {
  background: #0d4c24;
  font-size: 13px;
  line-height: 30px;
  height: 0px; /*Collapses the menu*/
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
.menu-items6 ul {
  background: #0d4c24;
  font-size: 13px;
  line-height: 30px;
  height: 0px; /*Collapses the menu*/
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}
/* ANIMATE THE TRANSITION */
/*ul Styles*/
.menu-items2 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
   
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-items3 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
   
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-items4 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
   
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-items5 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
   
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-items6 ul {
  background: #0d4c24;
  font-size: 13px;
  line-height: 30px;
  height: 0px; /*Collapses the menu*/
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
}

/* ANIMATE THE TRANSITION */
/*ul Styles*/
.menu-items2 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
   
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-items3 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
   
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-items4 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
   
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-items5 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
   
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-items6 ul {
  background: #fff;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
   
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}


/* EXPAND ON HOVER */
.menu-items2:hover ul {
  height: 100px;
}
.menu-items3:hover ul {
  height: 150px;
}
.menu-items4:hover ul {
  height: 200px;
}
.menu-items5:hover ul {
  height: 250px;
}
.menu-items6:hover ul {
  height: 310px;
}