/* ----- 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 "eldercarelink.css?version=1";
@import "nav.css";
@import "retirement-calc.css";
@import "activity-calc.css";
/* ----- Default Styles -----  */
* {padding:0; margin:0;}

body
{text-align:center;}

p {
    color:#42270e;
    font-size:12px;
    font-family:Arial;
    padding:0px 12px 12px 12px;
}
ul, ol {
    color:#42270e;
    font-size:12px;
    font-family:Arial;
    padding:10px 12px 0 50px;
    display:block;  
}
li {padding:5px 0px;}

.copy{padding:10px 12px;}
h1 {
    font-size:24px;
    font-family:Arial;
    color:#7aae1e;
    padding-left:12px;
}

h2 {
    font-size:15px;
    font-family:Arial;
    color:#7aae1e;
    padding:20px 0 8px 12px;
}

a {color:#c47418;}

img {padding:0; margin:0;}

#wrapper {
    width:1200px;
    text-align:left;
    margin:0 auto;
}
/* ----- Header Styles -----  */
#header{
    background:url(/i/logo-search.jpg) no-repeat;
    width:1200px;
    height:57px;
    border-left:solid 1px #c9c9c9;
    border-right:solid 1px #c9c9c9;       
}
/* ----- Content Styles -----  */
#content{
    width:1200px;
    border:solid 1px #c9c9c9;
}
.title {
    font-size:24px;
    font-family:Arial;
    color:#7aae1e;
    padding-left:12px;
}
.subtitle {
    font-size:14px;
    font-family:Arial;
    color:#7aae1e;
    padding:0 0 10px 12px;
    display:block;
}
/* ----- Content Styles LEFT COLUMN-----  */
#left{
    background:url(/i/subpage-main-cargiver.jpg) no-repeat;
    width:610px;
    padding-top:42px;
    float:right;
    border-left:solid 1px #c9c9c9;
}
#left-content{
    width:947px;
    float:left;
    border-right:solid 1px #c9c9c9;
}
#main-callout{
    margin-left:374px;
    width:225px;
    height:177px;    
}
#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:#c47418;
   font-size:12px;
}
#feature-article {
    background:url(/i/subpage-featured-article.gif) no-repeat;
    width:609px;
    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-readmore{
    float:right;
    padding-right:30px;   
}
.left-callout{
    width:949px;
    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;    
}
.left-callout-box{
    width:288px;
    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:12px;
    float:left;       
}
.readmore{
    position:relative;
    top:10px;
    font-size:10px;
}
/* ----- 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-text{ 
    padding:145px 0px 0px 12px;    
}
#lander-calculator-clickhere {
    float:right;
    padding:12px 12px 0 0;   
}
.right-article{
    margin-left:104px;       
}
.readmore-right{
    position:relative;
    top:10px;
    font-size:10px;
    font-family:Arial;
    margin-left:104px;
}
.right-callout-one{
    background:url(/i/right-article-medical-alarms.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}
.right-callout-two{
    background:url(/i/right-article-scooters.jpg) no-repeat;
    width:327px;
    height:151px;
    border-bottom:solid 1px #c9c9c9;
}
.right-callout-three{
    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;
}
/* ----- Content Section Image Markers -----  */
#section-img-health {
    background:url(/i/right-health.gif) no-repeat;
    width:250px;
    height:137px;
}
#section-img-fitness-and-beauty {
    background:url(/i/right-fitness-and-beauty.gif) no-repeat;
    width:250px;
    height:137px;
}
#section-img-travel-and-leisure {
    background:url(/i/right-travel-and-leisure.gif) no-repeat;
    width:250px;
    height:137px;
}
#section-img-retirement-planning {
    background:url(/i/right-retirement.gif) no-repeat;
    width:250px;
    height:137px;
}
#section-img-finance {
    background:url(/i/right-finance.gif) no-repeat;
    width:250px;
    height:137px;
}
#section-img-relationships-and-dating {
    background:url(/i/right-relationships-and-dating.gif) no-repeat;
    width:250px;
    height:137px;
}
#section-img-caregiving {
    background:url(/i/right-caregiving.gif) no-repeat;
    width:250px;
    height:137px;
}
/* ----- Misc + One Shot Wonder Styles -----  */

.next-article {
    margin:10px 0 10px 10px;
    padding-left:80px;
    background:url(/i/next-article.gif) 0 1px no-repeat;    
}
.next-article a {
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#7AAE1E;
}

/* ----- UX Styles ----- */
#hdrTop{}
#conTop{}
#ppcTop{}
#ppcBot{}
#lftRlTop{}
#lftRlBot{}
#conBot{}
#btmRl{}