#main { background-color: white; }

/* the color below will be the PRIMARY BASe color */
body { background: #cccbcb url(../images/body-repeater.png) repeat-x scroll center top; } /* grab a color near the bottom of the body-repeater gradient The one at the very bottom won't do though.*/

#header .title { color: white; }
#titleWrapper { background: transparent url(../images/title-bg.png) repeat-x scroll center top; }
#headerImageSubpage { background: transparent url(../images/subpage-top-background.jpg) repeat scroll center center; }
#headerImageSubpageCutter { background: transparent url(../images/subpage-top-background-cutter.png) no-repeat scroll center center; }


#navwrapper { background: #989898 url(../images/menu-bg.png) repeat scroll left top; }

#nav ul li { color: #fff;}
#nav ul li a { color: #fff; }
#nav ul li a:hover,
#nav ul li:hover { background-color: #818181; } /* SECONDARY A DARKER (varies-whatever) */

#nav ul ul li { background-color: #5D5D5D; } /* SECONDARY B (or complementary) */
#nav ul ul li:hover { background-color: #9D9D9D; } /* SECONDARY B LIGHTEST (or complementary) */