/**
* 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:100%;
	border-bottom:#ddd 1px solid
}
.mainmenu_div{
	border-bottom:#efefef 1px solid;
	border-top:#efefef 0px solid;
	height:25px;
}
#mainmenux B{
	color:#003366
}
.sub{
	left:95%;
    top:8px;
    position:absolute;
    width:9px;
    height:9px
}
.sub2{
	left:96%;
    top:8px;
    position:absolute;
    width:9px;
    height:9px
}
#mainmenux UL{
	padding:0px;
	margin:0px;
	list-style-type:none;
	z-index:200;
}
#mainmenux UL LI {
	float:left;
    position: relative;  
    text-align: left; /** this controls the 1st block position **/
    color:#3c3c3c;
    z-index:200;
}
#mainmenux UL LI A {
	display: block; 
    line-height: 22px;  
    text-decoration: none;
    color:#3c3c3c;
    background:none;
    text-align:left; /** this controls the text of the the top nav :: required in Opera **/
}
#mainmenux UL LI A:hover { 
    background:none; /** this controls the bgcolor of the top nav menus / text **/
    color:black;
    text-decoration:underline
}
#mainmenux UL LI UL {
	display: none; 
    position:absolute; 
    top: 24px; /** this ctrl the height of the drop down box **/ 
    border:#999999 1px solid;
    color:#3c3c3c;
    font-size:8pt;
    z-index:200;
}
#mainmenux 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:24px; /** 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 *********************************/
#mainmenux UL LI UL LI UL{ /* 1st sub menu */
    position:absolute;
    top:-1px;
    left:100%;
    display:none;
    z-index:200;
}
#mainmenux UL LI UL LI UL LI UL{ /* 2nd sub menu */
    top:-1px; /** this ctrls the 2nd sub menu box to show exactly lined with the 2nd box **/
}
/** sub menus ops end *****************************/

/** show / hide drop down box operations **/
#mainmenux UL LI.over UL{
    display:block;
}
/** ops for 1st subs **/
#mainmenux UL LI.over UL LI UL{
    display:none;
}
#mainmenux UL LI.over UL LI.over UL{
    display:block;
}
/** ops for 2nd subs **/
#mainmenux UL LI.over UL LI.over UL LI UL{
    display:none;
}
#mainmenux UL LI.over UL LI.over UL LI.over UL{
    display:block;
}
/** operation ends ************************/



/** nav_1 ctrl ******************/
#mainmenux #nav_1x{/** width of the text with <A> on top_nav **/
    width:250px;
}
#mainmenux #nav_1mainx LI A{/** width of the drop down box **/
	width:270px;
}
/** nav_1 ctrl end **************/

/** nav_2 ctrl ******************/
#mainmenux #nav_2x{/** width of the text with <A> on top_nav **/
    width:250px;
}
#mainmenux #nav_2mainx LI A{/** width of the drop down box **/
	width:280px;
}
/** nav_2 ctrl end **************/

/** nav_3 ctrl ******************/
#mainmenux #nav_3x{/** width of the text with <A> on top_nav **/
    width:220px;
}
#mainmenux #nav_3mainx LI A{/** width of the drop down box **/
	width:200px;
}
/** nav_3 ctrl end **************/

/** nav_4 ctrl ******************/
#mainmenux #nav_4x{/** width of the text with <A> on top_nav **/
    width:250px;
}
#mainmenux #nav_4mainx LI A{/** width of the drop down box **/
	width:200px;
}
/** nav_4 ctrl end **************/