/* -----------  All HTML Elements  -------- */
body            {margin-left: 20px; margin-top: 20px; margin-bottom: 50px; background-image: url(../images/BodyBG.jpg);
                 background-repeat: repeat-y; background-color: #0e1034;}
td              {text-align: left; vertical-align: top;}

/* -----------  NavBar Layout  -------- */
.NavBarLO       {width: 170px; height: 270px; padding: 0px; }
.NavBarLO table {width: 100%}
.NavBarLO td    {border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding: 6px 4px 6px 9px;}
.navpad         {height: 40px;}
.nav, .nav-o, .nav-d, .nav-s
                {font: 9pt verdana; font-weight: bold; text-decoration: none;}
.nav            {color: #25254b;}
.nav-o          {color: #4d4d99; text-decoration: underline;}
.nav-d          {color: #8484c1; text-decoration: underline;}
.nav-s          {color: #820041;}

/* -----------  Page Layout  -------- */
.PageLO         {width: 760px; height: 400px; background-color: #ffffff; font: 10pt Verdana;
                 border: 1px solid #000000;}
.HeaderLO       {height: 100px; border-bottom: 1px solid #000000;}
.TitleLO        {width: 450px; text-align: right; padding: 10px 20px; font-weight: bold;}
.PageBody       {width: 590px; padding: 5px;}
.BodyFooter     {padding: 15px 70px 5px 70px; height: 40px; border-top: 0px solid #000000; font-size: 7.5pt;}
.FooterLO       {padding: 5px 0px 5px 15px; height: 40px; border-top: 1px solid #000000; font-size: 7.5pt;}

Reference only:
Cranberry #008080 to #820041 to #7D0040
Blue      #004040 to #00005b to #002D62