/*  Layout.xsl
	This file should contain any CSS that is used to render the layout,
	structure, and style of the page.  eWebEditPro will not see this file,
	so CSS that is specific to the editable content areas should go in the
	appropriate site-specific CSS file.
*/

html { overflow-y: scroll; } /* normalize presence of scrollbars */
body { text-align: center; background-image: url('/images/Layout/bg_opage.gif'); background-repeat: repeat-x; font-size: 12px; 
	font-family: Helvetica, Verdana, Arial, sans-serif; color: #505C64; margin: 0; padding: 0; } /* Center the layout on the page    */
body.HP { text-align: center; background-image: url('/images/Layout/bg.gif'); background-repeat: repeat-x; font-size: 12px; 
	font-family: Helvetica, Verdana, Arial, sans-serif; color: #505C64; margin: 0; padding: 0; } /* Center the layout on the page    */
#doc1 {
	width: 974px;
	margin: auto;
	text-align: left;
}

/** Page Grid (golden mean):
  * 974px: Total page
  * 565px: Main
  * 214px: Left
  * 175px: Right
  *
  * 10px gutter between all sections (not including page edges)
  * Gutter handled using padding. Margin could also be used.
  * Remember to adjust width if adjusting padding/margin!!
  *
  * LMR = Left, Middle, Right
  * LM  = Left, Middle
  *  MR =       Middle, Right
  *  M  =       Middle
  */
.grid_LMR #grid_container { float: right; width: 750px; }
.grid_LMR #grid_Main      { width: 543px; padding: 10px; background-color: #fff; border-left: 1px solid #becad1; border-right: 1px solid #becad1; }
.grid_LMR #grid_Right     { padding: 10px; background-color: #efefef ; border-left: 1px solid #ced3d6; border-right: 1px solid #ced3d6; }
.grid_LMR #grid_Left      { float: left;  width: 189px; padding: 0 10px 10px 25px; }

.grid_LM  #grid_Main      { width: 703px; background-color: #fff; border-left: 1px solid #becad1; border-right: 1px solid #becad1; padding: 5px 10px; }
.grid_LM  #grid_Left      { float: left;  width: 200px; padding-right: 5px; padding-left: 25px; }

.grid_MR  #grid_Main      { float: left;  width: 825px; padding-right: 5px; background-color: #fff; border-left: 1px solid #becad1; border-right: 1px solid #becad1; }
.grid_MR  #grid_Right     { background-color: #efefef ; border-left: 1px solid #ced3d6; border-right: 1px solid #ced3d6; }

.grid_M   #grid_Main      { width: 950px; background-color: #fff; border-left: 1px solid #becad1; border-right: 1px solid #becad1; padding: 5px 10px; }

#hd, #bd, #ft { clear: both; }

#wrapper { float: left; padding: 0 10px 0 0; width: 565px; }
#inner_wrapper { background-image: url('/images/Layout/maincontent_top.gif'); background-repeat: no-repeat; padding-top: 10px; }
#wrapper_right { background-image: url('/images/Layout/news_wrappertop.gif'); background-repeat: no-repeat; float: right; width: 175px; padding-top: 10px; }

.grid_LM #wrapper { float: right; padding: 0; width: 725px; }
.grid_LM #inner_wrapper { background-image: url('/images/Layout/maincontent_topnoright.gif'); background-repeat: no-repeat; padding-top: 11px; }

.grid_M #wrapper { padding: 0; width: 972px; }
.grid_M #inner_wrapper { background-image: url('/images/Layout/maincontent_topM.gif'); background-repeat: no-repeat; padding-top: 11px; }

/** Universal **/

a, 
a:link,
a:visited { color: #4896CB; text-decoration: none; }
a:hover { color: #006aac; text-decoration: underline; }

hr { height: 1px; border: none; border-top: 1px solid #006AAC; margin: 5px 0; padding: 0; }

/*** Homepage ***/
.HP table td { border: 0; vertical-align: top; }
.HP #layout_Breadcrumbs,
.HP h1.page_title { display: none; }
.HP .base h1 { margin: 0; padding: 0 0 13px 0; }

/** Homepage Banner **/
.banner { padding: 0; margin: 0 0 10px 0; float: left; background-color: #002F65; width: 750px; height: 90px; }

/*** Header ***/
#hd { padding: 7px 0 3px 0; height: 167px; }
#hd_right { float: right; width: 775px; }
#layout_Logo { float: left; padding: 0 13px 31px 0; margin: 0; }
#quicklinks { height: 19px; margin: 0; padding: 8px 0 8px 596px; *padding: 10px 0 10px 586px; }
#quicklinks select { height: 19px; }
#promo_menu { clear: both; height: 33px; padding-top: 2px; width: 974px; }
#promo_menu ul { height: 33px; }
#promo_menu li { float: left; display: inline; padding: 0; margin-right: 10px; height: 33px; }
#promo_menu li a { height: 24px; color: #01416c; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold;
	text-decoration: none; display: block; }
#user_App { text-align: right; }
#hd .perform_search { padding: 0 0 0 493px; margin:0; height: 24px; }
#hd .perform_search form ul { margin: 0; padding: 0; }
#hd .perform_search li { display: inline; float: left; padding: 0 0 0 5px; width: 207px; }
#hd .perform_search #search_text { font-weight: bold; color: #014675; line-height: 22px; padding-right: 5px; width: 50px; }
#hd .searchbox_empty { border: 1px solid #CFE4F6; color: #0397D7; padding: 2px; font-size: 13px; float: left; }
#hd .search_btn { overflow: visible; display: block; float: left; font-weight: bold; height: 22px; line-height: 22px; text-align: center; width: 42px; }
#hd #layout_SearchField { height: 16px; padding: 2px 3px 2px 8px; border: 1px solid #CFE4F6; color: #0397D7; }

#promo_menu li.carney { width: 121px; }
#promo_menu li.goodsam { width: 195px; }
#promo_menu li.holy { width: 134px; }
#promo_menu li.norwood { width: 122px; }
#promo_menu li.saintanne { width: 138px; }
#promo_menu li.steliz { width: 195px; }

.HP .carney a { background-image: url('/images/Layout/carney_tab.gif'); background-repeat: no-repeat; padding: 10px 16px 0 16px; }
.HP .carney a:hover { background-image: url('/images/Layout/carney_tabroll.gif'); background-repeat: no-repeat; padding: 10px 16px 0 16px; }
.HP .goodsam a { background-image: url('/images/Layout/goodsam_tab.gif'); background-repeat: no-repeat; padding: 10px 8px 9px 8px; }
.HP .goodsam a:hover { background-image: url('/images/Layout/goodsam_tabroll.gif'); background-repeat: no-repeat; padding: 10px 8px 9px 8px; }
.HP .holy a { background-image: url('/images/Layout/holy_tab.gif'); background-repeat: no-repeat; padding: 10px 11px 9px 11px; }
.HP .holy a:hover { background-image: url('/images/Layout/holy_tabroll.gif'); background-repeat: no-repeat; padding: 10px 11px 9px 11px; }
.HP .norwood a { background-image: url('/images/Layout/norwood_tab.gif'); background-repeat: no-repeat; padding: 10px 11px 9px 11px;; }
.HP .norwood a:hover { background-image: url('/images/Layout/norwood_tabroll.gif'); background-repeat: no-repeat; padding: 10px 11px 9px 11px;; }
.HP .saintanne a { background-image: url('/images/Layout/anne_tab.gif'); background-repeat: no-repeat; padding: 10px 9px 9px 9px;; }
.HP .saintanne a:hover { background-image: url('/images/Layout/anne_tabroll.gif'); background-repeat: no-repeat; padding: 10px 9px 9px 9px; }
.HP .steliz a { background-image: url('/images/Layout/eliz_tab.gif'); background-repeat: no-repeat; padding: 10px 14px 9px 14px; }
.HP .steliz a:hover { background-image: url('/images/Layout/eliz_tabroll.gif'); background-repeat: no-repeat; padding: 10px 14px 9px 14px; }

.carney a { background-image: url('/images/Layout/carneyopage_tab.gif'); background-repeat: no-repeat; padding: 10px 16px 0 16px; }
.carney a:hover { background-image: url('/images/Layout/carneyopage_tabroll.gif'); background-repeat: no-repeat; padding: 10px 16px 0 16px; }
.goodsam a { background-image: url('/images/Layout/goodsamopage_tab.gif'); background-repeat: no-repeat; padding: 10px 8px 9px 8px; }
.goodsam a:hover { background-image: url('/images/Layout/goodsamopage_tabroll.gif'); background-repeat: no-repeat; padding: 10px 8px 9px 8px; }
.holy a { background-image: url('/images/Layout/holyopage_tab.gif'); background-repeat: no-repeat; padding: 10px 11px 9px 11px; }
.holy a:hover { background-image: url('/images/Layout/holyopage_tabroll.gif'); background-repeat: no-repeat; padding: 10px 11px 9px 11px; }
.norwood a { background-image: url('/images/Layout/norwoodopage_tab.gif'); background-repeat: no-repeat; padding: 10px 11px 9px 11px;; }
.norwood a:hover { background-image: url('/images/Layout/norwoodopage_tabroll.gif'); background-repeat: no-repeat; padding: 10px 11px 9px 11px;; }
.saintanne a { background-image: url('/images/Layout/anneopage_tab.gif'); background-repeat: no-repeat; padding: 10px 9px 9px 9px;; }
.saintanne a:hover { background-image: url('/images/Layout/anneopage_tabroll.gif'); background-repeat: no-repeat; padding: 10px 9px 9px 9px; }
.steliz a { background-image: url('/images/Layout/elizopage_tab.gif'); background-repeat: no-repeat; padding: 10px 14px 9px 14px; }
.steliz a:hover { background-image: url('/images/Layout/elizopage_tabroll.gif'); background-repeat: no-repeat; padding: 10px 14px 9px 14px; }

/*** Left Nav ***/
#grid_Left ul.T2 { margin: 10px 0 0 20px; }
#grid_Left li { list-style: disc; margin: 0; padding: 0 0 15px 0; color: #006CB6; } 
#grid_Left li.T2 { list-style: none; padding: 0 0 3px 0; }
#grid_Left li.T2 ul { margin: 5px 0 0 20px; }
#grid_Left li.T2 ul li { padding-bottom: 3px; }
#grid_Left li a,
#grid_Left li a:link,
#grid_Left li a:visited { color: #000; font-weight: bold; font-size: 11px; }
#grid_Left li a:hover { color: #0a4580; text-decoration: none; }
#grid_Left li.T2 a,
#grid_Left li.T2 a:link,
#grid_Left li.T2 a:visited { font-weight: normal; }

/*** Right Rail ***/
#grid_Right .base { margin-top: 10px; }
#grid_Right .Generated_TopNewsAlert ol { margin: 0; padding: 0; }
#grid_Right .base p { font-size: 10px; }
#grid_Right .base h2.promoHeader {
	color:#272727;
	font-size:11px;
	margin-top:0;
	padding-top: 0; 
	text-align: left;
}
#grid_Right .base h2 a { color: #272727; }

/*** Body ***/ 
#layout_Breadcrumbs { font-size: 10px; } 
.gradientheader {
	background-image:url('/images/imp_carney/Rebrand/h3_gradient.jpg');
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:29px;
	line-height:29px;
	padding:6px 320px 6px 6px;
}
#OTH000219 #grid_Main { background-image: url('/images/imp_christi/Layout/landingpage.jpg'); background-repeat: no-repeat; background-position: center bottom; height: 700px; }
.latest {
	background:url("/images/imp_christi/latestPost.jpg") no-repeat scroll left top #EBF2F7;
	border:1px solid #DADADA;
	padding:40px 10px 10px;
}
#ForProfessionals td { padding: 0; }

/*** Footer ***/
#ft      { clear: both; padding: 13px; text-align: center; }
#ft a,
#ft a:link,
#ft a:visited { color: #006cb6; font-size: 11px; font-weight: bold; }
#ft a#pb_link,
#ft a#pb_link:link,
#ft a#pb_link:visited,
#ft a#pb_link:hover { color: #e0e0e0; font-size: 9px; line-height: 30px; }

/** Forms **/
.FormError { background-color: red; color: white; }

/** Top Menu, including T1 with T2 drop-downs
  * Remove this whole section if there is no top menu!
  * Aside from the width, every style here is purely structural.
  * This is just to get the list horizontal and have things line up
  * when the drop-down occurs. Do appearance styling below these.
  **/
#layout_TopMenu       { clear: both; overflow: auto; }
#layout_TopMenu ul    { list-style: none; }
#layout_TopMenu ul.T2 { position: absolute; display: none; width: 160px; }
#layout_TopMenu li:hover ul.T2,
#layout_TopMenu li.hover ul.T2 { display: block; }
#layout_TopMenu li { list-style: none; display: inline; float: left; width: 160px; }
#layout_TopMenu a { display: block; }
#bd select.hover  { visibility: hidden; }

#layout_TopMenu {
	padding: 0; 
	margin: 0; 
	width:790px;
}
#layout_TopMenu ul { 
	list-style:none outside none;
	margin:0;
	padding:0;
}
#layout_TopMenu ul li {
	background-image:url("/images/Layout/topNav_btn.gif");
	background-repeat:no-repeat;
	display:inline;
	float:left;
	height:32px;
	line-height:32px;
	margin:0 3px;
	padding:0;
	text-align:left;
	width:122px;
}
#layout_TopMenu ul li a {
	color:#01416C;
	display:block;
	font:bold 12px/32px Helvetica,Verdana,Arial,sans-serif;
	text-align:center;
	text-decoration:none;
}
#layout_TopMenu ul ul {
	background-color:#FFFFFF;
	background-image:url("/images/Layout/dropdown_bg.gif");
	background-repeat:repeat-x;
	border:1px solid #DDDDDD;
	display:none;
	position:absolute;
	width:200px;
	z-index:10;
}
#layout_TopMenu li:hover ul,
#layout_TopMenu li.hover ul{
	display: block;
}
#layout_TopMenu ul ul,
#layout_TopMenu ul ul li {
	background-image:none;
	float:none;
	margin:0;
	padding:0;
}
#layout_TopMenu ul ul li a {
	background-color:transparent;
	color:#01416C;
	font-size:11px;
	font-weight:normal;
	line-height:12px;
	margin:0;
	padding:6px;
	text-align:left;
}

