/* LEVEL ONE */
ul.dropdown {position: relative; width: 750px; height: 49px; margin: 0 auto;}
ul.dropdown li {font-weight: bold; float: left; zoom: 1; background: transparent;}
ul.dropdown a:hover {color: #fff;}
ul.dropdown a:active {color: #fff;}
ul.dropdown li a {display: block; width: 124px; height: 49px; border-right: 1px solid #001d60; color: #fff; font-size: 1.4em; line-height: 3.2em; text-align: center; text-decoration: none;}
ul.dropdown li.last a {border-right: none;}
ul.dropdown li:hover {background: #103a7b; color: #fff; position: relative;}
ul.dropdown li.hover a {color: #fff;}

/* LEVEL TWO */
ul.dropdown ul {width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0;}
ul.dropdown ul li {font-weight: bold; background: #999; float: none; border-left: 1px solid #333; border-right: 1px solid #333;}
ul.dropdown ul li.last {border-bottom: 1px solid #333;}
ul.dropdown ul li.first2 {border-top: 1px solid #333;}
ul.dropdown ul li.last2 {border-bottom: 1px solid #333;}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {border-right: none; width: 100%; display: inline-block; height: auto; padding: 5px 5px 5px 10px; color: #000; font-size: 1.2em; line-height: 1.4em; text-align: left;} 

/* LEVEL THREE */
ul.dropdown ul ul {width: 260px; left: 100%; top: 0;}
ul.dropdown ul ul li a {width: 230px;}
ul.dropdown li:hover > ul {visibility: visible;}