/*global*/
A:link            {text-decoration:underline; color:#00265B;}
A:visited         {text-decoration:underline; color:#00265B;}
A:hover           {text-decoration:none;}
A:active          {text-decoration:underline;}
.note             {font-size:10px; color:#666;}
BODY              {background:url('../../images/TG2-body-background.jpg') repeat-x #B8C7D5; font-family:arial; font-size:12px;}
H2                {font-size:14px; font-family:arial; color:#00265B;}
#col-1            {width:254px;}
#col-2            {width:353px;}
#col-3            {width:353px;}
#container        {text-align:center;}
#containingTable  {width:960px; margin:auto; background-color:#fff; text-align:left;}

/*header*/
#header             {height:58px; background:url('../../images/TG2-banner.jpg') repeat-x #F6F6EC;}
#header #headerLogo {float:right; margin:10px 22px 0 0;}

/* Marketing and Nav */
#marketingAndNav  {height:270px; background-color:#fff;}
#advisorInfo      {width:334px;}
#advisorTitle     {background-color:#003365; margin:14px 6px 6px 16px; position:relative;}
#advisorTitle H1  {font-size:21px; color:#fff; font-weight:normal; padding:2px 8px 0 8px;}
#advisorTitle H2  {font-size:14px; margin-top:0; font-weight:bold; color:#fff; font-family:arial; padding:0 8px 8px 8px;}

.ie6.TG #advisorTitle {height:10px;}
#advisorTitle .top,
#advisorTitle .bottom {display:block; background:url("../../images/TG2-advisorTitle-background.gif") no-repeat; height:8px; width:8px; font-size:1pt; position:absolute; z-index:50;}
#advisorTitle .bottom {bottom:0; background-position:0 100%;}

#contactInfo      {background-color:#E5E5CD; height:190px; margin:0 6px 0 16px; color:#00265B; font:bold 12px arial; position:relative;}
#advisorImage     {float:left; margin:4px 20px 4px 4px;}
#officeNumber     {padding-top:40px;}
#contactMeButton  {margin-top:10px;}
#pageCorner       {position:absolute; right:0; bottom:0;}
#this_swf         {margin-top:14px;}

/*menuBar   **SAVE THIS**
#navigation                                     {vertical-align:middle; font-size:11px; font-weight:bold; text-transform:uppercase; padding-left:25px;}
#navigation UL                                  {list-style-image:none;}
#navigation UL,
#navigation LI                                  {margin:0; padding:0;}
#navigation UL LI.first,
#navigation UL LI LI                            {background-image:none;}
#navigation UL LI                               {display:block; position:relative; float:left; padding:8px 0; border:none; background:url('/beta/include/images/TG2-navigationDivider.gif') no-repeat 0 10px;}
#navigation UL LI A,
#navigation UL LI A:hover                       {margin:0 20px; position:relative; text-decoration:none; display:inline; color:#00265B;}
#navigation UL LI LI                            {height:auto; float:none; background-color:#E5E5CD;}
#navigation UL LI LI A,
#navigation UL LI LI A:hover                    {top:0; text-transform:none; font-weight:bold; display:block; margin:0; 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; padding-top:0; background-color:#E5E5CD; border-bottom:1px solid #E5E5CD;}
#navigation UL UL LI                            {border-left:1px solid #E5E5CD; border-right:1px solid #E5E5CD; padding:4px 0;}
#navigation UL UL LI:hover                      {background-color:#E5E5CD;}
#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:#646732;}
#navigation UL UL LI:hover LI A,
#navigation UL UL LI.over LI A                  {color:#00265B;}
#navigation UL UL LI LI:hover A,
#navigation UL UL LI.over LI.over A             {color:#646732;}
#navigation UL UL UL                            {background-color:none;}
.longNavLinks                                   {white-space:nowrap; position:relative;}*/

/*menuBar*/
#nav                                            {margin:auto;}
#navigation                                     {text-align:center;}
#navigation TD                                  {vertical-align:middle; text-align:center; font-weight:bold; font-size:11px; text-transform:uppercase; background:url('../../images/TG2-navigationDivider.gif') no-repeat 0 50%;}
#navigation A,
#navigation A:hover                             {color:#00265B; text-decoration:none; display:block; width:100%; line-height:12px;}
#navigation UL                                  {list-style-image:none; list-style-type:none;}
#navigation UL                                  {margin:0; padding:0;}
#navigation LI                                  {padding:3px 0;}
#navigation LI.singleLineAnchor                 {padding:9px 0;}
.ie6.TG #navigation LI.singleLineAnchor         {padding:8px 0;}

#navigation A SPAN                              {padding:0 18px; display:block;}
#navigation TD.first                            {background-image:none;}

#navigation UL LI                               {display:block; position:relative; border:none;}
#navigation UL LI A,
#navigation UL LI A:hover                       {position:relative; text-decoration:none; display:inline; color:#00265B;}
#navigation UL LI LI                            {height:auto; float:none; background-color:#E5E5CD;}
#navigation UL LI LI A,
#navigation UL LI LI A:hover                    {top:0; text-transform:none; font-weight:bold; display:block; margin:0; 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; padding-top:0; background-color:#E5E5CD; border-bottom:1px solid #E5E5CD;}
#navigation UL UL LI                            {border-left:1px solid #E5E5CD; border-right:1px solid #E5E5CD; padding:4px 0;}
#navigation UL UL LI:hover                      {background-color:#E5E5CD;}
#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:#646732;}
#navigation UL UL LI:hover LI A,
#navigation UL UL LI.over LI A                  {color:#00265B;}
#navigation UL UL LI LI:hover A,
#navigation UL UL LI.over LI.over A             {color:#646732;}
#navigation UL UL UL                            {background-color:none;}
.longNavLinks                                   {white-space:nowrap; position:relative;}


/*dropShadow*/
#dropShadow {background:url('../../images/TG2-content-dropshadow.jpg') repeat-x; height:25px;}

/*leftBar*/
#leftBarTop         {background:url('../../images/TG2-leftBar-background.gif') no-repeat 0 0; height:35px;}
#leftBarBottom      {background:url('../../images/TG2-leftBar-background.gif') no-repeat 0 -50px; height:10px;}
.leftBarMiddle      {background:url('../../images/TG2-leftBar-background.gif') no-repeat 0 -100px; height:21px;}
#leftBar            {font-size:11px; color:#000; background:url('../../images/TG2-leftBar-bottom.gif') no-repeat 0 100%; padding-bottom:25px;}
#leftBar P          {margin:4px 60px 0 48px;}
#leftBar UL         {margin:4px 60px 0 40px; list-style-type:none; padding:0;}
#leftBar UL.accountAccess {font-weight:bold;}
#leftBar LI         {padding-left:10px; background:url('../../images/TG2-arrow-blue.gif') no-repeat 1px 4px;}
#leftBar H2         {margin:0 60px 0 48px; color:#00265B;}
#leftBar A:link,
#leftBar A:visited,
#leftBar A:hover,
#leftBar A:active   {color:#000; text-decoration:none;}
#leftBar A:hover    {text-decoration:underline;}
#leftBar P.financialAdvisor    {font-size:11px; font-weight:bold; padding:8px 0;}
#leftBar P.financialAdvisor A  {color:#000;}
#emailNewsletter,
#video,
#friend,
#apl,
#accountAccess,
#calculators,
#clientCenter       {background:url('../../images/TG2-leftBar-background.gif') repeat-y -300px 0;}

/*centerBar*/
#centerBar            {font-size:12px; padding-right:25px; border-right:1px solid #ccc;}
#centerBar H2         {margin:25px 0 15px  0;}
#centerBar H2 A       {text-decoration:none;}
#centerBar H2.firstH2 {margin:0 0 15px 0; padding-top:0;}
#centerBar P          {margin:0 0 15px 0;}
#centerBar UL         {margin-top:6px;}
#centerBar DIV.rule   {height:15px; color:#fff;}
.centerImages         {float:right; margin:0 30px 14px 14px;}

#subPage.associates #centerBar H2             {color:#000; font-weight:bold; font-size:12px; margin:25px 0 15px 0;}
#subPage.associates #centerBar H2 A           {color:#00265B; font-weight:bold; font-size:12px; margin:25px 0 15px 0; text-decoration:underline;}
#subPage.associates #centerBar A,
#subPage.associates #centerBar A:link,
#subPage.associates #centerBar A:hover,
#subPage.associates #centerBar A:visited      {color:#00265B; font-weight:bold;}

/*rightBar*/
#rightBar             {font-size:12px; padding-left:25px; padding-right:25px;}
#rightBar H2          {margin:25px 25px 15px 0;}
#rightBar H2 A        {text-decoration:none;}
#rightBar H2.firstH2  {margin:0 0 15px 0; padding-top:0;}
#rightBar P           {margin:0 0 15px 0;}
#rightBar LI          {margin-left:22px;}
#rightBar UL          {margin-top:6px;}
#rightBar DIV.rule    {height:15px; color:#fff;}
.rightBarContent      {margin-bottom:20px;}

/*open and close*/
.closed DIV                 {display:none;}
.open DIV                   {display:block;}
IMG.toggleDiv               {background-image:url('../../images/TogglePlusMinus.gif'); height:10px; width:10px; margin-right:5px;}
.open IMG.toggleDiv         {background-position:-100px 0;}
.open IMG.toggleDiv:hover   {background-position:-150px 0;}
.closed IMG.toggleDiv       {background-position:0 0;}
.closed IMG.toggleDiv:hover {background-position:-50px 0;}

/*footer*/
#footer   {font-size:10px; color:#666; padding-bottom:30px; padding-top:30px;}
#footer P {margin:6px 25px;}

/*       subPage         */

/*global*/
#subPage .note             {font-size:10px; color:#666;}
#subPage .rule             {border-bottom:1px solid #B1C6D8; margin:10px 100px 20px 0;}
BODY#subPage               {background:url('../../images/TG2-body-background.jpg') repeat-x #B8C7D5; font-family:arial; font-size:12px;}
#subPage H2                {font-size:14px; font-family:arial; color:#00265B;}
#subPage #col-1            {width:254px;}
#subPage #containingTable  {width:960px; margin:auto; background-color:#fff;}
#subPage #pageTop          {height:32px; background:url('../../images/TG2-pageTop.gif') #fff;}
#subPage .staffName        {font-weight:bold; margin-right:50px;}

/*header*/
#subPage #headerTable        {width:100%;}
#subPage #col-1a             {width:160px;}
#subPage #header             {height:48px; background:url('../../images/TG2-headerCap.gif') no-repeat 100% 0 #003365;}
#subPage #header #headerLogo {float:right; margin:8px 26px 0 0;}
#subPage #header H1          {font-size:17px; color:#fff; font-weight:bold; padding:2px 8px 0 8px;}
#subPage #header H2          {font-size:14px; margin-top:0; font-weight:bold; color:#fff; font-family:arial; padding:0 8px 4px 8px;}
#subPage #advisorTitle       {background:url('../../images/TG2-advisorTitle-background.gif') no-repeat 0 0 #003365; margin:14px 6px 6px 16px;}
#subPage #marketingImage2    {float:right; margin:5px 16px 0 0;}
#subPage #contactInfo        {background:url('/beta/include/images/TG2-pageCorner.gif') no-repeat 100% 100% #E5E5CD; width:168px; height:137px; color:#00265B;  margin:5px 6px 0 0; font:bold 12px arial;}
#subPage #contactInfo P      {margin-left:10px;}
#subPage #advisorImage       {margin:0 0 0 14px; border:5px solid #E5E5CD;}
#subPage #officeNumber       {padding-top:10px;}
#subPage #contactMeButton    {margin:10px 0 0 10px;}
#subPage #pageCorner         {display:none}

/*menuBar*/
#subPage #navigation A                    {text-decoration:none;}
#subPage #navigation LI                   {padding:4px 0;}
#subPage #navigation LI.singleLineAnchor  {padding:9px 0;}


/* Remove the leftbar from certain pages */
.HistoricalTimeline #leftBar,
.LongevityGame #leftBar {background-image:none;}
.HistoricalTimeline #leftBar *,
.LongevityGame #leftBar * {display:none;}
.HistoricalTimeline #leftBarTop,
.LongevityGame #leftBarTop {display:block; background-image:none; min-height:480px; width:1px;}
.HistoricalTimeline #col-1,
.LongevityGame #col-1 {width:20px!important;}
/* IE6 HACK */
.ie6.HistoricalTimeline #leftBarTop,
.ie6.LongevityGame #leftBarTop {height:435px;}
/* end leftbar removal */

/*centerBar*/
#subPage TD#centerBar                           {padding-right:0; width:700px;}
#subPage #centerBar H1                          {font-size:16px; font-family:arial; color:#00265B; margin-bottom:15px;}
#subPage #centerBar H2                          {color:#00265B;}
#subPage #centerBar H2 A                        {text-decoration:none; color:#00265B;}
#subPage #centerBar H2.firstH2                  {margin:0 0 15px 0; padding-top:0;}
#subPage #centerBar H3                          {margin:0 0 8px 0; font-size:13px;}
#subPage #centerBar H4#breadCrumb               {margin-bottom:10px;}
#subPage #centerBar P                           {margin:0 0 15px 0;}

#subPage #centerBar UL                          {margin-left:30px; padding-left:0;}

#subPage #centerBar TD                          {font-size:12px;}
#subPage #centerBar TD.staff                    {padding-bottom:20px;}
#subPage #centerBar DIV.rule                    {display:block;}
#subPage #centerBar #contentBox                 {margin-right:20px;}
#subPage #centerBar #sideBar                    {display:none;}
#subPage #centerBar #advisorContent             {width:auto;}
#subPage #centerBar #advisorContent TABLE TABLE {width:auto;}

#subPage.contactUs #centerBar #advisorContent   {width:480px;}

#subPage #centerBar #advisorContent IMG.left    {float:right;}
#subPage.articles #contentBox UL                {list-style-type:none;}
#subPage.articles #contentBox UL LI             {float:left; margin-right:20px; width:300px;}
#subPage.contactUs #contentBox UL               {list-style-type:none; margin-top:15px; margin-left:15px;}
#subPage.contactUs #contentBox H2               {font-size:12px; font-weight:normal; color:#000; margin-top:0;}
#subPage.contactUs #contentBox HR               {display:none;}

/*footer*/
#subPage #footer .rule  {display:none;}