/*
Theme Name: JoyLife Wellness Programs
Theme URI: http://joylifewellnessprograms.com/
Description: Theme for JoyLife Wellness Programs
Version: 1
Author: JoyLife Therapeutics, inc.
Author URI: http://joylifetherapeutics.com/

        This theme was designed and built by and for JoyLife Therapeutics.com

        The CSS, XHTML and design is fully copyright protected - © JoyLife Therapeutics, inc.  Permission to use in part or whole must be obtained in writing from an authorized agent of JoyLife Therapeutics, inc.

*/



/* Begin Typography & Colors */
body {
        background: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: 2d2d2d;
        }

#box {
                width: 933px;
                margin: 0px auto;
                padding:0px;
                background:#fff;
                height: 100%;
                text-align: left;
                margin-top: 0px;
       }
#box-top {
                padding:0px;
                margin: 0px;
                background: url("images/boxTop.png") no-repeat;
                height: 32px;
                width: 933px;
                display:block;
         }
#box-middle {
                padding:0px;
                margin: 0px;
                background: url("images/boxMiddle.png") repeat-y;
                width: 933px;
        }
#box-content{
              padding-left:17px;
              width: 900px;
              height: 100%;
        }
#box-bottom {
                padding:0px;
                margin: 0px;
                background: url("images/boxBottom.png") no-repeat;
                height: 32px;
                width: 933px;
                display: block;
        }

/******  Header Styles  *****************/

#header {


        }

#header .logo{
       float: left;
       margin: 16px;
       margin-top: 0px;
       margin-left: 14px;
       padding: 0px;
}

#header .contact{
       float: right;
       margin: 16px;
       margin-top: 19px;
       padding: 0px;
       margin-right: 15px;
}

#topNav{
      background: url("images/NavBarBG.png") no-repeat;
      width: 866px;
      height: 48px;
      display: block;
      margin-left: 17px;
      margin-top: 10px;
}

/************** End Header Styles **************************/

/**************************/
/*                        */
/* CSS for Flyout Menu    */
/*                        */
/**************************/

#flyoutMenuCntnr{

        float: left;
        margin-top: -15px;
        z-index: 550;
        position: relative;
}

ul.cssMenu{
        float: left;
        /*height: 51px;
        margin-left: 50px;    */
}
ul.cssMenu ul{display:none; }
ul.cssMenu li:hover>ul{display:block; }
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
        margin:0px;
        list-style:none;
        /*padding:8px;
        background: url('../images/topNavPane.png') repeat;  */
        border: none;
        font-size: 14px;
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
        display:block;
        zoom:1;
        float: left;
}
ul.cssMenu ul{
}
ul.cssMenu li{
        display:block;
        /*margin:1px 0px 0px 2px;*/
        font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
        display:block;
        vertical-align:middle;
        border-width:0px;
        border-style:solid;
        text-align:left;
        text-decoration:none;
        padding-left:0;
        font:normal 11px Verdana;
        color: #794982;
        text-decoration:none;
        cursor:pointer;
        font-size: 18px;
}
ul.cssMenu span{
        overflow:hidden;
}
ul.cssMenu li {
        float:left;
        padding: 0px;
         padding-top: 10px;
         padding-bottom: 10px;
         height: 40px;
         display: block;
}
ul.cssMenu li.cssMenui {
         }
ul.cssMenu ul li {
        float:none;
}
ul.cssMenu ul a {
        text-align:left;
        white-space:nowrap;
}
ul.cssMenu li.sep{
        text-align:center;
        padding:0px;
        line-height:0;
        height:100%;
}
ul.cssMenu li.sep span{
        float:none;        padding-right:0;
        width:5;
        height:16;
        display:inline-block;
        background-color:#AAAAAA;        background-image:none;}
ul.cssMenu ul li.sep span{
        height:3;
}
ul.cssMenu li:hover{
        position:relative;
}
ul.cssMenu li:hover>a{
        color: #fff;
        text-decoration:none;
}
ul.cssMenu li a:hover{
        position:relative;
        color:#fff;
        text-decoration:none;
        background: url("images/TopNavRolloverBG.png") repeat-x;
        height: 40px;
        display: block;
}

ul.cssMenu li.dis a {
        color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu span{
        display:block;
        background-image:url(./images/arrv_anim_1.gif);
        background-position:right center;
        background-repeat: no-repeat;
   /*padding-right:11px;*/}
ul.cssMenu li:hover>a>span{        background-image:url(./images/arrv_anim_1o.gif);
}
ul.cssMenu a:hover span{        _background-image:url(./images/arrv_anim_1o.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_double_1.gif)}
ul.cssMenu ul li:hover > a span{        background-image:url(./images/arr_double_1o.gif);}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span,ul.cssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_double_1o.gif)}
ul.cssMenu table a:hover table span,ul.cssMenu table a:hover a:hover table span{background-image:url(./images/arr_double_1.gif)}

ul.cssMenum,ul.cssMenum ul {
        position: relative:
        z-index: 1000;
}
ul.cssMenu ul {
}

ul.cssMenu{
     padding:0px;
     margin-left: 11px;
     margin-top:1px;
}

.leftBorder{
         border-left: 1px solid #8b6093;
         height: 40px;
         /*margin-left: 11px;*/
         margin-top: -7px;
}
.noBorder{
         height: 40px;
         /*margin-left: 2px;*/
         margin-top: -7px;
}
ul.cssMenu li.cssMenui a{
         padding-top: 9px;
}