/*! Apply base styles to editable components
  * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  * Code licensed under the BSD License:
  * http://developer.yahoo.net/yui/license.txt
  * version: 2.6.0
  * Patch: added namespace
  **/
.base h1 { font-size: 18px; padding: 13px 0; font-weight: bold; color: #01416C; }
.base h2 { font-size: 16px; padding: 10px 0; font-weight: bold; color: #01416C; }
.base h3 { font-size: 14px; padding: 8px 0; font-weight: bold; color: #01416C; }
.base h4 { font-size: 12px; font-weight: bold; color: #01416C; }
.base h5 { font-size: 12px; font-weight: bold; color: #01416C; }
.base h6 { font-size: 12px; font-weight: bold; color: #01416C; }

h1.page_title { padding-top: 0; margin-top: 0; }

.HP #grid_Right .base h1 { font-size: 14px; padding: 0 0 13px 0; font-weight: bold; color: #272727; text-align: center; }
.HP #grid_Right .base h2 { font-size: 13px; padding: 0 0 10px 0; font-weight: bold; color: #272727; text-align: center; }
.HP #grid_Right .base h3 { font-size: 13px; padding: 0 0 8px 0; font-weight: bold; color: #272727; text-align: center; }
.HP #grid_Right .base h4 { font-weight: bold; color: #272727; text-align: left; font-size: 11px; margin-bottom: 10px; }
.HP #grid_Right .base h5 { font-weight: bold; color: #272727; text-align: center; }
.HP #grid_Right .base h6 { font-weight: bold; color: #272727; text-align: center; }

#grid_Right .base h2.promoHeader {
	color:#000000;
	font-size:11px;
	margin-top:0;
	padding-top: 0; 
	text-align: left;
}

#grid_Right h1 { font-size: 14px; padding: 0 0 13px 0; font-weight: bold; color: #01416C; }
#grid_Right h2 { font-size: 13px; padding: 0 0 10px 0; font-weight: bold; color: #01416C; }
#grid_Right h3 { font-size: 13px; padding: 0 0 8px 0; font-weight: bold; color: #01416C; }
#grid_Right h4 { font-weight: bold; color: #01416C; }
#grid_Right h5 { font-weight: bold; color: #01416C; }
#grid_Right h6 { font-weight: bold; color: #01416C; }

#grid_Main h4.promoHeader { clear: both; }

#grid_Right,
#grid_Right p,
#grid_Right li,
#grid_Right table { font-size: 11px; }
#grid_Right ul,
#grid_Right ol,
#grid_Right dt { margin-left: 13px; }
#grid_Right li { padding-bottom: 5px; }

.base strong { font-weight: bold; }
.base abbr,
.base acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}
.base em  { font-style: italic; }
.base del { text-decoration: line-through; }
.base blockquote { margin: 13px; }
.base ul,
.base ol,
.base dl { margin: 10px 13px 13px 26px; }
.base ol li { list-style: decimal outside; }
.base ul li { list-style: disc outside; }
.base dl dd { margin-left:13px; }
.base th,
.base td {
	border: none;
	padding: 8px;
}
.base th {
	font-weight: bold;
	text-align: center;
}
.base caption {
	margin-bottom: 8px;
	text-align: center;
}
.base p,
.base fieldset,
.base table,
.base pre {
	margin-bottom: 8px;
}
.base fieldset { border: 1px solid #01416C; padding: 10px; }
.base legend { color: #01416C; font-weight: bold; padding: 0 10px; }
.base input[type=text],
.base input[type=password],
.base textarea {
	width: 159px;
}


/* Style for eCards */
.eCardForm td, .eCardForm th {
	border: 0;
	text-align: left;
	padding: 5px;
	vertical-align: top;
}

.eCardForm th {
	background-color:#B1B2B5;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	margin-bottom:3px;
}

.eCardForm p {
	margin-bottom: 2px;
}

.no_border td { border: none; }

.wtnIcon { 
	border:0 none;
	margin:0 8px 1px 0;
	padding:0;
}

/** Locations Page OTH000202 **/
/** Maps and Directions **/
#bd .promo_box { width: 222px; padding: 0; border: none; }
#bd table.noborder td { padding: 4px; }
#bd .promo_box tr.promo_header { background-image: url('/images/imp_christi/Rebrand/promobox_header.gif'); background-repeat: no-repeat; 
	height: 35px; width: 222px; color: #fff; }
#bd .promo_box tr.promo_footer { background-image: url('/images/imp_christi/Rebrand/promobox_footer.gif'); background-repeat: no-repeat; 
	height: 8px; width: 222px; }
#bd .promo_box tr.promo_picture td { width: 220px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background-color: #e3e4e5; 
	padding: 0; }
#bd .promo_box tr.promo_body td { width: 220px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background-color: #e3e4e5; 
	padding: 13px 13px 7px 13px; }
#bd .promo_box tr.promo_header td { width: 222px; padding: 0 0 0 9px; font-weight: bold; color: #fff; font-size: 13px; line-height: 32px; }
#bd .promo_box tr.promo_footer td { width: 222px; }
#bd .promo_box tr.promo_picture td img { padding: 0; }
#bd .promo_box tr.promo_body td ul { margin: 0 0 0 13px; }
#bd .promo_box tr.promo_body td li { color: #00529c; }
#bd .promo_box tr.promo_body td h3 { margin-top: 0; padding: 0; font-size: 13px; }
#bd .promo_box tr.promo_body td p img { padding-bottom: 0; }
#bd .promo_box tr.promo_body td form,
#bd .promo_box tr.promo_body td form select { width: 180px; font-size: 13px; }
#bd .promo_box tr.promo_body td form select { width: 180px; }
#bd .promo_box tr.promo_body td form .layout_searchDoc { width: 150px; }
#bd .promo_box tr.promo_body td form input.last_name { width: 190px; margin-bottom: 3px; font-size: 13px; }
#bd table .promo_box { border-spacing: 0px; }

ul#UpcomingEvents { margin: 0; }
ul#UpcomingEvents li { padding-bottom: 10px; }


#WTN002403 #grid_Main {
	background: #FFFFFF url('../images/imp_christi/Layout/landingpage.jpg') no-repeat scroll center bottom;
	height:750px;
}

.EVC menu.ft {
	margin: 10px auto 10px auto; 
	height: 24px; 
	width: 420px; 
	padding: 0; 
}
.EVC menu.ft li {
	display: inline;
	float: left; 
	margin-right: 10px;
	height: 24px;
}

.EVC menu.ft li a {
	font-weight: bold;
	text-decoration: none;
	font-size: 88%;  
	padding: 4px 0; 
	background-color: #EFF7FF;
	border: 1px solid #ccc; 
	text-align: center;
	display: block;
	width: 60px; 
}