/**
* PetZerToneRonic Studios :: Web Factory :: Multi-Level drop down menu
* this menu is tested and worked perfectly on the main browser - I.E, Opera, FireFox
* Perfected at 4.40pm Sunday April 22 2007
* Author: Ryner A.J
*
* For those who downloaded this css file and using it: 
* PLEASE DON'T REMOVE THIS NOTE.
* You may use it without limitation.
* Please kindly send me an email (rognaxen@yahoo.com) telling me where you're using this css. 
* Thank You
**/

IMG {border:0px;}

.ctr            {cursor:pointer;width:100%;text-align:center;}
.mainmenu_td    {width:1000px;border-bottom:#ddd 0px solid;background-image:url(http://localhost/ilf/masterfile/nav/bg.jpg);background-repeat:repeat-x;height:36px;}
.mainmenu_div   {}
.sub            {left:95%;top:8px;position:absolute;width:9px;height:9px}
.sub2           {left:96%;top:8px;position:absolute;width:9px;height:9px}

#mainmenu           {background-image:url(topmenu/bg.jpg);background-repeat:repeat-x;color:#666666;height:36px;padding-top:1px;border-bottom:#efefef 0px solid;border-top:#efefef 0px solid;height:36px;width:950px}
#mainmenu UL        {padding:0px;margin:0px;list-style-type:none;z-index:200;}
#mainmenu UL LI     {float:left;position: relative;text-align: left; /** this controls the 1st block position **/color:#666666;z-index:200;}
#mainmenu UL LI A   {display: block; line-height: 35px;text-decoration: none;color:#666666;background:none;text-align:center; /** this controls the text of the the top nav :: required in Opera **/}

/**this setting is group hover style behaviour - apply to all menu**/
#mainmenu UL LI A:hover { 
    text-decoration:underline; 
    color:black;
}


#mainmenu UL LI UL      {display: none; position:absolute; top: 36px; /** this ctrl the height of the drop down box **/ border:#999999 1px solid;color:#666666;font-size:8pt;z-index:200;}
#mainmenu UL LI UL A    {padding-left:10px; /** this ctrl the padding left of a text with <A> in the drop down box **/background:#ffffff;text-align:left;line-height:36px; /** this ctrl the line-height of the text in the drop down box :: important for firefox :: must the same with #mainmenu UL LI A line-height **/}

/** sub menus ops **/
#mainmenu UL LI UL LI UL        {position:absolute;top:-1px;left:100%;display:none;z-index:200;} /** 1st sub menu **/
#mainmenu UL LI UL LI UL LI UL  {top:-1px; /** this ctrls the 2nd sub menu box to show exactly lined with the 2nd box **/}

/** show / hide drop down box operations **/
/** 1st sub ops **/
#mainmenu UL LI.over UL             {display:block;}
#mainmenu UL LI.over UL LI UL       {display:none;}
#mainmenu UL LI.over UL LI.over UL  {display:block;}
/** 2nd sub ops **/
#mainmenu UL LI.over UL LI.over UL LI UL        {display:none;}
#mainmenu UL LI.over UL LI.over UL LI.over UL   {display:block;}

/** nav_0 ctrl **/
#mainmenu #nav_0            {width:100px;}
#mainmenu #nav_0main LI A   {width:250px;}
#mainmenu #nav_0 A:hover    {background:none}

/** nav_1 ctrl **/
#mainmenu #nav_1            {width:120px;}
#mainmenu #nav_1main LI A   {width:250px;}
/**#mainmenu #nav_1 A:hover    {background:#009933;color:#ffffff}**/

/** nav_2 ctrl **/
#mainmenu #nav_2            {width:120px;}
#mainmenu #nav_2main LI A   {width:250px;}
/**#mainmenu #nav_2 A:hover    {background:gray;color:#ffffff}**/

/** nav_3 ctrl **/
#mainmenu #nav_3            {width:80px;}
#mainmenu #nav_3main LI A   {width:250px;}
/**#mainmenu #nav_3 A:hover    {background:gray;color:#ffffff}**/

/** nav_4 ctrl **/
#mainmenu #nav_4            {width:80px;}
#mainmenu #nav_4main LI A   {width:230px;}
/**#mainmenu #nav_4 A:hover    {background:gray;color:#ffffff}**/

/** nav_5 ctrl **/
#mainmenu #nav_5            {width:140px;}
#mainmenu #nav_5main LI A   {width:230px;}
/**#mainmenu #nav_5 A:hover    {background:black;color:#ffffff}**/

/** nav_6 ctrl **/
#mainmenu #nav_6            {width:100px;}
#mainmenu #nav_6main LI A   {width:230px;}
/**#mainmenu #nav_6 A:hover    {background:gray;color:#ffffff}**/

/** nav_7 ctrl **/
#mainmenu #nav_7            {width:100px;}
#mainmenu #nav_7main LI A   {width:230px;}
/**#mainmenu #nav_7 A:hover    {background:gray;color:#ffffff}**/

/** nav_8 ctrl **/
#mainmenu #nav_8            {width:100px;}
#mainmenu #nav_8main LI A   {width:230px;}
/**#mainmenu #nav_8 A:hover    {background:gray;color:#ffffff}**/

/** nav_9 ctrl **/
#mainmenu #nav_9            {width:100px;}
#mainmenu #nav_9main LI A   {width:230px;}
/**#mainmenu #nav_9 A:hover    {background:gray;color:#ffffff}**/

/** nav_10 ctrl **/
#mainmenu #nav_10            {width:70px;}
#mainmenu #nav_10main LI A   {width:230px;}
/**#mainmenu #nav_10 A:hover    {background:gray;color:#ffffff}**/