/*------------------------------------------------------------------
[Stylesheet for all pages]

Project:		Overland Park Regional Medical Center
Last change:	09/09/09 [notes:]
Webmaster:		Jeremy Smoot
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
# [Color codes]

# Color (Teal blue): #00778A
# Color (Spring Green) #7AC142
# Color (Dark Green) #00853E
# Color () #
# */
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header / 
3. Navigation / 
4. Content / 
5. Left column / 
6. Right column /
7. Syndication / 
8. Search / 
9. Footer /
10. Advertisements / Misc / 
 
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Body]
*/
* {
	padding:0;
	margin:0;
}

html,body {
	text-align:center;
	background-color:#F0EEE5;
	font:12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

#Container {
	position:relative;
	margin:0 auto!important;
	margin:0 auto;
	text-align:left;
	width:960px;
	max-width:960px;
	background:url(bg.gif) repeat-y;
	padding:0 12px;
}

table {
	max-width:960px;
}

td#hmCenterColumn {
	width:650px;
	max-width:650px;
	min-width:650px;
	height:1350px;
	background:transparent url(bg-footer-l.gif) no-repeat bottom;
	vertical-align:top;
	margin: 0px;
	padding: 0px;
	float:left;
}

td#CenterColumn {
	width:710px;
	max-width:710px;
	min-width:710px;
	background:transparent url(bg-wind-r.gif) no-repeat bottom;
	margin:0;
	padding:10px 10px 72px 10px;
	color:#333;
	vertical-align: top;
}

#CenterColumn ul {
	margin:5px;
	padding: 0px;
}
#CenterColumn ul ul {
	margin:0px;
}

#CenterColumn li {
	margin-left:15px;
	list-style:square outside;
	line-height: 16px;
}
#CenterColumn li ul li {
	margin-left:15px;
	list-style:disc outside;
	line-height: 16px;
}

#CenterColumn a:link,#CenterColumn a:active,#CenterColumn a:visited {
	color:#00778A;
	text-decoration:none;
}

#CenterColumn a:hover {
	color:#00853E;
	text-decoration:underline;
}

#spanMainContent p,#spanMainContent font,span#spanMainContent p font b,#spanMainContent td,#spanMainContent td font b {
	font:12px Arial, sans-serif;
	color:#333;
	line-height:16px;
	vertical-align:top;
	text-align:left;
	padding:5px 0;
	background-color:transparent;
}

#spanMainContent a:link,#spanMainContent a:active,#spanMainContent a:visited {
	color:#00778A;
	text-decoration:none;
}

#spanMainContent a:hover {
	color:#00853E;
	text-decoration:underline;
}

img {
	border-style:none;
}
#spanMainContent img {
	margin: 0 0 5px 5px;
}
#caption { /* Use for photo captions/taglines */
	float: right;
	margin: 0px 0 5px 5px;
}
#caption p {
	margin-top: -5px;
	padding: 0px 5px;
	font-family: inherit;
	font-size: 90%;
	font-weight: bold;
}

h1, span#spanMainContent p font b {
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#00778A;
	margin:5px 0;
}

h2 {
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#00853E;
	margin:5px 0;
}

h3 {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#00778A;
	margin:1px 0;
}

h4 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#00778A;
	margin:1px 0;
}

a[href $='.pdf'] {
	padding-right:18px;
	background:transparent url(icon_pdf.gif) no-repeat center right;
}

a[class ='noicon'] {
	padding-right:0;
	background:none;
}

a[href $='.doc'] {
	padding-right:18px;
	background:transparent url(icon_doc.gif) no-repeat center right;
}

a[href ^='mailto:'] {
	padding-right:20px;
	background:transparent url(icon_mailto.gif) no-repeat center right;
}

a[class ='popup'] {
	padding-right:18px;
	background:transparent url(icon_popup.gif) no-repeat center right;
}

