body {
    margin : 0;
    padding : 0;
    background : #fffadf;
    font : normal 86% Arial, Verdana, Helvetica, sans-serif;
    text-align : left;
}
ul {
    list-style : none;
}


/* ----- hood river massage header image */
div#header {
    height : 117px;
    background : #fff url(images/headercontinue.gif) 0 7px repeat-x;
    position : relative;
    margin : 0;
    padding : 0;
}
h1 {
    margin : 0;
    padding : 0;
    width : 775px;
    height : 87px;
    position : relative;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
}
h1 a {
    background : #fff url(images/header.gif) top left no-repeat;
    position : absolute;
    left : 0;
    width : 100%;
    height : 100%;
    text-decoration : none;
}


/* ----- side bar */
div#sidebar {
    width : 220px;
    float : left;
    text-align : center;
    background : #fffadf;
}

ul#benefits {
    list-style : none;
    margin : 0;
    padding : 0 0 0 15px;
    color : #00678f;
    font : bold .75em/2 Arial, Helvetica, sans-serif;
    text-align : center;
}
ul#benefits .odd {
    /* color : #1f8f00; */
}
div#schedule {
    background : #fffadf url(images/schedule.gif) 0 0 no-repeat;
    position : relative;
    margin : 0;
    padding : 0;
    text-align : left;
    width : 237px;
    height : 64px;
}
div#schedule a {
    width : 100%;
    display : block;
    margin : 0;
    text-decoration : none;
    height : 100%;
    /* hide image-replaced text */
    color : #fffadf;
    font-size : 1px;
    text-indent : -9999px;
}
div#schedule a:hover {
    background : #fffadf url(images/schedule.gif) 0 -64px no-repeat;
}
div#giftcert {
    font-family : "Times New Roman", Times, serif; 
    font-size : 1.8em; 
    font-weight : normal;
     color : #02a4d4;
    margin : 15px 0 0 9px;
}

/* ----- address/phone vcard */
div#vcard {
    background : url(images/phone.address.gif) no-repeat left top;
    font : bold 1em Arial, Helvetica, sans-serif;
    margin : 0;
    padding : 0;
    text-align : center;
    width : 237px;
    height : 122px;
}
div#vcard .tel {
    font-size : 1.1em;
    color : #fdf9e1;
    padding-top : 19px; /* is going to be trouble in IE */
}
div#vcard .adr {
    color : #00678f;
    padding : 18px 0 0 0;
}

/* ----- top Nav */

ul#topNav {
    width : 782px;
    height : 30px;
    background : transparent url(images/topNav.gif) left top no-repeat;
    margin : 0;
    padding : 0;
    position : relative;
}
#topNav li {
    margin : 0;
    padding : 0;
    position : absolute;
    top : 0;
}
#topNav li, #topNav a {
    height : 30px;
    display : block;
}
#topNav a {
    text-decoration : none;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    text-indent : -9999px;
}
#home           { left : 250px;  width : 62px; }
#therapies      { left : 312px; width : 143px; }
#biography      { left : 455px; width : 163px; }
#appointments   { left : 618px; width : 165px; }

#home          a:hover { background : transparent url(images/topNav.gif) no-repeat -250px  -40px; }
#therapies     a:hover { background : transparent url(images/topNav.gif) no-repeat -312px -40px; }
#biography     a:hover { background : transparent url(images/topNav.gif) no-repeat -455px -40px; }
#appointments  a:hover { background : transparent url(images/topNav.gif) no-repeat -618px -40px; }

#homebody     #home      { background : transparent url(images/topNav.gif) no-repeat  -250px  -80px; }
#servicesbody #therapies { background : transparent url(images/topNav.gif) no-repeat  -312px -80px; }
#deeprelaxbody #therapies { background : transparent url(images/topNav.gif) no-repeat -312px -80px; }
#sportbody    #therapies { background : transparent url(images/topNav.gif) no-repeat  -312px -80px; }
#structbody   #therapies { background : transparent url(images/topNav.gif) no-repeat  -312px -80px; }
#treatmentbody #therapies { background : transparent url(images/topNav.gif) no-repeat -312px -80px; }
#biobody      #biography { background : transparent url(images/topNav.gif) no-repeat  -455px -80px; }
#locationbody #appointments { background : transparent url(images/topNav.gif) no-repeat -618px -80px; }

