/* Global General Rules
---------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
}
html {
	background: transparent;
}
body {
	background: #e5e5e5 url(https://www.methodisthealth.com/images/bg.gif) repeat-y top center;
	font-family: Trebuchet MS, Arial, Sans-Serif;
	font-size: 100.1%;
	color: #4c4c4c;
}
img {
	display: block;
}
a img {
	border: 0;
}

ul {
	list-style-type: none;
}

.left {
	float: left;
}

.right {
	float: right;
}
:focus {
	outline: 0;
}

#mobileNav {
	display: none;
}

address {
	font-style: normal;
}
sup {
	vertical-align: text-top;
}

#printHeader {
    display: none;
}

/* Global Typography
---------------------------------------------------------- */
h1, h2, h3, h4 {
	font-family: Georgia, Serif;
	color: #666f1f;
}

h1 {
	font-size: 140%;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 100%;
	color: #2D73A4;
}

h4 {
	font-size: 90%;
}

#interiorContent h2, #contentWrapper h2 {
	margin: 3px 0 6px 0;
}

#interiorContent h3, #contentWrapper h3,
#interiorContent h4, #contentWrapper h4 {
	padding: 8px 0 5px 0;
	margin: 3px 0 3px 0;
}

#homeContent ul, #homeContent ul {
	margin: 0;
	padding: 0;
}

p {
	margin: 0px 0 10px 0;
	padding: 3px 0 0 0;
	line-height: 1.3em;
}

a {
	color: #2d73a4;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.ReadMore {
	padding: 0 12px 0 0;
	font-family: Verdana, Sans-Serif;
	font-size: 75%;
	color: #65190f;
	text-decoration: underline;
	background: url(../images/arrow-dark-red.gif) no-repeat right .5em;
	display: inline-block;
	line-height: 1.3em;
}

a.ReadMore:hover {
	text-decoration: none;
}

/* Tables 
********************************/
table {
	border-collapse: collapse;
}

table th, table td {
	vertical-align: top;
}

/* Setting Table Widths
********************************/
table.tableWithOutSidebar {
    width: 100%;
}

table.tableWithSidebar {
    width: 438px;
    float: none;
}

/* Tables without borders, but padded nicely
********************************/
table.dataTable {
	margin: 0 0 20px 0;
}

.dataTable th {
	text-align: left;
	padding: 0px 3px;
}

.dataTable td {
	padding: 5px 3px;
}

.dataTable td p {
	margin: 5px 0 10px 0;
}
.dataTable td.evenRow  {
 	background-color: #f0f0f0;
	border-top: 1px solid #e4e4e4;
 	border-bottom: 1px solid #e4e4e4;
}
	
/* Tables with dotted lines going both horizontal and vertical
********************************/
table.gridTable {
	margin: 0 0 20px 0;
}

.gridTable th {
	text-transform: uppercase;
	text-align: left;
	padding: 1px 6px;
	background: #e5e5e5 url(../images/dotted_line.gif) repeat-x scroll center bottom;
}

.gridTable td {
	padding: 0px 6px;
	background: transparent url(../images/dotted_line.gif) repeat-x scroll center bottom;
	vertical-align: top;
}

.gridTable td p {
	margin: 5px 0 10px 0;
}

/* Tables with dotted lines separating rows and a gray background all on SPECIFIED rows
********************************/
table.evenRowGridTable {
	margin: 0 0 20px 0;
}

.evenRowGridTable th {
	text-align: left;
	padding: 0px 10px;
}

.evenRowGridTable td {
	padding: 5px 10px;
}

.evenRowGridTable td.evenRow  {
	background-color: #f0f0f0;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}

/* Formatting lists of services
********************************/
#contentWrapper ul.services {
 	margin: 0 0 15px;
}

ul.services li {
 	background: transparent url(../images/dsNavDot.jpg) no-repeat scroll 0pt 15px;
 	line-height: 1.2em;
 	padding: 10px 0 0 10px;
}

ul.services ul li {
 	background: transparent url(../images/dsNavDot.jpg) no-repeat scroll 15pt 15px;
 	line-height: 1.2em;
 	padding: 10px 0 0 30px;
}

