/**
* 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;
}
#mainmenu 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
}
#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:#3c3c3c;
    z-index:200;
}
#mainmenu UL LI A {
	display: block; 
    line-height: 24px;  
    text-decoration: none;
    color:#3c3c3c;
    background:#ffffff;
    text-align:center; /** this controls the text of the the top nav :: required in Opera **/
}
#mainmenu UL LI A:hover { 
    background:#a5dea5; /** this controls the bgcolor of the top nav menus / text **/
}
#mainmenu 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;
}
#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: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 *********************************/
#mainmenu UL LI UL LI UL{ /* 1st sub menu */
    position:absolute;
    top:-1px;
    left:100%;
    display:none;
    z-index:200;
}
#mainmenu 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 **/
#mainmenu UL LI.over UL{
    display:block;
}
/** ops for 1st subs **/
#mainmenu UL LI.over UL LI UL{
    display:none;
}
#mainmenu UL LI.over UL LI.over UL{
    display:block;
}
/** ops for 2nd subs **/
#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;
}
/** operation ends ************************/



/** nav_1 ctrl ******************/
#mainmenu #nav_1{/** width of the text with <A> on top_nav **/
    width:144px;
}
#mainmenu #nav_1main LI A{/** width of the drop down box **/
	width:200px;
}
/** nav_1 ctrl end **************/

/** nav_2 ctrl ******************/
#mainmenu #nav_2{/** width of the text with <A> on top_nav **/
    width:120px;
}
#mainmenu #nav_2main LI A{/** width of the drop down box **/
	width:260px;
}
/** nav_2 ctrl end **************/

/** nav_3 ctrl ******************/
#mainmenu #nav_3{/** width of the text with <A> on top_nav **/
    width:90px;
}
#mainmenu #nav_3main LI A{/** width of the drop down box **/
	width:250px;
}
/** nav_3 ctrl end **************/

/** nav_4 ctrl ******************/
#mainmenu #nav_4{/** width of the text with <A> on top_nav **/
    width:120px;
}
#mainmenu #nav_4main LI A{/** width of the drop down box **/
	width:230px;
}
/** nav_4 ctrl end **************/

/** nav_5 ctrl ******************/
#mainmenu #nav_5{/** width of the text with <A> on top_nav **/
    width:100px;
}
#mainmenu #nav_5main LI A{/** width of the drop down box **/
	width:230px;
}
/** nav_5 ctrl end **************/

/** nav_6 ctrl ******************/
#mainmenu #nav_6{/** width of the text with <A> on top_nav **/
    width:95px;
}
#mainmenu #nav_6main LI A{/** width of the drop down box **/
	width:230px;
}
/** nav_6 ctrl end **************/

/** nav_7 ctrl ******************/
#mainmenu #nav_7{/** width of the text with <A> on top_nav **/
    width:110px;
}
#mainmenu #nav_7main LI A{/** width of the drop down box **/
	width:230px;
}
/** nav_7 ctrl end **************/

/** nav_8 ctrl ******************/
#mainmenu #nav_8{/** width of the text with <A> on top_nav **/
    width:120px;
}
#mainmenu #nav_8main LI A{/** width of the drop down box **/
	width:230px;
}
/** nav_8 ctrl end **************/

/** nav_9 ctrl ******************/
#mainmenu #nav_9{/** width of the text with <A> on top_nav **/
    width:70px;
}
#mainmenu #nav_9main LI A{/** width of the drop down box **/
	width:230px;
}
/** nav_9 ctrl end **************/

/** nav_10 ctrl ******************/
#mainmenu #nav_10{/** width of the text with <A> on top_nav **/
    width:100px;
}
#mainmenu #nav_10main LI A{/** width of the drop down box **/
	width:230px;
}
/** nav_10 ctrl end **************/