#homebody      #home      a:hover { background : none; }
#servicesbody  #therapies a:hover { background : none; }
#deeprelaxbody #therapies a:hover { background : none; }
#sportbody     #therapies a:hover { background : none; }
#structbody    #therapies a:hover { background : none; }
#treatmentbody #therapies a:hover { background : none; }
#biobody       #biography a:hover { background : none; }
#locationbody  #appointments a:hover { background : none; }

/* ----- hidden 2nd menu in top nav */
/* ----- suckerfish dropdowns */
#topNav li ul {
    position : absolute;
    width : 16em;
    left : -999em;
    background : #00a3d4;
    padding : 0;
    margin : 0;
}
#topNav li ul li {
    position : relative;
    left : 0;
    text-align : left;
    padding : 5px 5px 2px 10px;
    height : 1.6em;
}
#topNav li ul li a {
    color : #fff;
    font-size : 1.1em;
    text-indent : 0;
    height : auto;
}
#topNav li:hover ul a {
    background : transparent;
}
#topNav li:hover ul a:hover {
    color : #0ff;
}
#topNav li:hover ul, #topNav li.sfhover ul {
    left : auto;
}
li#therapies ul li a:hover {
    background : transparent;
    color : #0ff;
}

/* ----- content */
div#content { 
    width : 545px;
    padding-top : 20px;
    float : left;
    text-align : center;
}
h2 {
    font-family : "Times New Roman", Times, serif; 
    font-size : 1.35em; 
    font-weight: normal;
    color : #0099CC;
}
h4 {
    margin : 0;
}
h4.section {
    text-align : left;
    padding : 0 45px;
}
p {
    text-align : left;
    font-size : 1em;
    padding : 0 40px 0 45px;
    margin-top : 0;
}
p.intro {
    text-align : center;
    padding-top : 10px;
    font-size : 1.1em;
}
span.highlight {
    color : #09c;
    font-weight : bold;
}
span.emaillink {
    color : #000;
    font-weight : bold;
}

img.intextleft {
    float : left;
    padding : 0 5px 0 0;
}
img.intextright {
    float : right;
    padding : 0 0 10px 5px;
}

/* Types of massage, Learn More arrow */
ul#massage_types {
    clear : both;
    width : 314px;
    height : 80px;
    background : #fff url(images/thera_arrows.gif) center top;
    margin : 10px auto;
    padding : 0;
    position : relative;
}
ul#massage_types li {
    margin : 0;
    padding : 0;
    position : absolute;
    left : 0;
}
ul#massage_types li, ul#massage_types a {
    height : 19px;
    display : block;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    text-indent : -9999px;
}
ul#massage_types a {
    text-decoration : none;
}
#deeprelax   { top :  3px; width : 160px; }
#treatment   { top : 21px; width : 125px; }
#structural  { top : 41px; width : 187px; }
#sports      { top : 59px; width : 104px; }
ul#massage_types li#learnmore   { top : 18px; width : 145px; left : 167px; height : 26px; }
ul#massage_types li#learnmore a { height : 26px; }

li#deeprelax.readonly  { background : #fff url(images/thera_arrows.readonly.gif) 0  -3px; }
li#treatment.readonly  { background : #fff url(images/thera_arrows.readonly.gif) 0 -21px; }
li#structural.readonly { background : #fff url(images/thera_arrows.readonly.gif) 0 -41px; }
li#sports.readonly     { background : #fff url(images/thera_arrows.readonly.gif) 0 -59px; }

#deeprelax     a:hover { background : transparent url(images/thera_arrows.gif) no-repeat 0  -83px; }
#treatment     a:hover { background : transparent url(images/thera_arrows.gif) no-repeat 0 -101px; }
#structural    a:hover { background : transparent url(images/thera_arrows.gif) no-repeat 0 -121px; }
#sports        a:hover { background : transparent url(images/thera_arrows.gif) no-repeat 0 -139px; }
#learnmore     a:hover { background : transparent url(images/thera_arrows.gif) no-repeat -168px -97px; }