/* CSS Document */

/*********************
 * html
 *********************/
html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }


body {background:#dba551; margin:0;padding:0}

#container {margin-left:auto;margin-right:auto;width:1000px;background-color:#fbf5e3;border:1px solid #fff}

#banner {width:1000px;height:157px}

#nav {background:url(images/navbkgrd_02.jpg) no-repeat; height:77px; width:1000px}

.floatfix {clear:both}

/*main content block*/
#content {background:url(images/content-bkgrd_18.jpg) repeat-x; width: 1000px; padding:0;margin:-1px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:150%; color:#333}
#content ul {margin:0;padding:0}
#content ul li {margin-left:14px}
#content li {padding:4px 0 4px 0}


/*VARIOUS CONTENT COLUMNS*/
#left {float:left; background:url(images/flashbkgrd_03.jpg) no-repeat; width: 628px; height:580px;padding-left:4px; padding-top:4px; border:none}
#leftTemp {float:left; width: 628px; padding-left:4px}
#leftTemp1 {float:left; width: 540px; background:url(images/content-bkgrd_21.jpg) repeat-x; padding: 4px 25px 0 25px; margin: 4px 25px 12px 25px}
#leftTemp1 ul {margin:0;padding:0}
#leftTemp1 ul li {margin: 0 0 0 14px;  padding:0}
#leftTemp1 a:link, #leftTemp1 a:visited {color:#c88a43}
#LeftTemp1 a:hover {color:#dd8c30}
#leftTemp1 h2 {font-family: verdana, arial, helvetica, sans-serif; font-size:18px; color:#666; font-weight:bold; padding:15px 0 0 0; margin:0; line-height:120%}



#right{width:200px; float:right; width: 328px; background:url(images/content-bkgrd_21.jpg) repeat-x; padding: 3px 0 0 3px; margin: 15px 25px 0 0}
#right a:link, #right a:visited {color:#c88a43}
#right a:hover, #right a:active {color:#dd8c30}
#rightCopy{margin:0;padding: 8px 18px 18px 18px}




blockquote {padding:2px 0 4px 0;margin:18px 0 25px 0;border-top:solid 1px #e8e8e5; border-bottom:solid 1px #e8e8e5;font-size:13px;line-height:130%;color:#666;font-weight:bold}

/*ROTATING TESTIMONIAL DIVS*/
#div1  {position:absolute;left:210;top:885; width:450px; height:145px; z-index:100; padding:12px 0 0 0; margin:0 0 0 130px; text-align:right; }

#div1 a:link, #div1 a:visited {text-decoration:none; color:#333333; font-size: 11px}
#div1 a:hover, #div1 a:active {text-decoration:none; color:#cd7f4e; font-size: 11px}

#background  {position:absolute;left:210;top:885; width:612px; background:url(images/testimonial_13.jpg) no-repeat; height:145px; z-index:50; padding:12px 0 0 0; margin:20px 0 0 0; text-align:right; }

/*FOOTER*/
#footer {clear:both; padding:12px 12px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333; line-height:150%}
#footer h2 {font-size: 14px; color:#666; margin:0;padding:0}
.copyright {font-size:9px}

#footer ul {margin:0;padding:12px 0 0 0}
#footer ul li {	list-style-type:none;
	list-style-position: inside; display:inline}
#footer a:link, #footer a:active, #footer a:visited {color:#c88a43}
#footer a:hover {color:#dd8c30}


/*SECTION COLORS*/
#residence a:link, #residence a:visited {color: #836A36}
#residence a:hover, #residence a:active {color: #a9812e}
.residence  {color: #836A36; font-weight: bold}


#services a:link, #services a:visited {color: #BD6835}
#services a:hover, #services a:active {color: #e56f28}
.services  {color: #BD6835; font-weight: bold}


#rehab a:link, #rehab a:visited {color: #559a95}
#rehab a:hover, #rehab a:active {color: #59cec6}
.rehab  {color: #559a95; font-weight: bold}


/*NARROW LEFT & RIGHT COLUMNS below big pic*/

#L {float:left; width:280px; margin:5px 12px 24px 28px; padding:0 12px 24px 24px;}
#L ul {margin:0;padding:0}
#L ul li {margin:6px 0 0 0; padding:0; list-style:none }
#L h4 {font-weight: bold; font-size:16px;}
#R {float:right;width:250px; margin: 5px 10px 0 0; padding:0}

/*Override non-bullets (rehab)*/
div#rehab div#L ul li {list-style:disc; margin-left: 12px;}

.caption {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height: 120%}

/*Leadership Page columns*/
div#lead_content {margin-top:20px; height:auto;}
div#lead1 {float:left; width: 245px;}
div#lead2 {float:right; width: 245px; margin-left: 20px;}

div#lead1 img, div#lead2 img {float:left; margin-right: 10px; border:solid 1px #666; vertical-align:text-top;}
div#lead1 p, div#lead2 p {margin: 0 0 10px 0;}

.leader {height: 120px; padding: 5px; margin-bottom: 5px; vertical-align:top; border-bottom: solid 1px #666;}
.name {font-weight:bold;}


/* Styles the thumbnail */

a.lightbox img {
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
margin: 5px 0px;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: fixed;
top: -100%;
width: 100%;
background: rgba(0,0,0,.7);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
left: 0;
z-index: 999;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
top: 0px;
}
.clear {
    clear: both;
}
.sub-heading {
    font-size: 20px;
    text-align: center;
}
.img-responsive {
    width: 49%;
}
.div2 {
    margin-top: 120px;
}