body {
        background: #E6EFF8;
        font-family: Arial, Helvetica, sans-serif;
                margin-top: 15px;
                margin-bottom: 30px;
}

td {
        font-family: Arial, Helvetica, sans-serif;
}

th {
        font-family: Arial, Helvetica, sans-serif;
}
#header{
        width: 740px;
}
#header .top{
        width: 740px;
        height: 80px;
        padding-top: 20px;
}
#header .logo{
        float: left;
}
#header .tag-line{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        color: #0099FF;
        text-decoration: none;
        vertical-align: bottom;
        float: left;
        text-align: left;
        font-weight: bold;
        padding-top: 56px;
        padding-left: 6px;
}
#header .contact{
        vertical-align: bottom;
        float: right;
        padding-top: 8px;
}
html > body #header .contact{
        padding-top: 18px;
}
#header .phone{
       font-size: 24px;
       color: #333399;
       float: right;
}
#clear-both{
        clear: both;
        visibility: hidden;
}
#Nav-Bar-Convention-PL{background-image: url(http://www.joylifetherapeutics.com/images/Nav-Convention-Over.gif); visibility: hidden;}
#Nav-Bar-Office-PL{background-image: url(http://www.joylifetherapeutics.com/images/Nav-Office-Over.gif); visibility: hidden;}
#Nav-Bar-Special-PL{background-image: url(http://www.joylifetherapeutics.com/images/Nav-Special-Over.gif); visibility: hidden;}
#Nav-Bar-Massage-PL{background-image: url(http://www.joylifetherapeutics.com/images/Nav-Massage-Over.gif); visibility: hidden;}

#Nav-Bar-Convention{
        float: left;
}
#Nav-Bar-Convention a{
        background-image: url(http://www.joylifetherapeutics.com/images/Nav-Convention.gif);
        width: 185px;
        height: 160px;
        display: block;
        background-repeat: no-repeat;
        background-position: bottom;
        margin-left: 0px;
}
#Nav-Bar-Convention a:hover{
background-image: url(http://www.joylifetherapeutics.com/images/Nav-Convention-Over.gif);
}
#Nav-Bar-Office{
float: left;}
#Nav-Bar-Office a{
        background-image: url(http://www.joylifetherapeutics.com/images/Nav-Office.gif);
        width: 185px;
        height: 160px;
        display: block;
        background-repeat: no-repeat;
        background-position: bottom;
}
#Nav-Bar-Office a:hover{
        background-image: url(http://www.joylifetherapeutics.com/images/Nav-Office-Over.gif);
        }
        #Nav-Bar-Special{
        float: left;}
#Nav-Bar-Special a{
        background-image: url(http://www.joylifetherapeutics.com/images/Nav-Special.gif);
        width: 185px;
        height: 160px;
        display: block;
        background-repeat: no-repeat;
        background-position: bottom;
}
#Nav-Bar-Special a:hover{
        background-image: url(http://www.joylifetherapeutics.com/images/Nav-Special-Over.gif);
        }
#Nav-Bar-Massage{        float: left;}
#Nav-Bar-Massage a{
        background-image: url(http://www.joylifetherapeutics.com/images/Nav-Massage.gif);
        width: 185px;
        height: 160px;
        display: block;
        background-repeat: no-repeat;
        background-position: bottom;
}
#Nav-Bar-Massage a:hover{
        background-image: url(http://www.joylifetherapeutics.com/images/Nav-Massage-Over.gif);
        }

#three-column-wrapper{
        width:                       744px;
        margin:           0px;
        padding: 0px;
        text-align: left;
        clear:both;
}

#content{
        width: 383px;
        padding-top: 15px;
        padding-right: 25px;
        padding-left: 27px;
        color: #333399;
        font-size: 0.9em;
        line-height: 1.3em;
        font-family: "Times New Roman", Times, serif;
        vertical-align: top;
        float: left;
}
#content h1{
        color: #333399;
        vertical-align: top;
        font-size: 2.2em;
        line-height: 1em;
        font-family: Arial, Helvetica, sans-serif;
        /*margin-left:  20px;*/
}
#content h2{
        line-height: 1.1em;
}
#content a{
        color: #0066FF;
        text-decoration: underline;
}
#content a:hover{
        text-decoration: underline;
}
#sidebar-left{
        width:    150px;
        padding: 0px;
        margin: 0;
        vertical-align: top;
        background-image: url(http://www.joylifetherapeutics.com/images/bgleft-block.gif) !important;
        background-repeat: repeat;
        float: left;
        }