ul.services ul ul li {
 	background: transparent url(../images/dsNavDot.jpg) no-repeat scroll 20pt 15px;
 	line-height: 1.2em;
 	padding: 10px 0 0 40px;
}

/* Gray buttons with red text
********************************/
a.button {
	float: left;
	display: block; 
    background: transparent url(../images/gray_button_bg.jpg) no-repeat scroll top right;
    color: #65190F;   
	font-weight: bold;
    height: 21px;
    margin: 0 6px 10px 0;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url(../images/gray_button_bg.jpg) no-repeat;
    display: block;
    line-height: 10px;
    padding: 6px 0 5px 18px;
}

a.button:hover {
	text-decoration: underline;
}

.dotted_line {
	background: transparent url(../images/dotted_line.gif) repeat-x center;
	margin: 10px 0 10px 0;
	height: 1px;
	clear: both;
}

.marginFix {
	margin: 3px 0 10px 0;
}

.clear {
	clear: both;
}

/* Global Site Structure
---------------------------------------------------------- */
#wrapper {
	width: 840px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	font-size: 75%;
}
#globalMasthead {
	height: 66px;
	width: 840px;
}
#contentWrapper {
	margin: 0 0 20px 0;
	padding-top:10px;
	clear: both;
	overflow: hidden;
}

/* Footer
---------------------------------------------------------- */
#footer {
	padding: 10px 0;
	border-top: 1px solid #9a9cae;
	font-family: Verdana, Sans-Serif;
	color: #989bad;
	clear: both;
	overflow: hidden;
}
ul#footerNav li {
	padding: 0 7px 3px 9px;
	background: url(../images/footer_icon_divider.gif) no-repeat 0 50%;
	float: left;
	list-style: none;
}
ul#footerNav li.nodiv {
	padding: 0 7px 0 0;
	background: none;
}
ul#footerNav li a {
	font-size: 75%;
	color: #989bad;
	text-decoration: none;
}
ul#footerNav li a:hover {
	color: #333D61;
}
#footerLeft {
	float: left;
	width: 300px;
	margin: 10px 0 0 0;
	clear: both;
}
#footerLeft p.copyright {
	font-size: 75%;
	line-height: 1.5em;
}
#footerRight {
	float: right;
	width: 530px;
}
#footerRight p.A {
	float: left;
	width: 95px;
	padding: 10px 0 0 0;
	font-size: 75%;
	line-height: 1.5em;
	text-align: right;
}
#footerRight p.B {
	float: left;
	width: 75px;
	padding: 10px 6px 0 0;
	font-size: 75%;
	line-height: 1.5em;
	text-align: right;
}
#footerRight img {
	float: left;
	margin: 5px 0 0 0;
}
#footerRight img#imageElement {
	margin: 10px 0 0 0;
}

/* Global Interior Pages
---------------------------------------------------------- */

/* Global Interior General Rules
---------------------------------------------------------- */
#localHeader {
	height: 41px;
	background: #ffffff url(../images/locationHeader.jpg) no-repeat top left;
	clear: both;
	overflow: hidden;
}
#localHeader h1 {
	margin: 12px 0 0 15px;
}

#localHeader h1 a {
	color: #666F1F;
	text-decoration: none;
}

#localHeader h1 a:hover {
	text-decoration: underline;
}


/* Global Interior Layout Options
---------------------------------------------------------- */
#contentWrapper_Interior {
	background: #ffffff url(../images/secondaryNavigationBG.jpg) repeat-y top left;
	overflow: hidden;
	border-top: 1px solid #b3b3b3;
}

#interiorFullWidth {
	padding: 0 15px;
	border-top: 1px solid #B3B3B3;
}

#interiorFullWidth h2 {
	padding-bottom: 10px;
	padding-top: 10px;
}

#interiorContent {
	float: right;
	width: 660px;
	margin: 15px 0 50px 0;
}

#interiorContent ul {
	margin: 0 0 18px 10px;
}

