/* ***                                                                       *** */
/* Healing Strides' css style v1.0                                               */
/* copyright 2008, Healing Strides, LLC                                          */
/* Do NOT use paths: Images should be linked as if the CSS file sits in the      */
/* same folder as the images.                                                    */
/* ***                                                                       *** */

/* ***  Global Settings -- basic elements  *** */

body, pre, form, html, img, a, table,
blockquote, fieldset, input {
    margin: 0px;
    padding: 0px;
    border: 0px;
    }

li a, li p, li form {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
p   {
    padding: 0 auto 5px;
    margin: 0 auto 5px;
}
h1, h2, h3, h4   {
    padding: 10px auto 0px;
    margin: 10px auto 0px;
}


ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: -5px;
    margin-left: -5px;
}


body {
    line-height: normal;                          /* Modify? Orig. 1.88889 */
    font: 96% verdana, arial, sans-serif;
    background:#336699 repeat top left;
    }

/* ***  Headings -- We reserve h5, h6 are for pseudo-headings for special hidden
   heading uses.  (Look under divs -- at pgHdr h5 and pgHdr h6)             ***  */
h1, h2, h3, h4 {
    font: bold 101% verdana, arial, sans-serif;
    font-weight: bold;
    color: #25408f;                                   /* Custom-Blue txt=#25408f */
    }
h1 {
    font-size: 1.8em;
    color: #3F1F0B;                 /* Brown from HorseSenseOTC palette */
/*  color: #d2b48c;                  Navy Blue -- for Medium-Blue txt=#0000cd */
    }
h2 {
    font-size: 1.5em;
    font-style: italic;
    }
h3 {
    font-size: 1.2em;
    }
h4 {
    font-size: 1.0em;
    font-variant: small-caps;
    }

/* ***  Anchors are next ...                                                 *** */

a:link {
    font-size:102%;
    text-decoration: none;
    color:#25408F;                      /* Modify? Def=#0000ff=Blue */
    }
a:visited {
    font-size:102%;
    text-decoration: none;
    color:#436976;                      /* Modify? Def=#696969=Dim-Gray */
    }
a:hover, a:active {
    text-decoration: underline;
    color:#FF0000;                      /* Modify? Def=#6495ed=Cornflower Blue */
    }


/* ***  Now, other standard elements  *** */

p { text-align: left; }                             /* Modify? */
p.caution { font-size: 80%; font-style: italic; }
ul li {
  list-style:square outside;
}


ul.plain { list-style: none; }
ul.bullet {
   list-style: square url(images/bullet-sq.gif) outside;
   color: #9400d3;
   font: bold 0.4em;
}

body form { padding: 10px; color: #000; }

/* li, dd { margin-left:0.6em; }

ol li { margin-left:1.2em; }

li, dt { margin-top:.2em; margin-bottom:.2em; } */

blockquote { margin:.2em .8em; }

input, select, textarea, button { font-size:inherit; }

unknown {font-size: small}

.setRight { float:right; padding:5px; }

.setLeft { float:left; padding:5px; }

.accesskey { text-decoration: underline; }

/* ***  Now, specific divs                                                   *** */

#scrnPage {
    width:875px;                              /* for CSS1 compatibility */
    min-width: 700px; max-width: 1000px;
    width:expression(document.body.clientWidth < 701? "700px" : document.body.clientWidth > 999? "1000px" : "auto");
    margin: 0 auto; padding: 0px 10px ;
    float:none;
}
#mainPart {
    margin: 0 auto;
    width:100%;
    background:white;
    float:none;
}

#pgHdr {
    width:100%;
    border-bottom: 1px solid #8cacbb;
    float:none;
}

/* *** pgHdr div could use images to replace text in h5, h6. This trick is courtesy
       of Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/
       CAREFULLY modify h5 and h6 margins, widths, and heights  *** */

/* ***  Standard Screen Header  *** */

#topTabs {
        font-size: 85%;
