BODY        {background:url('../../images/NN/background-body.gif') repeat-x #336799; font-family:arial; font-size:12px;}
TD          {font-size:12px;}
A,
A:hover     {color:#003365;}

#container  {width:960px; background-color:#d9d9d9;}
#col-1 {width:216px;}

#header     {height:93px; background:url('../../images/NN/background-header.gif') no-repeat; padding-left:42px; color:#fff;}
#header H1  {margin:0; font-size:18px;}
#header H2  {margin:0; font-size:12px;}

#advisorImageDiv  {height:208px; background:url('../../images/NN/background-advisorImage.gif') no-repeat; text-align:center;}
.clientPhoto      {margin-top:10px;}

/*leftBar*/
#leftBar                  {background:url('../../images/NN/background-leftBar.gif') no-repeat 0 100%; font-size:11px; padding-bottom:8px; height:auto;}
#leftBar H2               {color:#003365; font-size:14px/*12px*/; font-weight:bold; margin-bottom:3px;}
#leftBar A                {color:#000; font-weight:bold;}
#leftBar UL               {margin-bottom:0; padding-bottom:6px;}
#leftBar LI               {background:url('../../images/NN/background-listArrow.gif') no-repeat; margin-left:-10px; padding-left:10px;}
.leftBarWrapper           {padding:0 25px 0 30px;}
.leftBarSection           {width:216px; height:20px; background:url('../../images/NN/background-leftBarPieces.gif') no-repeat;}
#leftBar .middle          {background-position:-250px 0;}
#leftBar .middle2         {background-position:-250px 0; height:8px;}
#leftBar .bottom          {background-position:-500px 0; display:block;}
#contactInfo,
#referAFriend,
#accountAccess,
#calculators,
#clientCenter,
#advancedPlanningLibrary  {background:url('../../images/NN/background-leftBarPieces.gif') repeat-y -750px 0;}

#rightBar {background:url('../../images/NN/background-rightBar.gif') no-repeat 0 100%;}

/*brandingElement*/
#brandingElement {background:url('../../images/NN/background-brandingElement.gif') no-repeat #fff; padding:10px 0 0 14px; margin-right:10px;}

/*navigation*/
#nav                                            {margin:auto; height:32px; width:734px;}
#navigation                                     {background:url('../../images/NN/background-brandingElement.gif') no-repeat #fff -750px 100%; margin-right:10px; text-align:center;}
#navigation TD                                  {vertical-align:middle; text-align:center; font-weight:bold; font-size:11px; text-transform:uppercase; background:url('../../images/NN/background-navigationDots.gif') no-repeat;}
#navigation A,
#navigation A:hover                             {text-decoration:none; display:block; width:100%; line-height:12px;}
#navigation UL                                  {list-style-image:none; list-style-type:none; margin:0; padding:0;}
#navigation LI                                  {padding:4px 8px;}
#navigation LI.singleLineAnchor                 {padding:10px 8px;}
.ie6.TG #navigation LI.singleLineAnchor         {padding-top:7px;}
#navigation A SPAN                              {padding:0 4px; display:block;}
#navigation TD.first                            {background-image:none;}
#navigation UL LI                               {display:block; position:relative; border-left:none;}
#navigation UL LI A,
#navigation UL LI A:hover                       {/*position:relative; */text-decoration:none; display:inline; color:#003365; margin:0; padding:0;}
#navigation UL LI LI                            {height:auto; float:none; padding:4px 0; color:#003365; background-color:#fff;}
#navigation UL LI LI A,
#navigation UL LI LI A:hover                    {text-transform:none; font-weight:bold; display:block; padding:0 4px;}
#navigation UL LI.subNavigation                 {position:relative;}
#navigation UL LI.over LI.subNavigation UL      {display:none;} /*hack for IE6 only*/
#navigation UL LI.subNavigation UL              {display:none; position:absolute; left:100%; top:0;}
#navigation UL LI.subNavigation:hover UL,
#navigation UL LI.over LI.subNavigation.over UL {display:block;}
#navigation UL LI.subNavigation UL LI           {width:auto;}
#navigation UL UL                               {top:100%; width:180px; height:auto; background-color:#fff; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9;}
.ie6.TG #navigation UL UL                       {border-top:1px solid #d9d9d9;}
.ie6.TG #navigation UL UL UL                    {border-top:none;}
#navigation UL UL LI                            {border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:4px 0;}
#navigation UL UL LI.over,
#navigation UL UL LI:hover                       {background-color:#003366;}
#navigation UL UL LI:hover A,
#navigation UL UL LI.over A,
#navigation UL UL LI A:hover,
#navigation UL UL LI.over A:hover               {color:#fff;}
#navigation UL UL LI:hover LI A,
#navigation UL UL LI.over LI A                  {color:#003365;}
#navigation UL UL LI LI:hover A,
#navigation UL UL LI.over LI.over A             {color:#fff;}
.longNavLinks                                   {white-space:nowrap; position:relative;}

/*advisorContent*/
#advisorContentTop      {background:url('../../images/NN/background-advisorContentTop.gif') no-repeat; height:30px;}
#advisorContentWrapper  {margin:0 30px; padding:20px 0;}
#advisorContent H1,
#subPage #contentBox H1 {color:#003365; font-size:14px; font-weight:bold; margin-bottom:10px;}
#advisorContent H2      {font-size:13px; font-weight:bold; margin-bottom:10px;}

/*footer*/
#footer {border:none; color:#333; font-size:10px; text-align:left; padding-top:30px;}


/* subPage */
#subPage #contentBox TH                     {background-color:#003366;}
#subPage #contentBox UL                     {list-style-type:disc;}
#subPage #contentBox LI                     {margin-left:15px;}
#subPage.articles #contentBox,
#subPage.calculators #contentBox            {margin:0; width:684px;}
BODY.associates #contentBox TABLE           {width:530px;}
BODY.associates #contentBox TABLE .left     {float:right;}
BODY.associates #contentBox .staffName      {font-weight:bold;}
BODY.contactUs #advisorContent TABLE        {width:550px;}
BODY.contactUs #contentBox #contactMessage,
BODY.contactUs #contentBox UL LI.officeName,
BODY.contactUs #contentBox UL LI.address01,
BODY.contactUs #contentBox UL LI.cityState,
BODY.contactUs #contentBox UL LI.zip        {font-size:100%; font-weight:normal;}
#subPage.contactUs #contentBox UL           {list-style-type:none;}

.custom #leftBar UL {margin-left:0;}

body.calculators #contentBox UL {width:auto;}

/* Historical Timeline & Longevity Game */
BODY.HistoricalTimeline #leftBar,
BODY.LongevityGame #leftBar                         {padding-bottom:0; background-image:none;}
BODY.HistoricalTimeline #advisorImageDiv,
BODY.LongevityGame #advisorImageDiv                 {height:203px;}
BODY.HistoricalTimeline #rightBar,
BODY.LongevityGame #rightBar                        {background-image:none;}
BODY.HistoricalTimeline #brandingElement,
BODY.HistoricalTimeline #navigation,
BODY.LongevityGame #brandingElement,
BODY.LongevityGame #navigation                      {margin-right:0;}
.ie6.HistoricalTimeline #navigation LI.over A SPAN,
.ie6.LongevityGame #navigation LI.over A SPAN       {padding:1px 4px;}
BODY.HistoricalTimeline #advisorContentTop,
BODY.LongevityGame #advisorContentTop               {background:url('../../images/NN/background-advisorContent2.gif') no-repeat;}
BODY.HistoricalTimeline #advisorContent,
BODY.LongevityGame #advisorContent                  {background:url('../../images/NN/background-advisorContent2.gif') -1000px 0 repeat-y;}
BODY.HistoricalTimeline #frameFoot,
BODY.LongevityGame #frameFoot                       {background:url('../../images/NN/background-advisorContent2.gif') -2000px 0; height:30px;}



