/*color scheme*/

#leftcol ul.menu ul{ color:#000000; background-color:#ffffff;}
#leftcol ul.menu ul li, #leftcol ul.menu ul li a{  color: #000000; 
             background-color: #ffffff;
			 list-style-type:none;
			 }			 
#leftcol ul.menu ul li:hover, #leftcol ul.menu ul li a:hover, #leftcol ul.menu ul li:hover a, #leftcol ul.menu ul li:hover li{  color: #000000; 
             background-color: #cccccc;
			 }
			 
#rightcol ul.menu ul{ color:#000000; background-color:#ffffff;}
#rightcol ul.menu ul li, #rightcol ul.menu ul li a{  color: #000000; 
             background-color: #ffffff;
			 list-style-type:none;
			 }			 
#rightcol ul.menu ul li:hover, #rightcol ul.menu ul li a:hover, #rightcol ul.menu ul li:hover a, #rightcol ul.menu ul li:hover li{  color: #000000; 
             background-color: #cccccc;
			 }

#topmenu ul.menu ul{ color:#000000; background-color:#ffffff;}
#topmenu ul.menu ul li, #topmenu ul.menu ul li a{  color: #000000; 
             background-color: #ffffff;
			 list-style-type:none;
			 }			 
#topmenu ul.menu ul li:hover, #topmenu ul.menu ul li a:hover, #topmenu ul.menu ul li:hover a, #topmenu ul.menu ul li:hover li{  color: #000000; 
             background-color: #cccccc;
			 }



/*layout*/

#leftcol ul.menu ul{margin:0px; padding:0px; border-width:1px; border-style:solid;}
#leftcol ul.menu ul a{ padding:0.4em; margin:0px; border-width:0px; z-index:100; }
#leftcol ul.menu ul li{ text-indent: 0px;  text-align:center; border-bottom-width:1px; border-bottom-style:solid; border-left-width: 0px; border-right-width: 0px; font-size: 0.9em; }


#rightcol ul.menu ul{margin:0px;  padding:0px; border-width:1px; border-style:solid;}
#rightcol ul.menu ul a{ padding:0.4em; margin:0px; border-width:0px; z-index:100}
#rightcol ul.menu ul li{ text-indent: 0px;  text-align:center; border-bottom-width:1px; border-bottom-style:solid; border-left-width: 0px; border-right-width: 0px; font-size: 0.9em; }

#topmenu ul.menu ul{margin:0px;  padding:0px; border-width:1px; border-style:solid; text-align:center;}
#topmenu ul.menu ul a{ padding:0.4em; margin:0px; border-width:0px; z-index:100;  }
#topmenu ul.menu ul li{ text-indent: 0px;  text-align:center; border-bottom-width:1px; border-bottom-style:solid; font-size: 0.9em; margin:0px; padding:0px; border-left-width:0px; border-right-width:0px; width:100%; }




/* display */

#leftcol ul.menu li.liHover ul, #leftcol ul.menu li:hover ul{ display:block; }
#leftcol ul.menu li.liOut ul, #leftcol ul.menu li ul{ display:none; }

#rightcol ul.menu li.liHover ul, #rightcol ul.menu li:hover ul{ display:block; }
#rightcol ul.menu li.liOut ul, #rightcol ul.menu li ul{ display:none; }

#topmenu ul.menu li.liHover ul, #topmenu ul.menu li:hover ul{ display:block; }
#topmenu ul.menu li.liOut ul, #topmenu ul.menu li ul{ display:none; }


/* positioning - important*/
#leftcol ul.menu li{ float:right; width: 100%; position:relative; z-index:100}
#leftcol ul.menu ul{ position:absolute; top:0px; left:100%; width:100%; z-index:100}

#rightcol ul.menu li{ float:left; width: 100%; position:relative; z-index:100 }
#rightcol ul.menu ul{ position:absolute; top:0px; left:-100%; width:100%; z-index:100}

#topmenu ul.menu li{ float:left; position:relative; z-index:100 }
#topmenu ul.menu ul{ position:absolute; top:12px; left:0; width:140px;  z-index:100}
#topmenu ul.menu ul ul{ position:absolute; top:0px; left:-100%; width:140px;  z-index:100}