## CSS-related properties

If you're either going to use your own linked style sheet, or want to tweak the layout of the menu through the `MTMExtraCSS` option, this is the right place to be. Here's a run-down of all the CSS-related properties in the menu. If you want to have a look at the output code for yourself the easiest way is to open the menu in Netscape Navigator 4.x or IE4 and then choose "View Source" in the menu frame.

The menu uses one ID for the text next to the root icon and three classes for some menu items. The `ID` for the root text is `root`, so the corresponding CSS code becomes `#root { /* any CSS rules here */ }`

The three classes are all connected to the links. It's one for the tracked item, one for a sub menu that was opened, and one for a sub menu that was closed. The class names are `tracked`, `subexpanded` and `subclosed` respectively. The corresponding CSS code becomes `a.tracked { /* CSS */ }`, `a.subexpanded { /* CSS */ }` and `a.subclosed { /* CSS */ }` respectively.

### Example style sheet

This example style sheet is an exact copy of the inline style sheet as it would be written by v2.3.1:

    body {
    	color:#000000;
    }
    #root {
    	color:#000000;
    	background:transparent;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:84%;
    }
    .subtext {
    	color: #000000;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:84%;
    	background:transparent;
    }
    a {
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:84%;
    	text-decoration:none;
    	color:#330099;
    	background:transparent;
    }
    a:hover {
    	color:#990000;
    	background:transparent;
    }
    a.tracked {
    	color:#000000;
    	background:transparent;
    }
    a.subexpanded {
    	color:#666699;
    	background:transparent;
    }
    a.subclosed {
    	color:#666699;
    	background:transparent;
    }

That's it. Have fun! :)