<style>
/*======= Vertical Drop Down Menu By Helper Blogger ========= */
.ddsmoothmenu-v ul {
  margin: 0;
  padding: 0;
  width: 250px;
  /* Main Menu Item widths */
  list-style-type: none;
  font: bold 12px Verdana;
  border-bottom: 0px solid #ccc;
}

.ddsmoothmenu-v ul li {
  position: relative;
}

.downarrowclass {
  position: absolute;
  top: 12px;
  right: 7px;
}

.rightarrowclass {
  position: absolute;
  top: 10px;
  right: 5px;
}
  /* Top level menu links style */
.ddsmoothmenu-v ul li a {
  display: block;
  overflow: auto;
  /*force hasLayout in IE7 */
  height: 32px;
  color: white;
  text-decoration: none;
  padding: 5px 5px 5px 25px;
  border-bottom: 0px solid #778;
  border-right: 0px solid #778;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active {
  color: white;
  background-image: url(http://3.bp.blogspot.com/-VCtcZunZJ2U/T9W7MM1uIXI/AAAAAAAAB9o/yVJ0Cad3Q0g/s1600/tab_bg.gif);
  height: 22px;
  background-repeat: repeat-x;
  background-position: left center;
  margin-bottom: 1px;
}

.ddsmoothmenu-v ul li a.selected {
  /*CSS class that's dynamically added to the currently active menu items' LI A element*/
  color: white;
  background-image: url(http://2.bp.blogspot.com/-F0-PrDUYlX4/T9W7MrjME5I/AAAAAAAAB9w/0CLQurrHUjM/s1600/tabhover_bg.gif);
  height: 22px;
  background-repeat: repeat-x;
  background-position: left center;
}

.ddsmoothmenu-v ul li a:hover {
  color: white;
  background-image: url(http://2.bp.blogspot.com/-F0-PrDUYlX4/T9W7MrjME5I/AAAAAAAAB9w/0CLQurrHUjM/s1600/tabhover_bg.gif);
  height: 22px;
  background-repeat: repeat-x;
  background-position: left center;
}
  /*Sub level menu items */
.ddsmoothmenu-v ul li ul {
  position: absolute;
  width: 170px;
  /*Sub Menu Items width */
  height: 22px;
  top: 0;
  font-weight: normal;
  visibility: hidden;
}
  /* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li {
  float: left;
  height: 1%;
}

* html .ddsmoothmenu-v ul li a {
  height: 1%;
}
/*======= Vertical Drop Down Menu By Helper Blogger ========= */
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://code.helperblogger.com/hb-smooth-menu.js"></script>
<script type="text/javascript">
  })
</script>
<script type="text/javascript">
  ddsmoothmenu.init({

  mainmenuid: "smoothmenu2",
  //Menu DIV id
  orientation: 'v',
  //Horizontal or vertical menu: Set to "h" or "v"
  classname: 'ddsmoothmenu-v',
  //class added to menu's outer DIV

  //customtheme: ["#804000", "#482400"],
  contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
  })
</script>
<div id="smoothmenu2" class="ddsmoothmenu-v">
  <ul>
  <li>
  <a href="http://www.gelesson.net/">Home</a>
  </li>
  <li>
  <a href="#">Folder 0</a>
  <ul>
  <li>
  <a href="#">Sub Item 1.1</a>
  </li>
<li>
  <a href="#">Sub Item 1.1</a>
  </li>
<li>
  <a href="#">Sub Item 1.1</a>
  </li>
  <li>
  <a href="#">Sub Item 1.2</a>
  </li>
  </ul>
  </li>
  <li>
  <a href="#">Folder 1</a>
  <ul>
  <li>
  <a href="#">Sub Item 1.1</a>
  </li>
  <li>
  <a href="#">Sub Item 1.2</a>
  </li>
  </ul>
  </li>
  <li>
  <a href="#">Item 3</a>
  </li>
  <li>
  <a href="#">Folder 2</a>
  <ul>
  <li>
  <a href="http://www.gelesson.net/">GeLesson.Net</a>
  </li>
  </ul>
  </li>
  <li>
  <a href="http://www.gelesson.net/">Create This</a>
  </li>
  </ul>
  <br style="clear: left" />
</div>