a.external {
	padding-right:18px;
	background:transparent url(icon_external.gif) no-repeat center right;
}
.phone {
	padding-right: 18px;
	background: transparent url(icon-phone.gif) no-repeat center right;
	font-weight: bold;
}
#spanMainContent form center { display:none;} /* Hide the printable directory option */
/*------------------------------------------------------------------
[Header]
*/
#logo {
	position:relative;
	top:10px;
	left:14px;
	width:406px;
}

#SyndArea01 {
/* Logo */
	background-color:#FFF;
	width:420px;
	min-width:420px;
	height:120px;
	display:block;
	position:relative;
	float:left;
}

#SyndArea02 {
/* Search Box */
	float:left;
}

#Searchbg {
	background:#BBDC9B url(bg-search.gif) no-repeat;
	margin:0;
	width:540px;
	min-width:540px;
	height:120px;
}

span#TopNavBar {
	width:960px;
	min-width:960px;
	height:35px;
	display:block;
	margin:0;
	padding:0;
	background:#00778a url(undernav-bar.gif) no-repeat bottom;
	border:none;
	clear:both;
	float:none;
}

/*------------------------------------------------------------------
[Navigation]
*/
#LeftNavSet {
	display: none;
}
#leftnav {
	min-width:200px;
	width:auto!important;
	width:200px;
	margin: 20px 0 0 15px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}	
#leftnav li a, #leftnav li.menuheader {
	width: 165px;
	display: block;
	text-decoration: none;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
#leftnav li.botline a {
	border-bottom: 1px solid white;
}
#leftnav li.menuheader {
	width: 200px;
	height: 20px;
	text-align: center;
	background-color: #00778a;
	padding: 5px 0 0 0;
	color: #FFF;
	font-weight: bold;
}
#leftnav a:link,
#leftnav a:active,
#leftnav a:visited {
	color: #444;
	background:  url(leftnav.gif);
	padding: 5px 0 0 35px;
	height: 20px;
}
#leftnav a:hover {
	color: #FFF;
	background:  url(leftnav.gif) 0 -25px;
	padding: 5px 0 0 35px;
	height: 20px;
}		
#leftnav li {
	height: 25px;
	list-style: none;
	float: left;
}
#topnav { /* Secondary top nav */
	width: 690px;
	background-color: #E7F4DC;	
	color: #333;
	padding: 10px;
	font-size: 11px;
	text-align: center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	height: 15px;
}
/*------------------------------------------------------------------
[Content]
*/
/*------------------------------------------------------------------
[Left column]
*/
td#hmLeftColumn {
	display:none;
}

td#LeftColumn {
	background:#E7F4DC url(bg-wind-l.gif) no-repeat bottom;
	vertical-align:top;
	min-width:230px;
	width:auto!important;
	width:230px;
	margin:0;
	padding:0 0 92px 0;
	color:#333;
	font:11px Arial, sans-serif;
	line-height:17px;
	list-style:square inside;
}

/******** On Demand Tab ********/
.OnDemand_tabTD {
	text-align:left;
	width:140px;
	padding:0;
	margin:0;
	cursor:pointer;
}

.OnDemand_leftRule {
	min-height:20px;
	height:auto!important;
	height:20px;
}

.OnDemand_tab {
	height:20px;
	text-align:left;
	padding:3px 0 0;
	margin-left:10px;
	cursor:pointer;
}

.OnDemand_tabhood {
	background-color:#00778A;
	color:#FFF;
}

.OnDemand_tabbonnet {
	background-color:#7AC142;
	color:#FFF;
}

.OnDemand_tabcontent {
	text-align:left;
	max-height:240px;
	margin:0;
	padding:0;
	background:#00778A url() no-repeat bottom;
}

.OnDemand_tabcontent h1 {
	font:bold 1.5em Arial, sans-serif;
	color:#FFF;
}

.OnDemand_tabcontent img {
	padding:5px;
}

.OnDemand_tabcontent ul {
	padding-left:1em;
	margin-left:0;
}

.OnDemand_tabdivcontent {
	height:230px;
	overflow:auto;
	margin:0;
	padding:5px 10px;
	color:#FFF;
}

