body {
        background: #E6EFF8;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        height: 100%;
}

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

th {
        font-family: Arial, Helvetica, sans-serif;
}
#top-contact{
       text-align: right;
       margin-top: -20px;       
}
#top-contact a{
       color: #0066FF;
       text-decoration: none;      
}
#header{
           width: 760px;
        height: 80px;
        margin: 0px;
        margin-left: 0px;
}
#header .top{
       width: 760px;
       height: 80px;
       padding-top: 10px;
}
#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 .tag-line2{
        padding-top: 35px;
        font-size: 24px;
        color: #0099FF;
        float: left;
        font-weight: bold;
        padding-top: 26px;
        padding-left: 6px;
}

#header .contact{
        text-align: right;
        padding-top: 0px;
        margin:0px;
}

#header .phone{
       font-size: 24px;
       color: #333399;
       text-align: right;
        padding: 0px;
        margin:0px;
        margin-bottom: 15px;
}

#header .right{
       float: right;
        padding: 0px;
        margin:0px;
}

#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;
        background: #fff;
        height: 100%;
        margin-top: 180px;
}

#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;
        height: 100%;
        background: #fff;
}

#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;
        color: #5dbef1;
}

#content-form{
        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;
        height: 100%;
        background: #fff;
        position: relative;
        top: 25px;
        }

#content-form .spacing{
        margin-top: 530px;
}
#content-form h1{
        color: #333399;
        vertical-align: top;
        font-size: 2.2em;
        line-height: 1em;
        font-family: Arial, Helvetica, sans-serif;
        /*margin-left:  20px;*/
}
#content-form h2{
        line-height: 1.1em;
}
#content-form a{
        color: #0066FF;
        text-decoration: underline;
}
#content-form a:hover{
        text-decoration: underline;
        color: #5dbef1;
}

#content-call{
        float: left;
        width: 443px;
        padding-top: 15px;
        padding-left: 15px;
        color: #333399;
        font-size: 0.9em;
        line-height: 1.3em;
        font-family: "Times New Roman", Times, serif;
        vertical-align: top;
        background: #fff;
        }
#content-call h1{
        color: #333399;
        font-size: 1.4em;
        line-height: 1em;
        font-family: Arial, Helvetica, sans-serif;
        display: inline;
}
#content-call h2{
        line-height: 1.1em;
}
#content-call a{
        color: #0066FF;
        text-decoration: underline;
}
#content-call a:hover{
        text-decoration: underline;
        color: #5dbef1;
}

.call-to-action{
float: right;
margin: 0px;
padding: 0px;
margin-left: 15px;
}

#sidebar-left{
        width: 150px;
        padding: 0px;
        margin: 0px;
        background: #BAD173;
        float: left;
        height: 100%;
        }
#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: 115px;
        padding-top: 5px;
        top: 0px;
        text-align: left;
        vertical-align: top;
        float: right;
        height: 100%;
}
html > body #sidebar-right{
       // padding-top: 28px;
}
#sidebar-right .image{
        width: 115px;
        height: 250px;
        background-color: #FFFFFF;
}
#sidebar-right ul{
        list-style-type: none;
        vertical-align: top;
        text-align: left;
        margin: 0px;
        padding: 0px;
        width: 115px;
        text-decoration: none;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #660033;
}
#sidebar-right li.title{
        font-size: 11px;
        height: 25px;
        width: 115px;
        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: 0px;
        padding-top: 6px;
        padding-bottom: 8px;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        background-color: #FFFFFF;
        padding-left: 5px;
        /*height: 24px;*/
        width: 115px;
        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: #5dbef1; }
#footer a:visited{color: #990066;}

/* CSS for the box starts here */
        .box {
            width: 770px;
        margin: 25px auto 40px;
                padding:0 12px 0 0;
                background:#fff;
                /*background:#fff url(images/borders.gif) 100% 0 repeat-y;*/
                height: 100%;
                border: 1px solid #7AB4F5;
        }
        .bi {
                padding:0 0 0 12px;
                //height: 100%;
        }
        .bt {
                height:17px;
                margin:0 -12px;
        }
        .bt div {
        width:18px;
        height:17px;
        float: left;
        }
        .bb {
                height:17px;
                margin:0 -12px;

        }
        .bb div {
                width:18px;
                height:17px;
                float: left;
        }


#form-placement{
       position: absolute;
       top: 0px;
       left: 10px;
       float: left;
}
#form-placement-1-2{
       position: absolute;
       top: 0px;
       left: 20px;
       float: left;
}

