﻿#wrapper
{
    width: 800px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;  
    
    background-image: url('../Images/Layout/background.gif');
}
#wrapper-form
{
    width: 800px;
    /*height: 600px;*/
    margin-left: auto;
    margin-right: auto;  
    
    background-image: url('../Images/Layout/background.gif');
}

#header
{
    width: 800px;
    /*height: 70px;*/
    margin-left: auto;
    margin-right: auto;  
    text-align: left;
    font-size: 45px;
    font-weight: bold;
    padding-bottom: 20px;
    margin-top: 30px;
    
    background-image: url('../Images/Layout/background.gif');
}

#footer
{
    clear: both;
    width: 800px;
    height: 30px;
    color: White;
    margin-left: auto;
    margin-right: auto; 
    text-align: center;
    font-size: 10px;
    /*margin: 10px;*/
    
    background-image: url('../Images/Layout/background.gif');
}



/* CONTENT */
#content
{
    float: left;
    width: 800px;
    height: 600px;
}
#content-form
{
    width: 780px;
    /*height: 600px;*/
    padding: 0px 10px 0px 10px;
}

#content_left
{
    width: 110px;   /* 120px total with 5px padding all around */
    height: 590px;  /* 600px with 5px padding all around */
    padding: 5px;
    
    background-image: url('../Images/Spine/spine.gif');
    background-repeat: no-repeat;
    background-position: center top;
    
    /*border: 1px solid red;*/
}
#content_left ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#content_left ul li
{
    padding: 4px 0px 4px 4px;
    font-style: italic;
}
#content_left ul li a, #content_left ul li a:hover, #content_left ul li a:visited
{
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #990000;
}
#content_left ul li a:hover
{
    font-size: 14px;
    font-weight: bold;
    color: #990000;
    text-decoration: underline;
}

#content-body
{
    float: right;
    width: 656px;
    height: 600px;
    padding: 0px 10px 0px 10px;
    overflow: auto;
    
    /*border: 1px solid blue;*/
}


/* MISC STYLES */
body 
{
    font-family: Arial, sans-serif;
    background-color: Black;
    font-size: 12px;
}

.page-heading
{
    color: #990000;
    font-size: 24px;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #990000;
    margin-bottom: 10px;
}
.sub-heading
{
    color: #990000;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 4px;
}
.qualifications
{
    font-weight: bold;
    font-style: italic;
    margin: 0px 0px 6px 0px;
}
.profile_img
{
    margin-bottom: 10px;
    border: solid 1px Gray;
}

body a, body a:visited
{
    color: #990000;
    text-decoration: none;
}
body a:hover
{
    color: #990000;
    text-decoration: underline;
}

.captioned_img
{
    text-align: center;
    color: Gray;
    font-size: 10px;
    font-style: italic;
    padding: 20px;
}
.captioned_img_floated_right
{
    float: right;
    width: 50%;
    text-align: center;
    color: Gray;
    font-size: 10px;
    font-style: italic;
    margin-bottom: 15px;
}
.captioned_img_floated_left_home
{
    float: left;
    /*width: 50%;*/
    text-align: center;
    color: Gray;
    font-size: 10px;
    font-style: italic;
    margin-bottom: /*15*/0px;
    margin-right: 15px;
    width: 215px;
}
.facilities_img
{
    text-align: center;
    color: Gray;
    font-size: 10px;
    font-style: italic;
    width: 200px;
}
.facilities_img img
{
     border: solid 1px Gray;
}
.facilities_img a:hover
{
    text-decoration: none;
}

.spinename
{
    font-style: italic;
    font-weight: bold;
    color: #990000;
}

.special_offer_box
{
    /*margin: 20px;*/
    /*padding: 10px 10px 10px 10px;*/
    padding: 5px 10px 5px 10px;
    border: 1px solid #990000;
    font-weight: bold;
    margin-top: 15px;
}

div.special_offer_box ul
{
	/*margin: 0px;*/
	margin-left: 50px;
	padding: 0px;
}

.special_offer_box .sub-heading
{
    width: 100%;
    text-align: center;   
}

.clearer
{
    clear: both;
}

#ailments
{
    font-weight: bold;
    font-size: 14px;
}

#ailments td
{
    text-transform: uppercase;
}



/* Hide/Show for spine image section information */
.visible
{
    display: block;
}
.hidden
{
    display: none;
}



/* FORM STYLES */
#boxout
{
    float: right; 
    width: 200px; 
    border: solid 1px Gray;
    padding: 10px;
    margin-top: 10px;
}
.required
{
    font-weight: bold;
    color: #990000;
}

#details-personal
{
    margin-bottom: 30px;
}
#details-personal p
{
    clear: left;
    margin: 0;
    padding: 0;
    padding-top: 10px;
}
#details-personal p label
{
    float: left;
    width: 12%;
    padding-top: 4px;
}




.txtShort
{
    width: 40px;
    text-align: center;
}
.txtMed { width: 120px; }
.txt { width: 300px; }
.txtLong { width: 50%; }


ul.list
{
    padding: 0px;
    margin-left: 20px;
    list-style-type: disc;
}
ul.list li
{
    margin-left: 20px;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
}

.title
{
    padding-left: 110px;   
}
.address
{
    font-weight: normal;
    font-size: 10px;   
    padding: 5px 5px 0px 0px;
    width: 110px;
}
.spine_logo
{
    margin: 4px 20px 0px 15px;
    border: none;
    
}