#OnDemand_content1 {
	padding:0 0 0 10px;
	height: 240px;
	background: url(bg-doctor.jpg) top right no-repeat;
}

#OnDemand_content2 table {
	max-width: 460px;
	width: auto !important;
	width: 460px;
}

.OnDemand_tabdivcontent p,.OnDemand_tabdivcontent p strong {
	color:#FFF;
}

.OnDemand_tabcontent a:link,.OnDemand_tabcontent a:active,.OnDemand_tabcontent a:visited {
	color:#FFF!important;
	color:#FFF;
	text-decoration:underline;
}

.OnDemand_tabcontent a:hover,.OnDemand_tabcontent a:visited:hover {
	color:#FFF!important;
	color:#FFF;
	text-decoration:none;
}

.csl_tabTD {
	text-align:center;
	width:103px;
	height:28px;
	padding:0;
	border-top:1px solid #DADAC3;
	cursor:pointer;
}

.csl_leftRule {
	border-left:0 solid #DADAC3;
}

.csl_rightRule {
	border-right:0 solid #DADAC3;
}

.csl_tab {
	height:23px;
	text-align:center;
	padding:5px 0 0;
	cursor:pointer;
	color: #FFF;
	font-weight: bold;
}

.csl_tabhood {
	width:103px;
	background-color:#00778A;
}

.csl_tabbonnet {
	width:103px;
	background-color:#7AC142;
}

.csl_tabcontent {
	text-align:left;
	width:620px;
	height:210px;
	border:1px solid #DADAC3;
	margin:0;
	padding:5px;
	background-color:#E7F4DC;
}

.csl_tabdivcontent {
	height:200px;
	overflow:visible;
	margin:0;
	padding:0;
	color:#333;
}

.csl_tabdivcontent p, .csl_tabdivcontent p strong {
	color:#333 !important;
	color: #333;
}

.csl_tabcontent a:link,.csl_tabcontent a:active,.csl_tabcontent a:visited {
	color:#333!important;
	color:#333;
	text-decoration:underline;
}

.csl_tabcontent a:hover,.csl_tabcontent a:visited:hover {
	color:#333!important;
	color:#333;
	text-decoration:none;
}

#ads {
	width:618px;
	height:238px;
	background:transparent url() no-repeat top;
	margin:20px 0 0;
	border:1px solid #DADAC3;
}

#ads img {
	float:left;
	margin:20px 0 0 20px;
}

#news,#cal {
	width:300px;
	min-height:410px;
	max-height:410px;
	height:auto!important;
	height:410px;
	padding:55px 0 5px;
	float:left;
}
#news ul, #news p {
	padding: 0px 10px;
}

#news a:link,#cal a:link,#news a:active,#cal a:active,#news a:visited,#cal a:visited {
	color:#00778A!important;
	color:#00778A;
	text-decoration:underline;
}

#news a:hover,#cal a:hover,#news a:visited:hover,#cal a:visited:hover {
	color:#00778A!important;
	color:#00778A;
	text-decoration:none;
}

#news {
	background:transparent url(bg-news.gif) no-repeat top;
	margin-right:20px;
}

#newsbox {
	margin:20px 0 0;
}

#cal {
	background:transparent url(bg-cal.gif) no-repeat top;
}

#calbox {
	margin:20px 0 0 20px;
}

#news p,#news p strong,#cal p,#cal p strong {
	color:#333;
}

#cal table {
	margin:5px 1px 0;
}

.CaltabTD {
	text-align:center;
	width:297px;
	height:30px;
	padding:0;
	border-top-style:solid;
	border-top-color:#000;
	border-top-width:0;
}

.CalleftRule {
	border-left-style:solid;
	border-left-color:#000;
	border-left-width:0;
}

.CalrightRule {
	border-right-style:solid;
	border-right-color:#000;
	border-right-width:0;
}

.Caltab {
	height:25px;
	text-align:center;
	padding:5px 0 0;
}

.Caltabhood {
	width:100px;
	background:transparent url(bg-tab-on.gif) no-repeat top;
	color:#333;
}

