/* general styles (all browser) */
            
            .centeredmenu {
                width           : 865px;
                margin          : 0 auto;
            }
                
            .centeredmenu ul {
                list-style-type	: none;
                margin          : 0;
                padding         : 0;   
            }
            
            .centeredmenu ins   {  
                display         : block; 
                text-align      : center;
                font-style      : normal;
                text-decoration : none;

                position        : relative;
                z-index         : 1;
                width           : 100%;         /* forcing Safari/Win */
            }            
            
                .centeredmenu ins ul  {  
                    display         : table;
                    margin          : 0 auto;
                }
            
            
            .centeredmenu ins ins {
                display         : none;
            }
            
            .centeredmenu li {
                display         : table-cell;
            }
                
            .centeredmenu a {
                padding         : 1.0em 7px 0.8em 7px;
                float           : left;
                display         : inline;
				color			: white;
				text-decoration	: none;
				font-family		: georgia;
				font-size		: 13px;
				font-weight		: bold;
				text-transform	:uppercase
            }

            .centeredmenu a:hover{
				color			: #adadad;
				text-decoration	: underline;
            }
                
                
            /* submenus */
                
            .centeredmenu li:hover > ins {
                display         : block;
                position        : absolute;
                z-index         : 10;
                left            : 0;
                top             : 2.1em;
            }
            
            
        <!--[if lte IE 7]>

                    
                .centeredmenu table {
                    border-collapse : collapse;
                    border          : 0;
                    margin          : 0;
                    padding         : 0;
                }
                
                .centeredmenu ins {
                    width           : 865px;                        /* 100% doesn't work so we must declare a maximum width in px */
                    background-image: url(transparent-1x1.gif);     /* another IE bug */
                }
                    
                .centeredmenu ul {  
                    display         : inline-block;     
                }
                
                .centeredmenu ul {  
                    display         : inline;                       /* hack for IE */
                    margin          : 0 auto;
                }
                
                .centeredmenu li {  
                    float           : left; 
                    display         : inline;
                }

                
                .centeredmenu a:hover {
                    direction       : ltr;
                }
                    
                    
                .centeredmenu a:hover ins {
                    display             : block;
                    position            : absolute;
                    z-index             : 10;
                    left                : 0;
                    top                 : 2.5em;
                }

        <![endif]-->
            
            
        <!--[if lte IE 6]>

            
                /*  IE6 and previous version don't provide a '>' child selector
                    so we need redeclare some rules. If you have only 2 levels you can delete these rules */
                    
                .centeredmenu a:hover ins      {  display     : block;    /* show only next sublevel */ }
                .centeredmenu a:hover ins ins  {  display     : none; }
                
                .centeredmenu a:hover ins a:hover ins     {  display     : block;    /* show only next sublevel */ }
                .centeredmenu a:hover ins a:hover ins ins {  display     : none; }
                
                .centeredmenu a:hover ins a:hover ins a:hover ins     {  display     : block;    /* show only next sublevel */ }
                .centeredmenu a:hover ins a:hover ins a:hover ins ins {  display     : none; }
                    

        <![endif]-->