/* ===== IDs ===== */

/* ----- WRAP ----- */
#wrap {
  border-top: 1px solid #6d3321;
  display: table;
  margin: 0 auto;
  margin-top: -8px;
  padding: 3px 0 0 0;
  text-align: left;
  width: 980px;
}

/* ----- HEAD ----- */
#head {
  background: #ccc none;
  color: #000;
}

#hd-logo {
  float: left;
  width: 197px;
}

#hd-logo img { width: 197px; }

#hd-main {
  background: #6d3321;
  color: #fff;
  float: right;
  width: 783px;
}

#hd-mast {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  float: left;
  width: 580px;
}

#hd-mast img { width: 580px; }

#hd-logo img,
#hd-mast img {
  border: 0;
  height: 123px;
}

#hd-right {
  float: right;
  width: 201px;
}

#hd-right a:link,
#hd-right a:visited {
  background: transparent none;
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
}

#hd-right ul.horizontal li { border-right: 1px solid #fff; }
#hd-right ul.horizontal li.last { border: 0; }
/*
overrides of ul.horizontal class from classes.css to correct display 

of vertical
bar "|" separator on #006157 background color
*/

#hd-search,
#nav-hd-right {
  margin: 1em 0 0 -2px;
  padding: 0;
  text-align: center;
} /* search form and contact/about us nav */

#hd-search-query-label img {
  border: 0;
  height: 22px;
  vertical-align: baseline;
  width: 37px;
} /* "search" */

#hd-search-query {
  border: 2px inset #ccc;
  height: 18px;
  width: 100px;
} /* search text input */

#hd-search-query-label img,
#hd-search-submit {
  position: relative;
  top: 7px;
} /* corrects alignment of search and go images relative to search 

box */

#search-index form.content-search {
  overflow: hidden;
}
#search-index h2 {
  margin: 0;
}
#search-index h4 {
  font-size: 1em;
  font-weight: normal;
  margin: 1em 0 0 12px;
}
#search-index .input {
  margin-bottom: 1em;
}
#search-index .float-l {
  margin-right: 57px;
}
#search-index .result-snippet {
  margin-left: 20px;
}
#hd-nav {
  background: #fff none;
  border-top: 0.25em solid #ccc;
  color: #000;
  clear: both;
} html>body #hd-nav {
  border-top: 0.5em solid #ccc;
}

#hd-nav-right,
#hd-nav-left {
  background: #141654 none;
  color: #fff;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: center;
}

#hd-nav-right {
  float: right;
  font-size: 1.1em;
  line-height: 1.58em;
  margin-left: -197px;
  width: 201px;
} html>body #hd-nav-right {
  margin: 0;
}

#hd-nav-left {
  float: left;
  line-height: 1.75em;
  margin-right: -3px;
  width: 197px;
} html>body #hd-nav-left {
  margin: 0;
}

#hd-nav ul,
#hd-nav ul li { list-style: none none outside; }

#hd-social {
  margin: 12px 0 0;
  text-align: center;
}
#hd-social a,
#hd-social .st_sharethis_custom {
  display: inline-block;
  margin: 0 2px;
}
#hd-social .st_sharethis_custom {
  background: url(../../images/template/share.png) no-repeat scroll left top transparent;
  cursor: pointer;
  height: 24px;
  width: 24px;
}
#font-size {
  background: url(/osflib/images/template/font_size.png) no-repeat!important;
  height: 24px;
  position: relative;
  width: 24px;
}
#font-wrap {
  display: none;
}
#font-size:hover #font-wrap {
  display: block;
  position: absolute;
  top: -24px;
}
#font {
  background: #333;
  border: 1px solid #ccc;
  display: block;
  min-height: 16px;
  opacity: .9;
  padding: 8px;
  min-width: 90px;
}
#font a {
  margin: 0 4px;
}
#font a:hover {
  text-decoration: underline;
}
.font-smaller {font-size: 10px!important}
.font-reset {font-size: 14px!important;}
.font-larger {font-size: 15px!important;}

/* ===== BEGIN flyover styles 

=============================================== */
#nav-hd-nav {
  line-height: 1.25em;
  margin: 0 0 0 194px;
  padding: 0;
  position: relative;
  width: 582px;
} html>body #nav-hd-nav {
  margin: 0 0 0 197px;
}

#nav-hd-nav li {
  background: #141654 none;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  color: #fff;
  display: block;
  float: left;
  font-size: 0.8em;
  line-height: 2.18em;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  width: 192.5px;
}

#nav-hd-nav li a:link,
#nav-hd-nav li a:visited {
  background: #141654 none;
  color: #fff;
  display: block;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

#nav-hd-nav li a:hover,
#nav-hd-nav li a:active {
  background: #141654 none;
  color: #9cb5b5;
}

