#nav, #nav UL  {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; MARGIN: 0px; LINE-HEIGHT: 1px; LIST-STYLE-TYPE: none; LIST-STYLE-image: none; border-right:1px solid #cccccc;}

#nav A {DISPLAY: block;}

/*first level*/
#nav LI {FLOAT: left; height: 22px;}

/*controls second level width and padding*/
#nav ul a { width: 13em; _width: 13em; padding: 5px; LIST-STYLE-image: none;}

/*controls font color and style for menu items*/
#nav LI A {font-weight:normal; font: 12px Arial, Sans-Serif; color: #7F307F; text-decoration:none; border-bottom:0; LIST-STYLE-image: none; line-height: 22px;}

/*controls menu background color and border around menu itmes, make sure to change class below to affect all borders*/
#nav LI UL {BACKGROUND: #eeeeee; LEFT: -999em; line-height: 22px; WIDTH: 13em; POSITION: absolute; border:1px solid #cccccc; border-bottom: 0; LIST-STYLE-image: none;}

/*lines in between each nav item*/
#nav LI UL LI {border-bottom:1px solid #cccccc; WIDTH: 13em;}

/*sub menu hover text color*/
#nav li ul li a:hover{text-decoration:underline; color: #7F307F;}

/*adjust margin for third level position*/
#nav li ul ul {	margin: -23px 0px 0px 152px; _margin: -23px 0px 0px 163px; LIST-STYLE-image: none;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em; LIST-STYLE-image: none;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto; LIST-STYLE-image: none;}

/*sub menu background hover color*/
#nav li:hover, #nav li.sfhover {BACKGROUND: #ffffff; LIST-STYLE-image: none;}

/*second level position*/
#nav li ul {margin-top:0px;}