#interiorContent ul ul, #interiorContent ul ul ul, #interiorContent ul li ul, #interiorContent ul ul li ul {
	margin: 10px 0 0px 10px;
}

#interiorContent ul li {
	padding: 0 0 7px 10px;
	background: transparent url(../images/dsNavDot.jpg) no-repeat 0 5px;
	line-height: 1.2em;
    list-style: none;
}

#interiorContent ol {
	margin: 0 0 15px 30px;
}

#interiorContent ol li {
	padding: 10px 0 0 0;
	line-height: 1.2em;
}

#interiorContent ol ul li, #contentWrapper ol ul li {
    padding: 10px 0 0 10px;
}


#interiorContent img.mastHead {
	margin: 0 0 25px 0;
	float: left;
}
#centerContent {
	float: left;
	width: 437px;
}

.triColumn {   /* Used only on pages with a left navigation */
	float: left;
	width: 184px;
	margin: 0 21px 0 0;
	padding: 5px;
	border: 1px solid #ECE9D8;
}

/* Used only on interior content pages that don't have a left navigation, specifically the Departments and Clinical Services page */
.triColumnFullWidth {  
	float: left;
	width: 234px;
	height: 170px;
	display: block;
	margin: 0 21px 21px 0;
	padding: 10px;
	
}

#interiorFullWidth .triColumnFullWidth h2 {
	font-size: 100%;
	padding: 0;
}

a.triColumnFullWidth {
	text-decoration: none;
	border: 1px solid #ECE9D8;
}

a.triColumnFullWidth p {
	color: #4C4C4C;
	padding: 0;
	margin: 0;
}

a:hover.triColumnFullWidth {
	border: 1px solid #7fabd2;
	background-color: #f2f5f8;
}

a:hover.triColumnFullWidth h2 {
	color: #2D73A4;
}

.lastColumn {
	margin: 0;
}
/*End of tri-column*/

.orColumn {
	float: left;
	width: 20px;
	margin: 0 21px 0 0;
	padding: 10px;
}

.biColumn {
	float: left;
	width: 274px;
	margin: 0 20px 0 0;
	padding: 10px;
	border: 1px solid #ECE9D8;
}
.lastColumn {
	margin: 0;
}
.searchForm{
	background-color: #A5B7C5;
}

/* Global Interior Side Bar
---------------------------------------------------------- */
#interiorContent .SidebarNewsModule, #contentWrapper .SidebarNewsModule {
	float: right;
	width: 208px;
	margin: 0 0 25px 0;
	background: url(../images/featureBoxContentBG.jpg) no-repeat center 31px;
	clear: right;
}

.SidebarNewsModuleContent {
	padding: 10px 15px 15px 15px;
}

#interiorContent .SidebarNewsModuleContent ul, #contentWrapper .SidebarNewsModuleContent ul {
	margin: 0 0 15px 0;
}

#interiorContent .SidebarNewsModule h2, #contentWrapper .SidebarNewsModule h2,
#interiorContent .SidebarNewsModule h3, #contentWrapper .SidebarNewsModule h3,
#interiorContent .SidebarNewsModule h4, #contentWrapper .SidebarNewsModule h4 {
	margin: 0;
}


#interiorContent .SidebarNewsModule h2, #contentWrapper .SidebarNewsModule h2 {	
	height: 23px;
	width: 193px;
	padding: 8px 0 0 15px;
	margin: 0;
	background: url(../images/featureBoxHeaderBG.jpg) no-repeat center top;
	font-family: Trebuchet MS, Arial, Sans-Serif;
	font-size: 100%;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 1.4em;
}

#interiorContent .SidebarNewsModule img, #contentWrapper .SidebarNewsModule img.right {
	margin: 3px 0 3px 10px;
}
#interiorContent .SidebarNewsModule img, #contentWrapper .SidebarNewsModule img.left {
	margin: 3px 10px 3px 0;
}

#interiorContent .SidebarNewsModule h3, #contentWrapper .SidebarNewsModule h3  {
	margin: 0;
	color: #666f1f;
}

