/* ----- Color Map ----- 
    c47418 = Dark Orange "header"
    f4c235 = yellow of "prime" in logo
    f6921e = orange of "viva" in logo
    7aae1e = green of "calculator tools"
    c9c9c9 = border grey
    42270e = brown from search "Go" button and text
--- */
@import "ppc.css";
@import "nav.css";

/* ----- Default Styles -----  */
* {padding:0; margin:0;}

body
{text-align:center;}

p {
    color:#42270e;
    font-size:12px;
    font-family:Arial;
}

.copy{padding:10px 12px;}

h1 {
    font-size:18px;
    font-family:Arial Narrow, Helvetica, Arial;
    color:#42270e;
    padding-bottom:10px;
}
h2 {
    font-size:18px;
    font-family:Arial;
    color:#7aae1e;
    padding:20px 0 8px 0;
    text-decoration:none;
}

h2 a:link, h2 a:active, h2 a:visited {
    font-size:18px;
    font-family:Arial;
    color:#7aae1e;
    padding:20px 0 8px 0;
    text-decoration:none;
}

a {color:#c47418;}

img {padding:0; margin:0;}

#wrapper {
    width:940px;
    text-align:left;
    margin:0 auto;
}
    
/* ----- Header Styles -----  */
#header{
    background:url(/i/logo-search.jpg) no-repeat;
    width:938px;
    height:57px;
    border-left:solid 1px #c9c9c9;
    border-right:solid 1px #c9c9c9;   
}
/* ----- Content Styles -----  */
#content{
    width:938px;
    border:solid 1px #c9c9c9;
}
/* ----- Content Styles LEFT COLUMN-----  */
#left{
    width:609px;
    float:left;
    border-right:solid 1px #c9c9c9;
}
#health{
    background:url(/i/Subpage-main-health.jpg) no-repeat;
    padding-top:8px;
    height:255px;
}
#fitness{
    background:url(/i/Subpage-main-fitness.jpg) no-repeat;
    padding-top:8px;
    height:255px;
}
#retirement{
    background:url(/i/Subpage-main-retirement.jpg) no-repeat;
    padding-top:8px;
    height:255px;
}
#finance{
    background:url(/i/Subpage-main-finance.jpg) no-repeat;
    padding-top:8px;
    height:255px;
}
#leisure{
    background:url(/i/Subpage-main-leisure.jpg) no-repeat;
    padding-top:8px;
    height:255px;
}
#dating{
    background:url(/i/Subpage-main-dating.jpg) no-repeat;
    padding-top:8px;
    height:255px;
}
#caregiving{
    background:url(/i/subpage-main-cargiver.jpg) no-repeat;
    padding-top:8px;
    height:255px;
}
#left-content{
    width:686px;
    padding-top:25px;
    float:left;
    border-right:solid 1px #c9c9c9;
    height:100%;
}
#main-callout{
    margin-left:371px;
    width:225px;
    height:212px;    
}
#main-readmore{
   margin-left:455px;
   padding-bottom:20px;
   color:#42270e;
   font-size:12px;
   font-family:Arial;
   height:20px;
   line-height:18px;
}
#main-readmore a, #main-readmore:active, #main-readmore:link, #main-readmore:visited{
   color:#42270e;
   font-size:12px;
}
#feature-article {
    background:url(/i/subpage-featured-article.gif) no-repeat;
    width:607px;
    height:236px;
}
#feature-image{
    margin:55px 0px 0px 12px;
    width:174px;
    float:left;
}
#feature-text{
    padding-left:15px;
    margin-top:30px;
    width:390px;
    float:left;
}
#feature-text a:link, #feature-text a:visited, #feature-text:active{
    text-decoration:none;
}

#feature-readmore{
    float:right;
    padding-right:30px;   
}
.left-callout{
    width:290px;
    float:left;
    margin:0px -5px 12px 12px;
}
.left-callout-title{
    background:url(/i/home_left_callout.gif) no-repeat;
    width:290px;
    height:37px;
    font-family:Arial;
    font-size:18px;
    color:#fff;
    text-indent:12px;
    line-height:34px;
}
.left-callout-title a{
    color:#fff;
    text-decoration:none;    
}
.green-title, .green-title a:link, .green-title a:active, .green-title a:visited{
    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-family:Arial;
    padding:0;
}