#nav-hd-nav iframe {
  background: #fff none;
  border: 0;
  color: #000;
  position: absolute;
  z-index: 4;
}

#nav-hd-nav ul {
  background: #fff none;
  border-top: 1px solid #141654;
  color: #000;
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 5;
  white-space: nowrap;
} html>/**/body #hdnav li ul {
  left: 2px; top: 100%;
}

#nav-hd-nav ul li {
  background: #fff none;
  border-bottom: 1px solid #141654;
  border-left: 1px solid #141654;
  border-right: 1px solid #141654;
  color: #141654;
  float: none;
  font-size: 0.9em;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 191px;
}

#nav-hd-nav ul li a:link,
#nav-hd-nav ul li a:visited {
  background: #fff none;
  color: #141654;
  margin: 0;
  padding: 5px;
}

#nav-hd-nav ul li a:hover,
#nav-hd-nav ul li a:active {
  background: #acb none;
  color: #141654;
}

#nav-hd-nav ul iframe,
#nav-hd-nav ul ul {
  left: 98%;
  top: 3px;
}

#nav-hd-nav ul ul li {
  font-size: 1em;
  width: auto;
}
/* ===== CLOSE flyover styles 

=============================================== */

/* ----- MAIN-WRAP ----- */
/*
this section was added simply to ensure floating elements clear and 

are spaced
out from header elements properly
*/
#main-wrap {
  clear: both;
  padding: 0.5em 0 0 0;
}

/* ----- MAIN ----- */
#main {
  background: #fff url('/osflib/images/template/body-curve-left.gif') 

scroll left bottom no-repeat;
  color: #000;
  float: right;
  width: 783px;
}

#app-main {
  float: right;
  width: 783px;
}

/* ----- BODY ----- */
#body {
  background: transparent url('/osflib/images/template/body-curve-right.gif') scroll right bottom no-repeat;
  border-top: 1px solid #ccc;
  color: #000;
  float: left;
  padding: 0 0 15px 0;
  width: 581px;
}
#b3 {
  overflow: hidden; /* this clears the float for the hub page borders */
}
#app-body {
  border: 1px solid #ccc;  
  float: left;
  padding: 10px;
  width: 560px;
}

#body p:first-child { margin: 0; }

#body div {
  background: transparent 

url('/osflib/images/template/body-tile.gif') scroll left top 

repeat-y;
  color: #000;
  padding: 0 0 0 5px;
}

#body div div {
  background: transparent 

url('/osflib/images/template/body-tile.gif') scroll right top 

repeat-y;
  color: #000;
  padding: 5px 5px 0 0;
}

#body div div div {
  background: #fff none;
  color: #000;
  padding: 0;
}


/*===== Controls the inline links, promo links, & physician directory 

links ====*/

#body a:link {text-decoration: underline; color: #006157;}
#body a:visited {text-decoration: underline; color: #006157;}
#body a:hover {background-color: #bfd7d5; text-decoration: underline;}
#body a:active {text-decoration: underline; color: #006157;}


.promo a:link {text-decoration: underline; color: #006157;}
.promo a:visited {text-decoration: underline; color: #006157;}
.promo a:hover {background-color: #bfd7d5; text-decoration: underline;}
.promo a:active {text-decoration: underline; color: #006157;}

.physicians a:link, #app-body a:link {text-decoration: underline; color: #333366;}
.physicians a:visited, #app-body a:visited {text-decoration: underline; color: #333366;}
.physicians a:hover, #app-body a:hover {color:#aa0000; text-decoration: underline; background-color:none;}
.physicians a:active, #app-body a:active {text-decoration: underline; color: #333366;}

.nav-box h6 {background-color: #6D3321!important;}

#app-body h3.subhead {background-color: transparent!important; border: none!important; border-bottom:1px solid #ba9f97!important;}

#crumb {
  font-size: 0.8em;
  margin: 0 0 1em 0;
}

#crumb ul {
  list-style: none none outside;
  margin: 0;
  padding: 0;
}

#crumb ul li {
  display: block;
  float: left;
  margin: 0;
  padding: 0 5px 0 0;
}

#crumb ul li a:link,
#crumb ul li a:visited {
  background: #fff url('/osflib/images/template/crumb-arrow.gif') 

scroll left center no-repeat;
  color: #000;
  display: block;
  padding: 0 0 0 14px;
  text-decoration: none;
}

#crumb ul li a:hover,
#crumb ul li a:active {
  background: #fff 

url('/osflib/images/template/crumb-arrow-hover.gif') scroll left 

center no-repeat;
  color: #006157;
  text-decoration: underline;
}

