/* ----- 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 "nav.css";
/* ----- Default Styles -----  */
body
{text-align:center;}

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

h1 {
    font-size:20px;
    font-family:Arial;
    color:#7aae1e;
    padding:10px 0 8px 10px;
}

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

a {color:#c47418;}

img {padding:0; margin:0;}

* {padding:0; margin:0;}

#wrapper {
    width:940px;
    text-align:left;
    margin:0 auto;
}
/* ----- Main Navigation Styles -----  */
#nav{
    height:27px;
    background:#c47418;
}    
/* ----- 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{
    background:url(/i/home_main_window.jpg) no-repeat;
    width:938px;
    border:solid 1px #c9c9c9;
}
/* ----- Content Styles LEFT COLUMN-----  */
#left{
    width:606px;
    padding-top:272px;
    float:left;
    border:none;
}
.left-callout{
    width:290px;
    float:left;
    margin:0px 0px 9px 8px;
}

.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;
    border-left:solid 1px #c9c9c9;
    padding-right:1px;
}
.right-article{
    margin-left:104px;       
    width:215px;
}
.readmore-right{
    position:relative;
    top:10px;
    font-size:10px;
    font-family:Arial;
    margin-left:104px;
}
.right-callout-one{
    background:url(/i/home_recent_art_one.jpg) no-repeat;
    width:328px;
    height:160px;
    border-bottom:solid 1px #c9c9c9;
}
.right-callout-two{
    background:url(/i/home_recent_art_two.jpg) no-repeat;
    width:328px;
    height:160px;
    border-bottom:solid 1px #c9c9c9;
}
.right-callout-three{
    background:url(/i/home_recent_art_three.jpg) no-repeat;
    width:328px;
    height:160px;
    border-bottom:solid 1px #c9c9c9;
}
.right-callout-four{
    background:url(/i/home_recent_art_four.jpg) no-repeat;
    width:328px;
    height:160px;
    border-bottom:solid 1px #c9c9c9;
}
#calculators {
   text-align:center;         
}


/* ----- Misc + One Shot Wonder Styles -----  */