/*********************************************************************************************** Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com Get this and other scripts at www.dhtmlgoodies.com You can use this script freely as long as this copyright message is kept intact. ***********************************************************************************************/ #mainMenu { background-color: #FFFFFF; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size: 0.9em; border-bottom: 1px solid #000000; height: 19px; position: relative; /* Don't change this position attribute */ } #mainMenu a { padding-left: 10px; /* Spaces at the left of main menu items */ padding-right: 10px; /* Spaces at the right of main menu items */ text-decoration: none; font-weight: bold; /* Don't change these two options */ position: absolute; bottom: -1px; /* Change this value to -2px if you're not using a strict doctype */ } #submenu { font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; background-color: #F8CB30; height: 19px; width: 100%; /* Don't change this option */ } #submenu div { white-space: nowrap; /* Don't change this option */ border-bottom: 1px solid #000000; height: 18px; } /* Style attributes of active menu item */ #mainMenu .activeMenuItem { border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #000000; background-color: #F8CB30; font-weight: bold; color: #000000; cursor: pointer; /* Cursor like a hand when the user moves the mouse over the menu item */ } /* Style attributes of inactive menu items */ #mainMenu .inactiveMenuItem { color: #000000; cursor: pointer; /* Cursor like a hand when the user moves the mouse over the menu item */ } #submenu a { text-decoration: none; padding-left: 5px; /* Space at the left of each sub menu item */ padding-right: 5px; /* Space at the right of each sub menu item */ color: #000000; font-size: 0.9em; } #submenu a:hover { color: #D55151; text-decoration: underline; }