/* center float Main menu settings */ .centeredmenu { clear:both; float:left; margin:0; padding:3px 0 0 0; background-color: #fff; border-bottom:3px solid #ccc; /* black line below menu */ width:100%; font-family:Verdana, Geneva, sans-serif; /* Menu font */ font-size:90%; /* Menu text size */ z-index:1000; /* This makes the dropdown menus appear above the page content below */ position:relative; } /* Top menu items */ .centeredmenu ul { margin:0; padding:0; list-style:none; float:right; position:relative; right:50%; } .centeredmenu ul li { margin:0 0 0 1px; padding-left: 10px; padding-right: 10px; float:left; position:relative; left:50%; top:1px; } .centeredmenu ul li a { display:block; margin:0; padding:.6em .5em .4em; font-size:1em; line-height:1em; background:#fff; /* button color left and right */ text-decoration:none; color:#000; font-weight:bold; border-bottom:1px solid #000; } .centeredmenu ul li.active a { color:#fff; background:#555; /* button color center = active */ } .centeredmenu ul li a:hover { background:#555; /* Top menu items background colour */ color:#fff; border-bottom:1px solid #000; } .centeredmenu ul li:hover a, .centeredmenu ul li.hover a { /* This line is required for IE 6 and below */ background:#555; /* Top menu items background colour */ color:#fff; border-bottom:1px solid #000; } /* Submenu items */ .centeredmenu ul ul { display:none; /* Sub menus are hiden by default */ position:absolute; top:2em; left:0; right:auto; /*resets the right:50% on the parent ul */ width:15em; /* width of the drop-down menus */ } .centeredmenu ul ul li { left:auto; /*resets the left:50% on the parent li */ margin:0; /* Reset the 1px margin from the top menu */ clear:left; width:100%; background:#555; padding-bottom: 5px; } .centeredmenu ul ul li a, .centeredmenu ul li.active li a, .centeredmenu ul li:hover ul li a, .centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */ font-size:.8em; font-weight:normal; /* resets the bold set for the top level menu items */ background:#555; color:#fff; line-height:1.4em; /* overwrite line-height value from top menu */ border-bottom:1px solid #ddd; /* sub menu item horizontal lines */ } .centeredmenu ul ul li a:hover, .centeredmenu ul li.active ul li a:hover, .centeredmenu ul li:hover ul li a:hover, .centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */ background:#55f; /* Sub menu items background colour */ color:#fff; } /* Flip the last submenu so it stays within the page */ .centeredmenu ul ul.last { left:auto; /* reset left:0; value */ right:0; /* Set right value instead */ } /* Make the sub menus appear on hover */ .centeredmenu ul li:hover ul, .centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */ display:block; /* Show the sub menus */ } .centeredmenu .cl { text-align: center; } .centeredmenu .rl { text-align: right; } .centeredmenu span { font-size:60%; } /* center float Main menu settings */