#sidebar-left .image{
        width: 150px;
        height: 257px;
        /*background-color: #FFFFFF;  */
        padding: 0px;
        margin: 0px !important;
}
#sidebar-left .block-color{
        background-image: url(http://www.joylifetherapeutics.com/images/bgleft-block.gif) !important;
        background-repeat: repeat;
        width: 150px;
}
#sidebar-left h1{
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        color: #660033;
                padding-left: 6px;
}
#sidebar-left .block{
        font-size: 13px;
        text-align: left;
        padding-top: 10px;
        padding-right: 6px;
        padding-bottom: 10px;
        padding-left: 12px;
        border-top: none;
        border-right: 1px solid #99CC99;
        border-bottom: none;
        border-left: 1px solid #99CC99;
        margin-top: 12px;
        line-height: 15px;
        margin-bottom: 5px;
        color: #330000;
        font-family: "Times New Roman", Times, serif;
        background-image: url(http://www.joylifetherapeutics.com/images/bgleft-block-light.gif);
        background-repeat: repeat;
}
#sidebar-right{
        background-color: #FFFFFF;
        width: 150px;
        padding-top: 15px;
        top: 0px;
        text-align: left;
        vertical-align: top;
        float: right;
}
#sidebar-right .image{
        width: 150px;
        height: 250px;
        background-color: #FFFFFF;
}
#sidebar-right ul{
        list-style-type: none;
        vertical-align: top;
        text-align: left;
        margin: 0px;
        padding: 0px;
        width: 150px;
        text-decoration: none;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #660033;
}
#sidebar-right li.title{
        font-size: 0.8em;
        height: 25px;
        width: 150px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #660033;
        padding-left: 5px;
        padding-top: 5px;
        margin-top: 20px;
        font-weight: bold;
        color: #660033;
        text-decoration: none;
}

#sidebar-right li a{
        color: #660033;
        text-decoration: none;
        padding-top: 6px;
        padding-bottom: 8px;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        background-color: #FFFFFF;
        padding-left: 5px;

        width: 150px;
        display: block;
         border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #660033;
}
#sidebar-right li a:hover{
background-image: url(http://www.joylifetherapeutics.com/images/bgleft-block-light.gif);
        color: #660033;
}

.clearing {
  clear:                      both;
  visibility:                 hidden;
}

#footer{
        color: #0066FF;
        border-top-width: 1px;
        border-top-style: solid;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: #CCCCCC;
        font-size: .9em;
        line-height: 1.4em;
        padding-top: 15px;
        text-align: center;
        margin-top: 10px;
}
#footer a{color: #0066FF;}
#footer a:hover{color: #00CCFF; }
#footer a:visited{color: #990066;}

/* CSS for the box starts here */
        .box {
            width: 770px;
                padding:0 12px 0 0;
                background:#fff;
                 border: 1px solid #A3CCF9;
               /* background:#fff url(images/borders.gif) 100% 0 repeat-y; */
        }
        .bi {
                padding:0 0 0 12px;
                 /*background:#fff url(images/borders-left-orig.gif) 0 0 repeat-y;   */
        }
        .bt {
                height:17px;
                margin:0 -12px;
               /* background:url(images/box.gif) 100% 0 no-repeat;   */
        }
        .bt div {
        width:18px;
        height:17px;
        /*background:url(images/box.gif) 0 0 no-repeat;  */
        float: left;
        }
        .bb {
                height:17px;
                margin:0 -12px;
                /*background:url(images/box.gif) 100% 100% no-repeat; */
        }
        .bb div {
                width:18px;
                height:17px;
               /* background:url(images/box.gif) 0 100% no-repeat; */
                float: left;
        }
#logo-box{
margin-top: 3px;
margin-bottom: 4px;
}
.logo-title{
font-size:10px;
text-align: center;
}
.logo-title a{
   color:#660033;
   text-decoration:none;
}
.logo-title a:hover{
   text-decoration:underline;
}