/* flyout box control - simple */

ul.cssMenu ul.cssMenum {
        float:left;
        padding: 0px;
        margin: 0px;
        border: 1px solid #8b6093;
        background: url("images/flyFill.png") repeat;
        padding: 0px 10px 0px 10px;
        margin-top: -20px;
        margin-left: 20px;
        width: 100%;
}

ul.cssMenu ul.cssMenum li{
        float:left;
        padding: 0px;
        margin: 0px;
        border-bottom: 1px solid #8b6093;
        padding-bottom: 10px;
        margin-bottom: 5px;
        width: 100%;
}

ul.cssMenu ul.cssMenum li a:hover{
        background: none;
        color: #b567b6;
}

ul.cssMenu ul.cssMenum li.cssMenui ul.cssMenum{
        margin-top: 0px;
        margin-left: -5px;
}

ul.cssMenu ul.cssMenum li.MenuLast ul.cssMenum{
        margin-top: 0px;
        margin-left: -5px;
}

ul.cssMenu ul.cssMenum li.MenuLast{
        border-bottom: none;
        margin-bottom: 0px;
}

/******** End Nav Styling ********************/

/**********  Main Content Styling  ****************/

#content {
        float: left;
        margin-left: 30px;
        height: 100%;
        width: 600px;
        }

#content h1 {
        color: #1461ad;
        font-size: 18px;
}

#content h2 {
        color: #0a4681;
        font-size: 18px;
}

#content h3 {
        color: #73357e;
        font-size: 14px;
}


/**************** End: Main Content Styling  ***********/

/************  Right Sidebar Styling  **************/

#sidebar {
        float: right;
        margin-right: 11px;
        height: 100%;
        margin-top: 5px;
        }

#sidebar .sb-top-img {
                padding:0px;
                margin: 0px;
                background: url("images/SB-Top.png") no-repeat;
                height: 190px;
                width: 243px;
                display:block;
         }
#sidebar .sb-middle {
                padding:0px;
                margin: 0px;
                background: url("images/SB-Middle.png") repeat-y;
                width: 243px;
                padding-left: 4px;
                height: 100%;
        }
#sidebar .sb-bottom {
                padding:0px;
                margin: 0px;
                background: url("images/SB-Bottom.png") no-repeat;
                height: 21px;
                width: 243px;
                display: block;
        }


#sidebar .sb-elem{
                width: 225px;
                margin:0px;
                padding: 0px;
                padding-left: 12px;
                background: url("images/SB-Elem-Bottom.png") 100% 100% no-repeat;
                padding-bottom: 10px;
}

#sidebar .sb-elem h3{
      color: #73357e;
      font-size: 14px;
      margin-left: 10px;
}

#sidebar .clients-elem{
                width: 225px;
                margin:0px;
                padding: 0px;
                padding-left: 12px;
                background: url("images/SB-Elem-Bottom.png") 100% 100% no-repeat;
                padding-bottom: 15px;
                margin-top: 30px;
                padding-top: 5px;
}

#sidebar .clients-frame{
                padding-left: 8px;
                padding-bottom: 15px;
                margin-left: 10px;
                background: url("images/ClientLogosFrame.png") no-repeat;
                position: relative;
                z-index: 10;
                height: 153px;
                width: 193px;
}

#sidebar .clients{
                padding-left: 14px;
                padding-bottom: 15px;
                position: relative;
                z-index: 1;
                margin-top: -208px;
}
#sidebar .clients h3{
      color: #73357e;
      font-size: 14px;
      margin-left: 0px;
}

#sidebar .search{
               margin: 0px;
               padding-left: 5px;
               padding-top: 16px;
               margin-bottom: 15px;
}

#sidebar ul{
         list-style: none;
         margin: 0px;
         padding: 0px;
}

#sidebar ul li{
                width: 225px;
                margin:0px;
                padding: 0px;
                padding-left: 12px;
                background: url("images/SB-Elem-Bottom.png") 100% 100% no-repeat;
                padding-bottom: 20px;
                margin-bottom: 10px;
}

#sidebar ul li .DIISG_widget{
                padding-left: 22px;
}

#sidebar ul li h2{
      color: #73357e;
      font-size: 14px;
      margin-left: 10px;
}

/*********  Testimonials Styling  *****************/

#sidebar .testi{
}

#sfstest-sidebar blockquote {
      padding: 2px;
      margin: 0px 5px 10px 10px;
      width: 180px;
      }
#sfstest-sidebar cite { font-style: italic; }

#sfstest-page blockquote { padding: 10px; }
#sfstest-page cite { font-style: italic; }

/************ End Testimonials Styling  **************/

/*********** End: Right Sidebar Styling   ***************/


/*************  Footer Styling  ********************/

#footer{
       border-top: 1px solid #92c1ef;
       border-bottom: 1px solid #92c1ef;
       margin-top: 40px;
       text-align: center;
       padding-top: 7px;
       padding-bottom: 7px;
       margin-bottom: 5px;
}

#footer a{
       font-size: 12px;
       text-decoration: none;
       color: #1461ad;
       padding: 10px;
}

#footer a:hover{
       color: #92c1ef;
}


/***********  End: Footer Styling  *********************/