#interiorContent .SidebarNewsModule p, #contentWrapper .SidebarNewsModule p {
	margin-top: 5px;
}

/* For Sidebars that have text flowing around them */
#interiorContent .TextWrap, #contentWrapper .TextWrap {
	margin: 0 0 15px 14px;

}

/* For mini-forms inside of sidebars*/
#contentWrapper .SidebarNewsModule form ul li, #interiorContent .SidebarNewsModule form ul li {
	list-style: none;
	background: none;
}

#footerFormModule form input.formfield,
#footerFormModule form select,
#footerFormModule form textarea,
#contentWrapper .SidebarNewsModule form input.formfield, 
#interiorContent .SidebarNewsModule form input.formfield,
#contentWrapper .SidebarNewsModule form select, 
#interiorContent .SidebarNewsModule form select,
#contentWrapper .SidebarNewsModule form textarea, 
#interiorContent .SidebarNewsModule form textarea {
	width: 148px;
	border: 1px solid #769dcd;
	padding: 1px;
	color: #666666;
	font-size: 90%;
	font-family: Trebuchet MS, Arial, Sans-Serif;
}

#footerFormModule form label {
	margin: 0 10px 0 0;
}

#footerFormModule form input.formfield,
#footerFormModule form select,
#footerFormModule form textarea {
	width: 300px;
}

#footerFormModule form select {
	width: 200px;
}

#footerFormModule {
	background: #e9eadb url(../images/footer_mini_form_bg.gif) repeat-y top right;
}

#footerFormModule ul {
	margin: 0;
	clear: both;
}

#footerFormModule #feedbackButtonWrapper {
	float: left;
	margin: 4px 20px 0 0;
	padding: 0px 0 0 0;
}




/* Global Interior Health Tips
---------------------------------------------------------- */
#healthTip {
	float: right;
	width: 200px;
}
#healthTip h2 {
	padding: 12px 0 5px 20px;
	font-family: Trebuchet MS, Arial, Sans-Serif;
	font-size: 100%;
	text-transform: uppercase;
	border-bottom: 1px solid #848E17;
}
#healthTipBoxTop {
	padding: 0 15px;
	background: url(../images/healthTipsBG.jpg) repeat-y top center;
}
#healthTipBoxBot {
	height: 13px;
	background: url(../images/healthTipsBG.jpg) no-repeat bottom center;
}
#healthTip p {
 margin: 8px 0 5px 0
}

/* Tabbed Content Box
---------------------------------------------------------- */
#tabNavigation {
	float: left;
	width: 618px;
	background: url(../images/tabNavBG.jpg) repeat-x bottom left;
}

#tabNavigation a {
	cursor: pointer;
}

#tabBoxNav li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

#tabBoxNav ol {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

#tabBoxNav a {
	float: left;
	height: 34px;
	padding: 0 0 0 33px;
	background: url(../images/boxNavTab.jpg) no-repeat top left;
	text-transform: uppercase;
	text-decoration: none;
	color: #536D86;
	display: block;
	margin-left:0px;	
}

#tabBoxNav a span {
	float: left;
	height: 26px;
	padding: 8px 22px 0 0;
	background: url(../images/boxNavTab.jpg) no-repeat top right;
	display: block;
}

#tabBoxNav a:hover {
	background: url(../images/boxNavTabHover.jpg) no-repeat top left;
}

#tabBoxNav a:hover span {
	background: url(../images/boxNavTabHover.jpg) no-repeat top right;
}

#tabBoxNav .active, #tabBoxNav .active:hover {
	background: url(../images/boxNavTabCurrent.jpg) no-repeat top left;
}

#tabBoxNav .activespan, #tabBoxNav a:hover .activespan {
	background: url(../images/boxNavTabCurrent.jpg) no-repeat top right;
}

#tabContentBox {
	float: left;
	width: 616px;
	background: url(../images/tabBoxBG.jpg) repeat-x bottom left;
	border-right: 1px solid #c4c3c2;
	border-bottom: 1px solid #c4c3c2;
	border-left: 1px solid #c4c3c2;
}