.Caltabbonnet {
	width:99px;
	background:transparent url(bg-tab-off.gif) no-repeat top;
	color:#333;
	cursor:pointer;
}

.Caltabcontent {
	text-align:left;
	width:300px;
	height:280px;
	border:none;
	margin:0;
	padding:10px;
}

.Caltabdivcontent {
	height:330px;
	overflow:visible;
	margin:0;
	padding:0;
	color:#333;
}
.Caltabdivcontent li ul li {
	list-style:disc outside !important;
	list-style:disc outside;
	line-height: 14px;
}

form.contact input,form.contact textarea,form.contact select {
	width:240px;
	display:block;
	position:relative;
	top:-20px;
	left:80px;
}
#spanMainContent .columns {
	width: 50%;
	float: left;
}
/*------------------------------------------------------------------
[Right column]
*/
td#hmRightColumn {
	background:#E7F4DC url(bg-footer-r.gif) no-repeat top;
	color:#333;
	width:310px;
	max-width:310px;
	min-width:310px;
	height:1350px;
	vertical-align:top;
	text-align:left;
	padding:0;
	margin:0;
	float: left;
}

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

#hmRightColumn li {
	margin-left:15px;
	list-style:square outside;
}

#hmRightColumn a:link,#hmRightColumn a:active,#hmRightColumn a:visited {
	color:#333!important;
	color:#333;
	text-decoration:underline;
}

#hmRightColumn a:hover,#hmRightColumn a:visited:hover {
	color:#333!important;
	color:#333;
	text-decoration:none;
}

#hmRightColumn a[href^=JavaScript] {
	background:transparent url(condition-button.gif) no-repeat bottom left;
	width:16px;
	height:16px;
	display:block;
}

/*Interior Right Side Column*/
td#RightColumn {
	width:0;
	background-color:transparent;
	color:#333;
	vertical-align:top;
	text-align:left;
	padding:0;
	margin:0;
}

#rbox {
	width:268px;
	min-height:148px;
	height:auto!important;
	height:148px;
	background-color:#FFF;
	border:1px solid #DADAC3;
	margin:20px 0 0 10px;
	padding:5px;
	color:#333;
}

#profile {
	margin-left:-5px;
	width:276px;
	height:138px;
}

#profile p {
	padding:40px 80px 5px 25px;
	line-height:14px;
}

#testimony,#virtualtour,#condition,#healthday,#links {
	margin-left:-5px;
	width:276px;
	padding-top:30px;
}

#testimony p,#virtualtour p,#condition p,#healthday p {
	padding:0 5px 5px 10px;
}

#condition table {
	margin-left:10px;
}

#testimony img {
	border:1px solid #333;
	margin:5px 5px 0;
}

#testimony {
	background:transparent url(bg-testimony.gif) no-repeat top;
}

#virtualtour {

	background:transparent url(bg-virtualtour.gif) no-repeat top;
}

#condition {
	background:transparent url(bg-conditionfinder.gif) no-repeat top;
}

#healthday {
	background:transparent url(bg-healthday.gif) no-repeat top;
}

#links {
	background:transparent url(bg-links.gif) no-repeat top;
}

#links ul {
	margin-left:15px;
}

/*------------------------------------------------------------------
[Syndication]
*/
span#hmSyndArea03 {
	display:none;
}

div#SyndArea03 {
	margin:0;
	padding:0;
	vertical-align:top;
	text-align:left;
	clear:both;
}

div#hmSyndArea04 {
	color:#333;
	clear:both;
	text-align:left;
}

div#SyndArea04 {
	display:block;
	font:inherit;
	color:#333;
	width:auto;
	margin:0;
	padding:0;
	list-style:square inside;
	clear:both;
}

div#hmSyndArea05 {
	font:11px Arial, sans-serif;
	line-height:17px;
	color:#333;
	margin:0;
	padding:0;
	clear:both;
	text-align:center;
}

