/*
Author: Craig Erskine
Description: Dynamic Menu System - Vertical
*/

#leftcol {width: 100%; float:left; background:transparent; clear: both;border-bottom: 1px solid #667;}

ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {
 width: 100%; /* Menu Width */
 margin: 0;
 list-style: none;
 position: relative;
}

ul#navmenu-v ul {
width: 500px;
}

}

ul#navmenu-v li { float: left; position: relative;  width: 500px; }
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ }

ul#navmenu-v ul {
 display: none;
 position: absolute;
 top: 0;
 left: 100%;
 z-index: 9999;
}

/* Root Menu */
ul#navmenu-v a {
 border-top: 1px solid #667;
 padding: 16px;
 display: block;
 background: rgb(255, 255, 255);
 background: rgba(205, 183, 158, 0.3);
 color: #333;
font-family: "baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif;
   font-style:italic;
font-size: 36px;
 text-decoration: none;
 height: 1%;
line-height:32px;
}

ul#navmenu-v li ul a{
 border-top: 0px solid #FFF;
 border-right: 0px solid #FFF;}

ul#navmenu-v li ul {background: url(images/paper.png);
-moz-box-shadow: 3px 3px 10px #000;
-webkit-box-shadow: 3px 3px 10px #000;
box-shadow: 3px 3px 10px #000;
color: $000;}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 background: rgb(178, 34, 34);
 background: rgba(178, 34, 34, 0.5);
 color: #FFF;
}

/* 2nd Menu */

ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
 float: none;
 color: #000;
 background: transparent;
 position: relative;
font: bold 12px Arial, sans-serif;
text-align: left;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
 color: #b22222;
}

ul#navmenu-v li:hover ul li { float: left; width: 33.3%; }

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
 background: #999;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
 background: #666;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }

/* ul#navmenu-v li:hover ul {
 -moz-column-count: 2;
 -moz-column-gap: 5px;
 -webkit-column-count: 2;
 -webkit-column-gap: 5px;
 column-count: 2;
 column-gap: 50px;
 position: relative;
clear:left;} */