.left-callout-box{
    width:289px;
    border:solid 1px #7aae1e;
    background:#fff;
}
.left-callout-text{
    width:160px;
    font-family:Arial;
    font-size:12px;
    color:#42270e;
    float:left;
    margin-top:10px;
}
.left-callout-image{
    margin:10px;
    float:left;       
}
.readmore{
    position:relative;
    top:10px;
    font-size:11px;
    font-family:Arial;
    
}
/* ----- Content Styles RIGHT COLUMN-----  */
#right{
    width:327px;
    float:right;
}
#right-content{
    width:250px;
    float:right;
}
#lander-calculator {
    background:url(/i/subpage-activity-calc.jpg) no-repeat;
    width:327px;
    height:255px;
}
#lander-calculator-retirement {
    background:url(/i/subpage-retirement-calc.jpg) no-repeat;
    width:327px;
    height:255px;
}
#lander-calculator-text{ 
    padding:145px 0px 0px 12px;    
}
#lander-calculator-clickhere {
    float:right;
    padding:12px 12px 0 0;   
}
.right-article{
    margin-left:104px;       
    width:215px;
}
.right-article a, .right-article a:link, .right-article a:visited, .right-article a:active {
    text-decoration:none;   
}

.readmore-right{
    position:relative;
    top:10px;
    font-size:11px;
    font-family:Arial;
    margin-left:104px;
}
.readmore-right:link, .readmore-right:visited, .readmore-right:active {
    text-decoration:underline;
}
.readmore-right a {
    text-decoration:underline;
}
/* ----- Callout Styles for Section Landers on RIGHT COLUMN -----  */
.right-callout-health1{
    background:url(/i/right-article-dentures.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}
.right-callout-health2{
    background:url(/i/right-article-hearingloss.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}


.right-callout-health3{
    background:url(/i/right-article-andropause.jpg) no-repeat;
    width:327px;
    height:151px;
}


/* ----- Finance -----  */
.right-callout-finance1{
    background:url(/i/right-article-annuities.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}


.right-callout-finance2{
    background:url(/i/right-article-wills.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}

.right-callout-finance3{
    background:url(/i/right-article-trusts.jpg) no-repeat;
    width:327px;
    height:151px;
}

/* ----- Fitness -----  */
.right-callout-fitness1{
    background:url(/i/right-article-water-aerobics.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}

.right-callout-fitness2{
    background:url(/i/right-article-thai-chi.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}

.right-callout-fitness3{
    background:url(/i/right-article-anti-wrinkle.jpg) no-repeat;
    width:327px;
    height:151px;
}

/* ----- Travel and Leisure -----  */
.right-callout-leisure1{
    background:url(/i/right-article-videogame-grownups.jpg) no-repeat;
    width:327px;
    height:181px;
    border-bottom:solid 1px #c9c9c9;
}

.right-callout-leisure2{
    background:url(/i/right-article-genealogy.jpg) no-repeat;
    width:327px;
    height:141px;
    border-bottom:solid 1px #c9c9c9;
}

.right-callout-leisure3{
    background:url(/i/right-article-discount-hotels.jpg) no-repeat;
    width:327px;
    height:151px;
}

/* ----- Retirement -----  */
.right-callout-retire1{
    background:url(/i/right-article-Retirement-Jobs.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}

.right-callout-retire2{
    background:url(/i/right-article-volunteering.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}

.right-callout-retire3{
    background:url(/i/right-article-social-security.jpg) no-repeat;
    width:327px;
    height:151px;
}

/* ----- Relationship and Dating -----  */
.right-callout-dating1{
    background:url(/i/right-article-grief-council.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}

.right-callout-dating2{
    background:url(/i/right-article-speeddating.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}

.right-callout-dating3{
    background:url(/i/right-article-mens-sex-health.jpg) no-repeat;
    width:327px;
    height:151px;
}

/* ----- Caregiving -----  */
.right-callout-caregiving1{
    background:url(/i/right-article-medical-alarms.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}

.right-callout-caregiving2{
    background:url(/i/right-article-scooters.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}

.right-callout-caregiving3{
    background:url(/i/right-article-walkers.jpg) no-repeat;
    width:327px;
    height:151px;
}

#tool-calc{
    background:url(/i/right-calculators.gif) no-repeat #7aae1e;
    width:250px;
    height:33px;
    margin-top:12px;
}
/* ----- Misc + One Shot Wonder Styles -----  */
#section-img-health {
    background:url(/i/right-health.gif) no-repeat;
    width:250px;
    height:137px;
}