div#SyndArea05 {
	font:11px Arial, sans-serif;
	line-height:16px;
	color:#333;
	width:auto;
	margin:0 0 5px;
	padding:0 4px;
	list-style:square inside;
	clear:both;
}

div#hmSyndArea06 {
	margin:20px 0 0 20px;
	color:inherit;
	font:11px Arial, sans-serif;
	line-height:18px;
}

#hmSyndArea06 p {
	font:11px Arial, sans-serif;
	line-height:18px;
}

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

#hmSyndArea06 li {
	margin-left:15px;
	list-style:square outside;
}

div#SyndArea06 {
	font:12px Arial, sans-serif;
	line-height:16px;
	color:#333;
	width:auto;
	margin:0 0 5px;
	padding:0 4px;
	list-style:square inside;
	clear:both;
}

div#hmSyndArea07 {
	font:11px Arial, sans-serif;
	line-height:17px;
	background-color:transparent;
	color:#333;
	margin:0;
	padding:0;
	clear:both;
	text-align:left;
}

span#SyndArea07 {
/* Footer for interior */
	width:100%;
	color:#333;
	font:11px Arial, sans-serif;
	line-height:18px;
}

span#hmSyndArea08 {
/*Footer for homepage */
	width:100%;
	color:#333;
	font:11px Arial, sans-serif;
	line-height:18px;
}

/*------------------------------------------------------------------
[Search]
*/
div.SearchBlock {
	background-color:transparent;
	color:#FFF;
	margin:0;
	padding:0;
	width:350px;
	height:50px;
	text-align:left;
	vertical-align:text-top;
	display:block;
	clear:none;
	position:absolute;
	top:80px;
	left:630px;
}

div.LabelSearch {
	display:none;
}

div.SearchDrop {
	display:block;
	text-align:left;
	margin:0 2px;
	padding:0;
	clear:none;
	float:left;
	width: 170px;
}

select.SearchDrop {
	background-color:#FFF;
	font:11px Arial, sans-serif;
	margin:0 2px;
	padding:0;
	width: 170px;
}
div.LabelFor {
	display:none;
	font:bold 11px Arial, sans-serif;
	color:#FFF;
	margin:0 2px;
	padding:0;
	text-align:right;
	float:left;
}

div.SearchTextbox {
	display:inline;
	text-align:left;
	margin:1px 2px 0;
	padding:0;
	float:left;
}

input.SearchTextbox {
	background-color:#FFF;
	font:11px Arial, sans-serif;
	margin:0;
	padding:0;
	width:120px;
}

div.goButton {
	display:block;
	width:25px;
	text-decoration:none;
	padding:2px 1px;
	margin:0 0 0 2px;
	text-align:center;
	font:bold 13px Arial, sans-serif;
	text-transform:uppercase;
	color:#FFF;
	background-color:#00778A;
	float:left;
	cursor:pointer;
	clear:none;
}

div.goButton:Hover {
	background-color:#7AC142;
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
}

/*------------------------------------------------------------------
[Footer]
*/
table#Footer {
	width:960px;
	height:auto;
	background:#bbdc9b url() no-repeat top;
	position:relative;
	left:0;
	margin:0;
	padding:0;
	border:none;
}
#FooterContainer {
	width:960px;
	padding:0;
	margin-top:20px;
}
#FooterColumn {
	width:300px;
	padding:0 0 20px;
	float:left;
	color:#333;
	font:12px Arial, sans-serif;
}
#FooterColumn a:link,#FooterColumn a:active,#FooterColumn a:visited {
	color:#333;
	text-decoration:none;
}
#FooterColumn a:hover {
	color:#FFF;
	text-decoration:none;
}
#FooterColumn ul,#FooterColumn li {
	list-style:square inside;
	color:#00778A;
	line-height:18px;
}
#FooterColumn p {
	color:#333;
	font:12px Arial, sans-serif;
	line-height: 16px;
}
div#AffiliateCell {
	position:absolute;
	bottom:145px;
	left:32px;
	display:inline;
	font:11px Arial, sans-serif;
	color:#333;
	line-height:18px;
	text-align:left;
	vertical-align:top;
	margin:0;
	padding:0;
	width:300px;
	background-color:transparent;
	float:none;
	overflow:hidden;
}