.tabbedContent {
	padding: 30px 20px 20px 20px;
	display: none;
	visibility: hidden;
}

.tabbedContent h2 {
	padding: 0 0 10px 0;
}

.tabbedContent img.RightPhoto {
	margin: 0 0 20px 20px;
	padding: 3px;
	background: #ffffff;
	border: 1px solid #d9d9d9;
}

.tabbedContent img.LeftPhoto {
	margin: 0 20px 20px 0;
	padding: 3px;
	background: #ffffff;
	border: 1px solid #d9d9d9;
}

.tabbedContent hr {
	height: 1px;
	background-color: #b3b3b3;
	border: 0;
	margin: 0 0 10px 0;
}

#noTabNavigation {
	float: left;
	width: 617px;
	height: 5px;
	font-size: 1px;
	padding: 0px 0 0 0;
	background: transparent url(../images/tabNavBG.jpg) repeat-x bottom left;
	
}

#noTabbedContentBox {
	float: left;
	width: 587px;
	background: url(../images/tabBoxBG.jpg) repeat-x bottom left;
	border-right: 1px solid #c4c3c2;
	border-bottom: 1px solid #c4c3c2;
	border-left: 1px solid #c4c3c2;
	padding: 14px;
}


/* Quote Module
---------------------------------------------------------- */
/* Adding the class RightQuote to a div will float a "quote" in the content area to the right. */  
/* Adding the class LeftQuote to a div will float a "quote" in the content area to the left. */
/*
Sample code:
<div class="RightQuote">
  <p>&ldquo;Methodist Hospital provides the best care!&rdquo;</p>
  <p>- Dr. Jones</p>
</div>
*/

.RightQuote {
	float: right;
	width: 200px;
	padding: 15px 0 7px 20px;
	font-size: 1.3em;
}
.RightQuote p {
	margin: 0 0 8px 0;
}
.LeftQuote {
	float: left;
	width: 200px;
	padding: 15px 20px 7px 0;
	font-size: 1.3em;
}
.LeftQuote p {
	margin: 0 0 8px 0;
}

/* Picture with Optional Caption
---------------------------------------------------------- */
/* Adding the following code will allow you to have an image with a caption floated to the right or left in a content area. This code requires you to set a width on the div surrounding the photo equal to the width of the image plus 8px. */
/* Add 8px the width of the photo and put that value in the style="width: 187px" code */
/*
Sample code:
<div class="LeftPhoto" style="width: 187px"><img src="photo.jpg" border="0" alt="" />
  <p>This is my caption.</p>
</div>  
*/

.RightPhoto {
	float: right;
	padding: 15px 0 0 15px;
	font-size: .9em;
}
.RightPhoto img {
	padding: 3px;
	border: 1px solid #d9d9d9;
}
.RightPhoto p {
	margin: 0 0 8px 0;
	padding: 0 3px;
}
.LeftPhoto {
	float: left;
	padding: 15px 15px 0 0px;
	font-size: .9em;
}
.LeftPhoto img {
	padding: 3px;
	border: 1px solid #d9d9d9;
}
.LeftPhoto p {
	margin: 0 0 8px 0;
	padding: 0 3px;
}

/* Images floated among text */
img.right {
  float: right;
  padding: 3px;
  border: 1px solid #d9d9d9;
  margin: 3px 0 3px 15px;
}

img.left {
  float: left;
  padding: 3px;
  border: 1px solid #d9d9d9;
  margin: 3px 15px 3px 0;
}

img.border {
  border: 1px solid #d9d9d9;
}

/*---  Legacy Methodist Styles Below Here ---*/
td.formTableContent{ /* PLB Adds spacing between form items */
            padding:4px 3px 4px 15px;
 }



/* from formDisplayBody.jsp */
  .INPUT  { border:0px solid #AAAAAA; }
  .LABEL  { margin: 0;}
  .ELABEL { margin: 0; color: red}

/* Additions 4/17/08
---------------------------------------------------------- */
/*
td {
	font-size: 90%;
}*/

#homeFlash {
  	float: left;
  	width: 840px;
  	clear: left;
}