#crumb ul li.root a:link,
#crumb ul li.root a:visited,
#crumb ul li.root a:hover,
#crumb ul li.root a:active {
  background-image: none !important;
  padding-left: 0 !important;
}

#body img.foot {
  border: 0;
  height: 1px;
  width: 580px;
}

/* ----- RIGHT ----- */
#right {
  float: right;
  margin-left: 9px;
  width: 192px;
}

/* ----- LEFT ----- */
#left {
  margin-right: 5px;
  width: 192px;
}

#left ul {
  margin: 0 0 1.5em 0;
  padding: 0;
}

#left ul li {
  border-bottom: 1px solid #ccc;
  font-size: 0.8em;
  line-height: 1.8em;
    margin: 0; /* margin: 1em 0; */
  padding: 0;
}

#left ul,
#left ul li { list-style: none none outside; }

#left ul li a:link,
#left ul li a:visited {
  background: #fff none;
  color: #000;
  display: block;
  font-weight: bold;
  padding: 0 2px;
  text-decoration: none;
}

#left ul li a:hover,
#left ul li a:active {
  background: #bcc none;
  color: #000;
}

/* ----- FOOT ----- */
#foot {
  clear: both;
  font-size: 0.8em;
  margin: 0.5em 0 0 0;
  text-align: center;
  padding-top: 10px;
}


#foot p { margin: 0; }


#internal-wrapper {margin-left: 5px; margin-right: 5px; overflow: 

hidden;}

/* ===== CLASSES ===== */

/*Outpatient Services*/



#outpatientservices {
float: left;
font-size: .75em; 

font-weight: bold;  
width: 188px;
margin-left: -8px;
margin-right: auto; 
     
}

#outpatientservices li {

        list-style-type: none;
        text-align: left;
        
        margin-left: 0px;
        border-bottom: 1px solid #006157;
}

#outpatientservices li a:link,
#outpatientservices li a:visited {  

 display: block;
  color:#006157;
  font-weight: bold;
  text-decoration: none;

}


#outpatientservices li a:hover,
#outpatientservices li a:active {
        display: block;
        background-color: #bcc;      
        color:#006157;
}


/*End Outpatient Services*/

.news-year {
  font-size: 1em;
}

/* ===== Home Links ==== */

/* 
a.homelinks:link {color:#006157; font-weight: bold; text-decoration: none;}
a.homelinks:visited {color:#006157; font-weight: bold;}
a.homelinks:active {color:#006157; font-weight: bold;}
a.homelinks:hover {color: #bbcccc; font-weight: bold;}
*/

#home-links {
float: left;
font-size: .85em; 
line-height: 1.2em;
font-weight: bold;  
width: 100%;
margin-left: auto;
margin-right: auto; 
margin-top: 8px;
margin-bottom: 8px;
height: auto;
border-bottom: 1px solid #ccc;
.border-bottom: 0px solid #ccc;

}

#home-links ul {
margin: 0 auto 0 auto;       
}

#home-links li {
        list-style-type: none;
        background-image: url('/osflib/images/arrows/arrow_green.gif');
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
        text-align: left;
        padding-left: 12px; 
       .padding-left: 0px;
        margin-left: 0px;
        line-height: 1.7em;  
        border-bottom: 1px solid #006157;
}

#home-links ul li a:link,
#home-links ul li a:visited {  
  color:#006157;
  font-weight: bold;
  text-decoration: none;
}


#home-links ul li a:hover,
#home-links ul li a:active {
        
display: block;

        background-image: url('/osflib/images/arrows/arrow_white.gif');
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
        background-color: #bcc;
        padding-left: 12px; 
       .padding-left: 0px;
        color:#006157;
margin-left: -12px;
.margin-left: 0px;
}

#left-links {
float: left; 
width: 48%;
padding:0;
margin: 0 auto 0 auto; 
.list-style-position:inside;
}

#right-links {
float: right;
width: 48%;
padding:0;
margin: 0 auto 0 auto; 
.list-style-position:inside;
}

/* ===== End Home Links ==== */

/* ===== JSValidate ==== */

html body .error, .JSVerror {
/*  background: #fff none;*/
  color: #c00;
}

html body input.JSVerror,
html body input.error,
html body select.JSVerror,
html body select.JSVerror option,
html body select.error,
html body select.error option,
html body textarea.JSVerror,
html body textarea.error,
html body div.error{
  background: #fee none;
  border-color: #f00;
  color: #000;
}

/* ===== End JSValidate ==== */

/* ===== Vertical Slideshow Styles ==== */

#vertical-slideshow {
  list-style-type: none;
  margin-left: -18px;
  margin-bottom: -25px;
  height: auto;
}

#vertical-slideshow li a:hover {
background-color: transparent;
}