.AffiliateHead {
	font:bold 12px Arial, sans-serif;
	color:#333;
	text-decoration:none;
}

.AffiliateText {
	font:12px Arial, sans-serif;
	line-height:18px;
	color:#333;
	text-decoration:none;
}

a.AffiliateText:Link,a.AffiliateText:Visited {
	color:#FFF;
	text-decoration:none;
}

a.AffiliateText:Link:Hover,a.AffiliateText:Visited:Hover {
	color:#FFF;
	text-decoration:underline;
}

div#SendPrintCell {
	position: relative;
	top: -330px;
	float: left;
	margin-left: 140px;
}
a:link.SendPrintText, a:active.SendPrintText, a:visited.SendPrintText {
	color:#333;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;}

a:hover.SendPrintText, a:visited:hover.SendPrintText {
	color:#333;
	text-decoration:none;
}
.PrinterIcon {display:none;} /* Hide Print Page icon */

div#SendPrintCell center {
	}

table.OuterTable {
	display:inline;
	clear:none;
	float:none;
	white-space:nowrap;
	margin:0 auto;
}

div#CopyrightCell {
	display:none;
}

.CopyrightLogo {
	background:#FFF url(/cpm/ehcCustomCopyright.gif) no-repeat right top;
	margin:0;
	padding:0;
	width:240px;
	height:25px;
	border:none;
	text-align:left;
	float:left;
	clear:right;
}

.CopyrightText div {
	font:11px Arial, sans-serif;
	line-height:18px;
	text-align:left;
	color:#333;
}

.CopyrightText {
	font:12px Arial, sans-serif;
	line-height:18px;
	color:#333;
	text-decoration:none;
	margin:0;
	padding:0;
	text-align:left;
}

a.CopyrightText:Link,a.CopyrightText:Visited {
	font:12px Arial, sans-serif;
	color:#333;
	text-decoration:none;
}

a.CopyrightText:Link:Hover,a.CopyrightText:Visited:Hover {
	color:#FFF;
	text-decoration:underline;
}

.ClearClass {
	clear:both;
}

/*------------------------------------------------------------------
[Advertisements/Misc]
*/
td#ImageRow {
/*Homepage Large Image below nav*/
	display:none;
}

/* Women's Care sprites */
.button1, .button2, .button3, .button4,
.button5, .button6, .button7, .button8{  
    float: left;
	position:relative;  
    display:block;  
    height: 280px;  
    width: 88px;  
    background-position: top;  
}  
.button1 {background:url(charm-bg-1.gif);}
.button2 {background:url(charm-bg-2.gif);}
.button3 {background:url(charm-bg-3.gif);}
.button4 {background:url(charm-bg-4.gif);}
.button5 {background:url(charm-bg-5.gif);}
.button6 {background:url(charm-bg-6.gif);}
.button7 {background:url(charm-bg-7.gif);}
.button8 {background:url(charm-bg-8.gif); width: 94px !important;}


.button1:hover, .button2:hover, .button3:hover, .button4:hover,
.button5:hover, .button6:hover, .button7:hover, .button8:hover {   
    position: relative;  
    display: block;  
    height: 280px;  
    width: 88px; 
    background-position: bottom !important;  
}  
.button1:hover {background: url(charm-bg-1.gif) no-repeat;}
.button2:hover {background: url(charm-bg-2.gif) no-repeat;}
.button3:hover {background: url(charm-bg-3.gif) no-repeat;}
.button4:hover {background: url(charm-bg-4.gif) no-repeat;}
.button5:hover {background: url(charm-bg-5.gif) no-repeat;}
.button6:hover {background: url(charm-bg-6.gif) no-repeat;}
.button7:hover {background: url(charm-bg-7.gif) no-repeat;}
.button8:hover {background: url(charm-bg-8.gif) no-repeat; width: 94px !important;}