/*  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.jpg'); background-repeat: repeat-y; background-color: #8DA9B5; } /* Center the layout on the page    */
#doc1 {
	width: 1032px;
	margin: auto;
	text-align: left;
}

/** Page Grid (golden mean):
  * 997px: Total page
  * 602px: Main
  * 230px: Left
  * 142px: 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_Top { width: 808px; float: left; }
.grid_LMR #grid_Main      { float: left;  width: 606px; }
.grid_LMR #grid_Left      { float: left;  width: 190px; padding-right: 10px; padding-top: 10px; }

.grid_LM  #grid_Main      { float: left; width: 606px; }
.grid_LM  #grid_Left      { float: left;  width: 190px; padding-right: 10px; padding-top: 10px; }

.grid_MR  #grid_Main      { float: left;  width: 808px; }

#grid_Right     { float: right; width: 181px; padding-left: 8px; }

.grid_M   #grid_Main      { width: 974px; }

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

/*** Universal ***/
a,
a:link,
a:visited { color: #444c77; text-decoration: none; }
a:hover { text-decoration: underline; }
div.base h1 { color: #192d45;}
div.base h2,
div.base h4,
div.base h5,
div.base h6 { color: #192d45; font-weight: bold; }
div.base h3 { color: #578C92; font-weight: bold; } /** client requested color change to h3 only 11/16/09 **/
#layout_Breadcrumbs,
#layout_Breadcrumbs a,
#layout_Breadcrumbs span { font-size: 90%; font-weight: bold; }

/** Special Classes for the Client **/
.Teal { color: #578c92; }
.Periwinkle { color: #3a4166; }

/*** Homepage ***/
#HomePage #layout_Breadcrumbs,
#HomePage h1.page_title { display: none; }
#HomePage h1 { color: #792f2f; margin: 0 0 10px 0; }
#HomePage h1 .indent { margin-left: 25px; }
#flash_banner { width: 732px; float: left; }
#HomePage #grid_Main { background-image: url('/images/HomePage/homemain_t.gif'); background-repeat: no-repeat; padding: 17px 0 0 0; width: 732px; margin: 10px 0 10px 0; }
#HomePage .wrapper_Main { margin: 0; padding: 0; width: 732px; }
#HomePage .content_Main { margin: 0; background-color: #fff; border-left: 5px solid #e6e2d6; border-right: 5px solid #e6e2d6; padding: 5px 15px 0 15px; }
#HomePage #user_Right,
#HomePage #grid_Right,
#HomePage #quicklinks,
#HomePage #todays_Health { background-image: url('/images/HomePage/homecall_t.gif'); background-repeat: no-repeat; padding: 14px 0 0 0; width: 244px; margin: 0 0 0 0; clear: right; float: right; }
#HomePage .wrapper_Right { margin: 0; padding: 0; width: 244px; }
#HomePage .content_Right { margin: 0; background-color: #fff; border-left: 5px solid #e6e2d6; border-right: 5px solid #e6e2d6; padding: 5px 10px; }
#HomePage #grid_Right .content_Right { padding: 0; }
#HomePage #grid_Right .base table { margin: 0; }
#HomePage #grid_Right .base table td { border: 0; padding: 0 5px; }
#HomePage #user_Right .content_Right { padding: 0 0 0 25px; }
#HomePage #user_Right .content_Right img { float: none; }
#newsevents_box div.news_list,
#newsevents_box div.events_list,
#newsevents_box div.break_list { display: inline; float: left; width: 215px; }
#newsevents_box div.news_list { padding-right: 10px; border-right: 2px dotted #98918d; }
#newsevents_box div.events_list { padding: 0 10px; border-right: 2px dotted #98918d; }
#newsevents_box div.break_list { padding-left: 10px; }
.base .news_list ul li { padding: 2px 5px 0 5px; }
.base .news_list ul li.firstwtn { background-color: #eff6f2; border: 3px solid #cddfd4; }
.base .events_list ul li .date,
.base .news_list ul li .date,
.base .break_list ul li .date { font-size: 85%; font-weight: bold; }
.base .news_list ul li .description { font-size: 85%; margin-top: 3px; }
#HomePage #quicklinks .content_Right { text-align: right; padding: 5px 30px 5px 10px; }
#quicklinks h3 { font-size: 140%; font-weight: bold; color: #578c92; margin-bottom: 10px; }
#quicklinks a:link,
#quicklinks a:visited,
#quicklinks a:hover { font-weight: bold; }
#quicklinks a { font-size: 90%; }
#right_Column { float: right; width: 244px; }
#HomePage #todays_Health .content_Right { padding: 0 5px; }
#HomePage .yui-carousel .yui-carousel-item-selected { border:none; margin:0px; }
#HomePage .yui-skin-sam .yui-carousel, #HomePage .yui-skin-sam .yui-carousel-vertical { border:none; }
#Homepage .yui-carousel-content, #carousel { width: 732px !important; }
.base #newsevents_box ul { margin: 10px 10px 10px 25px; }
.homecall_b { 
	background-image: url('/images/HomePage/homecall_b.gif');
	background-repeat: no-repeat; 
	width: 244px;
	height: 14px; 
	float: right; 
	padding-bottom: 10px;
}


/*** Header ***/
#hd          { padding: 10px 25px 0px 10px; margin:0; background-image: url('/images/Layout/hd_bg.jpg'); background-repeat: no-repeat; width: 997px; height: 110px; }
#hd a:hover { color: #f4eaa7; text-decoration: none; }
#layout_Logo { float: left; margin: 0 13px 5px 0; }
#layout_TopNav { float: right; padding-bottom: 15px; }
#layout_TopNav li { display: inline; float: left; padding: 0 5px; border-right: 1px solid #444c77; }
#layout_TopNav a { font-weight: bold; font-size: 11px; }
.perform_search { padding: 4px 5px 7px 0; float: right; clear: right; }
.searchbox_empty { border: 1px solid #7f9db9; color: #000; padding: 2px; font-size: 13px; float: left; }
.search_btn { overflow: visible; display: block; float: left; font-weight: bold; height: 25px; line-height: 22px; margin-left: -1px; text-align: center; width: 42px; }
#layout_SearchField { height: 17px; padding: 4px 3px 2px 8px; border: 1px solid #7f9db9; color: #444c77; font-weight: bold; }

/*** Left Column ***/
#grid_leftMenu,
#grid_leftCallouts { background-image: url('/images/Layout/secondary_leftmenuT.gif'); background-repeat: no-repeat; padding: 9px 0 0 0; width: 190px; margin: 0 0 10px 0; }
.wrapper_leftMenu,
.wrapper_leftCallouts { margin: 0; padding: 0; width: 190px; }
.content_leftMenu,
.content_leftCallouts { margin: 0; background-color: #fff; border-left: 5px solid #e6e2d6; border-right: 5px solid #e6e2d6; padding: 5px 10px; }

#grid_leftMenu ul { margin: 0; }
#grid_leftMenu li { padding: 0 0 5px 0; list-style: none; }
#grid_leftMenu li a,
#grid_leftMenu li a:link { color: #444C77; font-weight: bold; }
#grid_leftMenu li.Current.Active a,
#grid_leftMenu li.Current.Active a:link { color: #444; }
#grid_leftMenu ul.Current.Active li a,
#grid_leftMenu ul.Current.Active li a:link,
#grid_leftMenu ul.T3 li a,
#grid_leftMenu ul.T3 li a:link { color: #6b9a9f; }
#grid_leftMenu ul.T4 li a,
#grid_leftMenu ul.T4 li a:link
#grid_leftMenu .Current.Active ul.T4 li a,
#grid_leftMenu .Current.Active ul.T4 li a:link { color: #6E79B9; }
#grid_leftMenu .T2 ul { padding-left: 15px; }
#grid_leftMenu .T2 ul.T3Active { margin-top: 10px; }
.leftmenu_b {
	background-image: url('/images/Layout/secondary_leftmenuB.gif');
	background-repeat: no-repeat;
	width: 190px;
	height: 13px;
	float: right;   
}


/*** Right Column ***/
#quicklinks { background-image: url('/images/Layout/secondary_rightcolT.gif'); background-repeat: no-repeat; padding: 9px 0 0 0; width: 176px; margin: 10px 0 0 0; }
#user_Right { background-image: url('/images/Layout/secondary_rightcolT.gif'); background-repeat: no-repeat; padding: 9px 0 0 0; width: 176px; }
.grid_callouts { background-image: url('/images/Layout/secondary_rightcolT.gif'); background-repeat: no-repeat; padding: 9px 0 0 0; width: 176px; }
.wrapper_Right { margin: 0; padding: 0; width: 176px; }
.content_Right { margin: 0; background-color: #fff; border-left: 5px solid #e6e2d6; border-right: 5px solid #e6e2d6; padding: 5px 15px; }
#user_Right .content_Right { padding: 0px; }
#user_Right .content_Right img { float: left; }
#quicklinks .content_Right { text-align: right; }
.grid_callouts .content_Right { padding: 5px;}
.healthcall_button,
.organdonor_button,
.donate_button,
.rxrefill_button { margin-bottom: 10px; }

#OTH000092 .organdonor_button,
#OTH000092 .donate_button,
#OTH000092 .rxrefill_button { display: none; }

#rightCallouts.base ul,
#rightCallouts.base ol,
#rightCallouts.base dl { margin: 10px 10px 10px 20px; }

#rightCallouts.base ul li,
#rightCallouts.base ol li,
#rightCallouts.base dl li { padding-bottom: 3px; }

.secondary_rightcolb { 
	background-image: url('/images/Layout/secondary_rightcolB.gif');
	background-repeat: no-repeat; 
	width: 176px;
	height: 14px; 
	float: right; 
	padding-bottom: 10px;
}

.layout_Related { margin: 0 0 10px 0; }
.layout_Related h2 { background-color:#B5C4BA; background-image:url(/images/Layout/callout_h3.jpg); background-repeat:no-repeat; color:#60634B; font-size:100%; margin:0 0 7px; 
	padding:8px 8px 5px; font-weight: bold; }
.layout_Related ul { margin: 10px 10px 10px 20px; }
.layout_Related li { padding-bottom: 3px; list-style: disc; }

/*** Body ***/
#bd { background-image: url('/images/Layout/bd_bg.jpg'); background-repeat: repeat-y; width: 997px; padding: 10px 25px 10px 10px; }
#grid_Main { background-image: url('/images/Layout/secondary_mainT.gif'); background-repeat: no-repeat; padding: 9px 0 0 0; width: 606px; margin: 10px 0; }
#grid_Main a, 
#grid_Main a:link,
#grid_Main a:visited { color: #5777AF; }
.grid_MR #grid_Main { background-image: url('/images/Layout/secondary_mainT_MR.gif'); }
.wrapper_Main { margin: 0; padding: 0; width: 606px; }
.grid_MR .wrapper_Main { margin: 0; padding: 0; width: 808px; }
.content_Main { margin: 0; background-color: #fff; border-left: 5px solid #e6e2d6; border-right: 5px solid #e6e2d6; padding: 5px 15px; }
.text_container { width: 566px; border: 0; padding: 0; margin: 0; }
.grid_MR .text_container,
.grid_M .text_container { width: auto; }
.grid_callouts .base h3 { background-image: url('/images/Layout/callout_h3.jpg'); background-repeat: no-repeat; background-color: #b5c4ba; padding: 8px 8px 5px 8px; color: #60634b; font-size: 100%;
	margin: 0 0 7px 0; }
.text_container img { margin: 8px; }
.text_container .layout_Pagination img { margin: 0px; }

#grid_Promo { clear: both; }

.secondary_mainb { 
	background-image: url('/images/Layout/secondary_mainB.gif');
	background-repeat: no-repeat; 
	width: 606px;
	height: 13px; 
	float: right; 
}
.grid_MR .secondary_mainb { 
	background-image: url('/images/Layout/secondary_mainB_MR.gif');
	background-repeat: no-repeat; 
	width: 808px;
	height: 13px; 
	float: right; 
}

/*** Footer ***/
.PB_link { text-align: right; float: right; width: 200px; position: relative; bottom: 30px; right: 30px; }
.PB_link a { font-size: 70%; color: #7795a1; font-weight: bold; }
#ft      { clear: both; padding: 13px; border-top: 3px solid #a4b9c5; text-align: right; width: 998px; color: #fff; font-size: 90%; }
.footer_container { background-image: url('/images/Layout/footer_container.jpg'); background-repeat: no-repeat; height: 160px; }
.footer_container .client_footer table { width: 1025px; font-size: 87%; font-weight: bold; }

/** 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; height: 35px; position: absolute; z-index: 200; }
#layout_TopMenu ul    { list-style: none; margin: 0; padding: 0; }
#layout_TopMenu ul.T2 { position: absolute; display: none; width: 108px; z-index: 200;}
#layout_TopMenu li:hover ul.T2,
#layout_TopMenu li.hover ul.T2 { display: block; position: absolute; z-index: 200; }
#layout_TopMenu li { list-style: none; display: inline; float: left; width: 110px; }
#layout_TopMenu a { display: block; }
#bd select.hover  { visibility: hidden; }

#layout_TopMenu ul#tMNAV000001 { height: 35px; }

#layout_TopMenu { margin: 0; padding-left: 207px; width: 784px; top: 77px; }
#layout_TopMenu li { background-color: #434C77; background-image: url('/images/Layout/navigation_tab.jpg'); background-repeat: no-repeat; margin: 0 1px; }
#layout_TopMenu li.T1 a { color: #fff; font-size: 11px; text-decoration: none; font-weight: bold; text-align: center; padding: 6px 5px 3px 5px; }
#layout_TopMenu li.T1 a:hover { color: #f4eaa7; }

#layout_TopMenu #tINAV000003 {padding:0 5px; width:100px; height:35px;}
#layout_TopMenu #tINAV000008 {padding:0 5px; width:100px;}

#layout_TopMenu li#tINAV000002 a,
#layout_TopMenu li#tINAV000004 a,
#layout_TopMenu li#tINAV000005 a,
#layout_TopMenu li#tINAV000007 a { padding: 12px 5px 10px 5px; }
#layout_TopMenu li#tINAV000002 .T2 a,
#layout_TopMenu li#tINAV000004 .T2 a,
#layout_TopMenu li#tINAV000005 .T2 a,
#layout_TopMenu li#tINAV000007 .T2 a { padding: 5px 0; }

#layout_TopMenu li#tINAV000163,
#layout_TopMenu li#tINAV000164,
#layout_TopMenu li#tINAV000245 { display: none; }

#layout_TopMenu ul.T2 { text-align: left; }

#layout_TopMenu ul#tMNAV000003 {margin-left:-5px;}
#layout_TopMenu ul#tMNAV000008 {margin-left:-5px;}

#layout_TopMenu li:hover ul.T2,
#layout_TopMenu li.hover ul.T2 { background-color: #fff; border: 1px solid #434C77; border-top: none; }

#layout_TopMenu ul.T2 li { width: 96px; line-height: normal; padding: 0px 5px; text-align: center; border-bottom: 1px dotted #C5D2E3; }

#layout_TopMenu li.T2 { background-image: none; background-color: #fff; }
#layout_TopMenu li.T2 a,
#layout_TopMenu li.T2 a:link { color: #434C77; }
#layout_TopMenu li.T2 a:hover { color: #578C92;}

/*! 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: 138.5%; margin: 13px 0; font-weight: bold; }
.base h2 { font-size: 123.1%; margin: 13px 0; font-weight: bold; }
.base h3 { font-size: 108%;   margin: 13px 0; font-weight: bold; color: #578C92; } /** client requested color change to h3 only 11/16/09 **/
.base h4 { font-weight: bold; }
.base h5 { font-weight: bold; }
.base h6 { font-weight: bold; }
.base strong { font-weight: bold; }
.base abbr,
.base acronym {
	cursor: help;
	font-weight: bold; 
}
.base em  { font-style: italic; }
.base del { text-decoration: line-through; }
.base blockquote { margin: 13px; }
.base ul,
.base ol,
.base dl { margin: 10px 10px 10px 35px; color: #404040; }
.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: 0;
	padding: 7px;
}
.base .restaurant_menu th,
.base .restaurant_menu td {
	border: 1px solid #ccc;
	padding: 7px;
}
.base th {
	font-weight: bold;
	text-align: center;
}
.base caption {
	margin-bottom: 7px;
	text-align: center;
}
.base p,
.base fieldset,
.base table,
.base pre {
	margin-bottom: 13px;
	color: #404040;
}
.base input[type=text],
.base input[type=password],
.base textarea {
	width: 12.25em;
}


/* 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;
}