Change the colors of the Navbar's drop down menus

CSS code:

Place code into your CSS box. Change XXXXXX into your own color codes. (click here for color chart)

{.CODE_PROVIDED:HOT-LYTS.COM;}
.hot-lyts 
{/*navigation background color*/}
#topnav { background-color:#XXXXXX; }

.hot-lyts 
{border color}
#topnav ul { border-right: 1px #XXXXXX solid; }
#topnav ul li { border-left: 1px #XXXXXX solid; } 

.hot-lyts 
{triangle icon color}
#topnav ul li a small,#topnav ul li a:hover small{color:#XXXXXX;}

.hot-lyts 
{border around whole drop down menu}
#topnav ul.subMenu {border:1px #XXXXXX solid;border-top:none;}

.hot-lyts 
{background color and text color of drop-down menu when NOT hovered}
#topnav ul li.hover a,
#topnav ul li.dropDown:hover a,#topnav ul li.hover a:hover,
#topnav ul a:hover {background-color:#XXXXXX;color:#XXXXXX;}

.hot-lyts 
{background color and text color of drop-down links when hovered}
#topnav li.hover ul.subMenu a:hover,
#topnav li.dropDown:hover ul.subMenu a:hover
{background-color:#XXXXXX; color:#XXXXXX;}

.hot-lyts 
{divider color between your block user link and profile link}
#topnav ul.subMenu li.divider
{border-bottom:1px solid #XXXXXX;}
{.CODE_PROVIDED:HOT-LYTS.COM;}

This is the CSS code I used for mine:

.hot-lyts 
{/*navigation background color*/}
#topnav { background-color:#111111; }

.hot-lyts 
{border color}
#topnav ul { border-right: 1px #000 solid; }
#topnav ul li { border-left: 1px #000 solid; } 

.hot-lyts 
{triangle icon color}
#topnav ul li a small,#topnav ul li a:hover small{color:#fff;}

.hot-lyts 
{border around whole drop down menu}
#topnav ul.subMenu {border:1px #111111 solid;border-top:none;}

.hot-lyts 
{background color and text color of drop-down menu when NOT hovered}
#topnav ul li.hover a,
#topnav ul li.dropDown:hover a,#topnav ul li.hover a:hover,
#topnav ul a:hover {background-color:#111111;color:#fff;}

.hot-lyts 
{background color and text color of drop-down links when hovered}
#topnav li.hover ul.subMenu a:hover,
#topnav li.dropDown:hover ul.subMenu a:hover
{background-color:#222222; color:#fff;}

.hot-lyts 
{divider color between your block user link and profile link}
#topnav ul.subMenu li.divider
{border-bottom:1px solid #ffffff;}