/* Functionality */
* { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none;}
ul { list-style: none; }
ul.menu li {float:left;zoom: 1;}
ul.menu li:hover {position: relative;}
ul.menu li a {display: block;}
ul.menu ul {visibility: hidden;position: absolute;Z-index:100;}
ul.menu ul li a {margin: 0;width: 100%;display: inline-block;text-align:center}
ul.menu ul li a:visited {width: 100%;display: inline-block}
ul.menu ul li a:hover{border-right: none;width:100%;display: inline-block}
ul.menu li:hover > ul {visibility: visible;}
/* Style */
ul.menu li a {font: 12px "arial"; font-weight: normal;text-align: center;}
ul.menu li a {background-color:#eeeeee;color:#000000} /* Button Color */
ul.menu li a:visited {background-color:#eeeeee;color:#000000} /* visited Button Colors */
ul.menu li a:hover {color:#ffffff;background-color:#000000}/* Hover Button Colors */
ul.menu li a:active {color:#ffffff;background-color:#000000}/* Active Button Colors */
ul.menu ul li a {background-color: #000000;color:#ffffff} /* Sub-Button Color */
ul.menu ul li a:visited {background-color: #000000;color:#ffffff} /* visited Sub-Button Color */
ul.menu ul li a:hover{background-color: #dddddd;color:#000000} /* Hover Sub-Button Color */
ul.menu ul li a:active{background-color: #ff0000;color:#ffffff} /* Active Sub-Button Color */
/* the three lines below go in the Media for customization. Cut and paste these lines into the Media Screen brackets for each Media Screen Size. Delete this line of instructions */
ul.menu li {width:150px;margin-top:-3px}
ul.menu li a {padding: 6px 5px;font-size: 12px}
ul.menu ul {left: 0px;top:30px;}
VERTICAL MENU STYLE
/* Functionality */
* { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none;}
ul { list-style: none; }
ul.menu { position: relative}
ul.menu li {float:left; zoom: 1; width:100%}
ul.menu li a:link {display: block}
ul.menu ul li a {width: 100%; display: inline-block}
ul.menu li:hover {position: relative;Z-index:100}
ul.menu ul {visibility: hidden; position: absolute; top:0;Z-index:100;}
ul.menu ul li a {margin: 0;width: 100%; display: inline-block;}
ul.menu ul li a:visited {width: 100%; display: inline-block;}
ul.menu ul li a:hover{width:100%; display: inline-block;}
ul.menu li:hover > ul { visibility: visible; }
/* Style */
ul.menu li a {font: 12px "arial"; font-weight: normal;text-align: center;}
ul.menu li a:link {background-color:#cccccc;color:#000000} /* Button Color */
ul.menu li a:visited {background-color:#cccccc;color:#000000} /* visited Button Colors */
ul.menu li a:hover {color:#ffffff;background-color:#000000}/* Hover Button Colors */
ul.menu li a:active {color:#ffffff;background-color:#dddddd}/* Active Button Colors */
ul.menu ul li a {background-color: #000000;color:#ffffff} /* Sub-Button Color */
ul.menu ul li a:visited {background-color: #000000;color:#ffffff} /* visited Sub-Button Color */
ul.menu ul li a:hover{background-color: #dddddd;color:#000000} /* Hover Sub-Button Color */
ul.menu ul li a:active{background-color: #ff0000;color:#ffffff} /* Active Sub-Button Color */
/* the three lines below go in the Media for customization. Cut and paste these lines into the Media Screen brackets for each Media Screen Size. Delete this line of instructions */
ul.menu li {width:180px;margin-top:0px}
ul.menu li a:link {padding: 3px 5px;font-size: 12px}
ul.menu ul {left: 180px}