#main { background-color: white; }

body { background: transparent url(../images/body-bg.png) repeat 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; }

#navwrapper { border: 1px solid; background: transparent url(../images/menu-bg.png) repeat scroll left top; } /* see template */

#nav ul li { color: #fff; border-right: 1px solid; } /* see template */

#nav ul li a { color: #fff; }
#nav ul li:hover { background-color: #4993EB; } /* secondary-a-2 (varies-whatever) */
#nav ul ul li { border: none; background-color: #555E98; } /* secondary-b-1 (or complementary) */
#nav ul ul li:hover { background-color: #5363CB; } /* secondary-b-5 (or complementary) */

#content { border: 1px solid; border-top: none; border-bottom: none; }
.footerContainer { border: 1px solid; border-top: none; }

#headerImage { border-left: 1px solid; border-right: 1px solid; }

#headerImage,
#navwrapper,
#nav ul li,
#content,
.footerContainer { border-color: #003366; } /* see template */