/*dropdown.css
                                                   initiated Jan 22 2010 by Henri Salles
                                                   logistic inspired from various websites. 
                                                   last update: Jan 23 2010*/




a, a:hover, a:active, a:focus                      
   {outline:0;
   direction:ltr; }                                

.liner                                             
   {position:relative;  }


.subliner                                          
   {position:absolute;
   z-index:100;                                    
   font-family:Verdana, Geneva, sans-serif;
   font-weight:normal;
   font-size:90%;
   line-height:25px;
   left:50%;
   margin-left:-203px;                             
   width:606px;}

ul.menu                                            
   {padding:0;
   margin:0;
   list-style:none;
   width:100px;
   overflow:hidden;
   float:left;
   margin-right:1px;}

ul.menu a                                          
   {text-decoration:none;
   color:rgb(0,0,0);
   padding-left:5px;}
   
ul.menu li.top-bar-element                                            
   {float:left;                                    
   width:250px;
   margin:-191136px -125px 0px 0px;                /* menu/top-bar(within) are set out of this world : down there, back to my birthdate! &reset below see: top-link */  
   background:url(images/menuButton.jpg) no-repeat left bottom;}  

ul.menu li.top-bar-element a.top-link              
   {position:relative;
   z-index:50;                                     
   display:block;                                  
   float:left;
   width:120px;                                     
   margin-top:191136px;
   background:transparent;}

ul.menu li.top-bar-element a.top-link:hover,      
ul.menu li.top-bar-element a.top-link:focus,      
ul.menu li.top-bar-element a.top-link:active
   {margin-right:1px;                            
   background-image:url(images/menuButtonHovered.jpg);    
   background-repeat:no-repeat;                   
   background-position:left top;}              


 
ul.dropped-menu                            
   {float:left;                             
   padding:25px 0px 0px 0px;
   margin:0;
   list-style:none;
   background-image:url(images/menuButton.jpg);   
   background-repeat:no-repeat;
   background-position:left top;
   margin:-25px 0px 0px 0px;}

ul.dropped-menu li a                               
   {float:left;
   width:120px;
   clear:left;
   color: rgb(0,0,0);}                         

ul.dropped-menu li a.dropped-element               
   {background:url(images/menuButton.jpg);}      

ul.dropped-menu li a.dropped-element:hover,
ul.dropped-menu li a.dropped-element:focus,
ul.dropped-menu li a.dropped-element:active         
   {background:url(images/menuButtonHovered.jpg);} 

ul.dropped-menu a:hover,
ul.dropped-menu a:focus,
ul.dropped-menu a:active                           
   {margin-right:1px;
   color:rgb(0,0,0);}