/*        background: url(images/bg.gif) #dae0d2 repeat-x 50% bottom; */
/*        background: #8cacbb repeat-x 50% bottom; */
        background: #8cacbb;
        float: right;
        width: 100%;
        line-height: normal;
}
#topTabs ul {
        padding: 15px 10px 0px 10px;
        margin: 0px;
        float: right;
        list-style-type: none;
}
#topTabs li {
        padding: 0px 0px 0px 9px;
        background: url(images/left.gif) no-repeat left top;
        float: left;
        margin: 0px;
        list-style-type: none;
}
#topTabs a {
        padding: 5px 15px 4px 6px;
        display: block;
        font-weight: bold;
        background: url(images/right.gif) no-repeat right top;
        float: left;
        color: #765;
        text-decoration: none;
}
#topTabs a:hover {
        color: #333;
        text-decoration: underline;
}
#topTabs #current {
        background-image: url(images/left_on.gif)
}
#topTabs #current a {
        background-image: url(images/right_on.gif);
        padding-bottom: 5px;
        color: #333;
}

#pgHomeNav {
    float:right;
    text-align:right;
}

#bizIdBox {
    float:left;
/*    width:40%; */
}

#bizLogo {
    margin-left:10px;
    margin-top:4px;
}

#bizTagLine {
    clear:left;
    float:left;
    text-align:left;
    margin-left:20px;
    font-size: 15px;
    font-style: italic;
    color:#a4a4a4;
    padding-bottom:5px;
}

#pageQt {
    width: 325px;
/*  height:137px;  ***  specify width OR height, but not both  ***  */
    float:right;
    text-align:left;
    font-size: 13px;
    font-style: oblique;
    color: #525252;
    vertical-align:middle;
    margin-top:40px;
    margin-right:60px;
/*  background: url(images/banner-ad.jpg) no-repeat center center; */
}

#bannerBox {
    padding: 10px;
    background: white;
    height:80px;
}

#backButton form {background:transparent;}
#backButton form img {background:url(images/back-btn.jpg)}

/* ***  sideList  *** */

#sideList {
    width:200px;                                /* modify */
    float:left;                                 /* modify */
    padding: 0;
    margin: 0 10px 0 0;
    border-right: 1px solid #8cacbb;            /* modify */
}

#sideListItems {
    border:0;
    padding:0;
    margin: 0;
    float: left;
}

#sideListItems ul {
    margin: 0;
    border: 0;
    padding: 0;
    width:200px;
    list-style-type: none;
}

#sideListItems ul li {
    margin: 0;
    border-bottom: 1px dashed #666666;
    padding: 0 5px;
    list-style-type: none;
}

#sideListItems ul li.noDash {
    margin: 0;
    border-bottom: 0px;
    padding: 0px 5px;
}

#sideListItems ul li form {
    margin: 0;
    font-size:14px;
    font-weight:bold;
    list-style-type: none;
}

/*  ***  Now comes the main-body text areas ...                                  */

#leftQt {
    clear:both;
    margin: 20px 20px 20px 10px;
    width: 160px;
    float: left;
    }
p.Qt {
    display:block;
    margin: 20px 10px;
    font-size:85%;
    font-style: italic;
    text-align:center;
    }

#rightQt {
    clear:right;
    margin: 20px 20px 20px 10px;
    width: 160px;
    float: left;
    }

#bodyText {
    text-align:left;
    margin:auto;
}
#bodyText ul li {
    margin-left:+10px;
}

/*#normalText h1, h2, h3, h4, p {
    padding:5px;
}*/

/* ***  FOOTER  *** */

#footer {
    text-align: center;
    color:#fff;
    background-color:transparent;
/*    margin:0px auto;
    width: 100%;  */
}

#footer a {
    color:#fff;
    background-color:transparent;
}

#footer a:hover {
    color:#FF0000;
    background-color:transparent;
    text-decoration:underline;
}

#footerNavBar {
    font-size:12px;
    text-align:center;
    padding-top:18px;
    width:100%;
}

#footerNavBar span {
    text-align:center;
    padding-left:5px;
    padding-right:5px;
}

#footerCopyright {
    text-align:left;
    font-size:10px;
    padding-bottom:5px;
}