#office-form{
       width: 255px;
       font-size: 13px;
       border: 1px solid #CEE8F8;
       background: #E7F6FF;
}
#office-form h1{
       font-size: 14px;
       font-weight: bold;
       color: #333399;
       padding: 7px;
       padding-bottom: 0px;
       line-height: 15px;
       margin: 0px;
}
#office-form h2{
       font-size: 12px;
       font-weight: bold;
       color: #333399;
       padding: 7px;
       line-height: 15px;
       margin: 0px;
}
#office-form .text{
       float: left;
       width: 125px;
       padding: 0px;
       padding-right: 10px;
       padding-top: 0px;
       text-align: right;
       margin-bottom: 3px;
}
.field{
      font-size: 13px;
      float: left;
      text-align: left;
      margin-bottom: 6px;
}
#field-style{
      text-align: left;
      height: 13px;
      font-size: 12px;
      width:100px;
}
.field-style{
      text-align: left;
      height: 13px;
      font-size: 12px;
      width:100px;
}
#state{
      width: 90px;
      font-size: 10px;
}
#select-style{
      text-align: left;
      height: 18px;
      width: 107px;
      font-size: 10px;
}
.select-style{
      text-align: left;
      height: 18px;
      width: 107px;
      font-size: 10px;
}


#form-placement-2{
       position: absolute;
       top: 0px;
       left: 280px;
       float: left;
}
#form-placement-2-2{
       position: absolute;
       top: 0px;
       left: 230px;
       float: left;
}

#office-form-2{
       width: 165px;
       font-size: 11px;
       border: 1px solid #E3F5AB;
       background: #F9FFE8;
}
#office-form-2 h1{
       font-size: 14px;
       font-weight: bold;
       color: #333399;
       padding: 7px;
       padding-bottom: 0px;
       line-height: 15px;
       margin: 0px;
}
#office-form-2 h2{
       font-size: 12px;
       font-weight: bold;
       color: #333399;
       padding: 7px;
       line-height: 15px;
       margin: 0px;
}
#office-form-2 .text-2{
       float: left;
       width: 105px;
       padding: 0px;
       padding-right: 10px;
       text-align: right;
       margin-bottom: 3px;
}
.field-2{
      font-size: 11px;
      float: left;
      text-align: left;
      margin-bottom: 5px;
}
#field-style-2{
      text-align: left;
      height: 12px;
      font-size: 10px;
}
.field-style-2{
      text-align: left;
      height: 12px;
      font-size: 10px;
}
#state-2{
      width: 91px;
      font-size: 10px;
}
#select-style-2{
      text-align: left;
      height: 18px;
      width: 91px;
      font-size: 10px;
}
.select-style-2{
      text-align: left;
      height: 18px;
      width: 91px;
      font-size: 10px;
}

#contact-thanks{
        background: #E7F6FF;
        margin: 25px;
        color: #333399;
        height: 300px;
        width: 400px;
        border: 3px double #CEE8F8;
        padding: 20px;
}

#office-points-2{
       width: 145px;
       border: 1px solid #E3F5AB;
       background: #F9FFE8;
       color: #333399;
       padding-top: 10px;

}
html > body #office-points-2{
       padding-top: 0px;
}
#office-points-2 ul{
}
#office-points-2 li{
       font-size: 12px;
       font-weight: bold;
       color: #333399;
       display: list-item;
       list-style-type: disc;
       margin-left: -10px;
       margin-bottom: 15px;
       line-height: 16px;
}

#office-points-2-b{
       width: 185px;
      border: 1px solid #CEE8F8;
       background: #E7F6FF;
       color: #333399;
       padding-top: 10px;
}
html > body #office-points-2{
       padding-top: 0px;
}
#office-points-2-b ul{
}
#office-points-2-b li{
       font-size: 12px;
       font-weight: bold;
       color: #333399;
       display: list-item;
       list-style-type: disc;
       margin-left: -10px;
       margin-bottom: 10px;
       line-height: 16px;
}
#other-option{
       width: 166px;
       font-size: 12px;
       border: 1px solid #E3F5AB;
       background: #F9FFE8;
       color: #333399;
       padding: 10px;
       margin-top: 10px;
       margin-bottom: 10px;
}
#other-option a{
       text-decoration: underline;
       font-size: 14px;
}
#other-option a:hover{
       color: #7CA955;
}
#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;
}
#privacy-page{
margin: 25px;
padding: 20px;
border: 1px solid #CEE8F8;
background: #fff;
}
.privacy-link{
text-align: center;
}

.capimg{
float: left;
}

.cap_field{
float: left;
margin-left: 5px;
}

.required-asterisk{
     color: red;
}

#cmas-box{
     padding: 14px;
     padding-left: 20px;
     margin-top: 4px;
     background: url("/images/cmasbg.jpg") no-repeat;
     height: 136px;
}
#cmas-box h2{
     font-size: 16px;
     line-height: 19px;
     margin:0px;
     padding: 0px;
     margin-bottom: 6px;
}
#cmas-box p{
     margin: 5px 0px 0px 0px;
}