 <style type="text/css">
 
 /* nav code  */
#nav, #nav ul { padding: 0; margin: 0; /* line-height: 1em;*/ list-style: none; z-index: 9999;} 
#nav a {display: block; padding: 5px 10px;} 
#nav li ul a {display: block; width: 15em;padding: 1px 10px;} 
#nav li { float: left; text-align: left;margin: 0;}
#nav li ul { position: absolute;  width: 15em;  left: -999em; background-color: #6D649D;} /* bg */
#nav ul a {font-size: .9em;color: white;text-decoration: none;}   /*   font color ul   */
#nav li li {border-top: 1px solid white;width: 15em;} 
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li ul a:hover {background-color: #FFCC66 ;} /* FFCC66  when move the color  background-color  color  */
#nav li a.menuitem, #nav li a.menuselected {line-height: 1.2;vertical-align: bottom;color:#ffffff}/* color font will be blue nave stction only */
/* end nav code  */

.menu_unit li:hover, .menu_unit li.sfhover {background-color: #593881;} /* background-color  color  */
.menu_unit li:hover a, .menu_unit li.sfhover a, #nav li:hover a, #nav li.sfhover a {color: white;text-decoration: none;}
ul,li,td {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;}

/*over riding styles set in common.css & custom home.css to control spacing for the nav row when there's no dropdowns */
.tarot_mast_nav, .astrology_mast_nav, .numerology_mast_nav, .oracle_mast_nav {margin:0px;padding:0px;}

</style>



/* width 18em mean the with of the box when come down  */