/* generic styling */
.DropDownMenu { font-size: 80%; border-top: 1px solid #CFEBC5; background: #319F02 url(../images/nav-background.jpg) repeat-x; height: 34px; clear: both; width: 980px;}
.DropDownMenu b { margin: 6px 10px 0 10px; color: #FFFFFF; float: left;}
.DropDownMenu ul { margin-left: 15px; list-style-type: none;}
.DropDownMenu ul li { float: left; position: relative;}
.DropDownMenu ul li.group { display: block; text-indent: 10px; background: #666; color: #ff0; width: 152px; padding: 4px 0;}
.DropDownMenu ul li a, .DropDownMenu ul li a:visited { float: left; display: block; text-decoration: none; color: #ffffff; padding: 0; line-height: 29px; height: 30px;}
.DropDownMenu ul li:hover { width: auto;}
.DropDownMenu ul li a:hover { background: #319F02 url(../images/nav-background.jpg) repeat-x; color: #ffffff;}
.DropDownMenu ul li:hover a { background: #319F02 url(../images/nav-background.jpg) repeat-x; color: #FFFFFF;}
.DropDownMenu ul li ul{ display: none;}
.DropDownMenu table { margin: 0; border-collapse: collapse; font-size: 95%; position: absolute; z-index:1; top: 0; left: 0;}

/* specific to non IE browsers */
.DropDownMenu ul li:hover ul { display: block; position: absolute; top: 29px; background: #319F02; margin-top: 1px; left: 0; width: 152px;}
.DropDownMenu ul li:hover ul.endstop { left: -30px;}
.DropDownMenu ul li:hover ul li ul { display: none;}
.DropDownMenu ul li:hover ul li a { display: block; background: #319F02; color: #fff; height: auto; line-height: 15px; padding: 4px 16px; width: 120px;}
.DropDownMenu ul li:hover ul li a.drop { background:#C8FDB0;}
.DropDownMenu ul li:hover ul li a:hover { color:#2B8D00; background: #C8FDB0;}
.DropDownMenu ul li:hover ul li a:hover.drop { background: #C8FDB0; color: #2B8D00;}
.DropDownMenu ul li:hover ul li:hover ul { display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#C8FDB0;}
.DropDownMenu ul li:hover ul li:hover ul li a { background: #C8FDB0;}
.DropDownMenu ul li:hover ul li:hover ul li.group {width: 152px; padding: 5px 0;}
.DropDownMenu ul li:hover ul li:hover ul.left { left: -172px;}
.DropDownMenu ul li:hover ul li:hover ul li a:hover { background: #C8FDB0; color: #FFFFFF;}

/* specific to IE5.5 and IE6 browsers */
.DropDownMenu ul li a:hover ul { display: block; position: absolute; top: 30px; t\op: 29px; background: #319F02; left:0; marg\in-top: 1px;}
.DropDownMenu ul li a:hover ul.scroller { height: 138px; overflow: auto;}
.DropDownMenu ul li a:hover ul.endstop { left: -29px;}
.DropDownMenu ul li a:hover ul li a { display: block; color: #fff; height: 1px; line-height: 15px; padding: 4px 16px; width: 152px; w\idth: 120px;}
.DropDownMenu ul li a:hover ul li a.drop { background:#C8FDB0; padding-bottom:5px;}
.menu2 ul li a:hover ul li a ul { visibility:hidden; position:absolute; height:0; width:0;}
.DropDownMenu ul li a:hover ul li a:hover { color:#2B8D00; background: #C8FDB0;}
.DropDownMenu ul li a:hover ul li a:hover.drop { background: #C8FDB0; color: #2B8D00;}
.DropDownMenu ul li a:hover ul li a:hover ul { visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#C8FDB0;}
.DropDownMenu ul li a:hover ul li a:hover ul.left { left: -170px;}
.DropDownMenu ul li a:hover ul li a:hover ul li a:hover { background: #C8FDB0; color: #2B8D00;}

.left {clear:both;}