﻿/*
	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.
*/
/*
======Global Color Scheme=======
Purple:#4A1974;
Light Purple: #A38CB6;

Dark Green: #006B6E; 
Medium Green: #81B3B2;
Light Green: #CAE0E2; 
Very Light Green: #CBE0E3; or #CCDFE1;

Sunflower Yellow: #EBAB00;
Lighter sunflower: #F3CD66;

Gray: #D7D7D7;

======Fayette Color Scheme=======
Dark Green, Dark Purple, 
Peach: #E9CDB2;
Light Peach: #FFEAC8;

=======Mountainside color scheme=======
Dark Green
Dark Burgandy: #892034;

=======Physicians======
Dark Blue: #097273;
Light Blue: #BBDBEA;

*/

ol { margin-left: 32px; }

/*** Page Grid System setup ***/
#doc4 { width: 974px; }
.layout_Normal, .layout_NoRight, .layout_NoLeft, .layout_NoNav {
	margin:auto;
	text-align:left;
	width: 750px;
	min-width:750px;
}

.layout_Normal  #yui-main, .layout_NoRight #yui-main { float: right; margin-left:  -325px; }
.layout_NoLeft  #yui-main                            { float: left;  margin-right: -325px; }

.layout_Normal  .yui-b,    .layout_NoRight .yui-b    { float: left; width:180px;}
.layout_Normal  #yui-main .yui-b,
.layout_NoRight #yui-main .yui-b                     { margin-left: 234px; }


.layout_NoLeft  #yui-main, .layout_NoNav   #yui-main { display: block; margin: 0 0 13px 0; }

/** Callouts has explict width of 200px */
.yui-ge div.first { width: 521px;}
.yui-ge .yui-u    { width: 214px;}

#layout_Content ol, #layout_Content ul, #layout_Content dl { margin-left: 32px;}

/*--------------------------------------------
                  Header
---------------------------------------------*/
#hd      { height: 160px; background-image: url('/images/Layout/homepage_header.gif'); background-repeat: no-repeat; width: 974px; }
#hd h1   { float: left; margin: 0 13px 0 0; }
#hd form { float: right; width: 300px; }
#hd .clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; }

#layout_TopNav li {display: inline;	list-style:none; float:right;}

#topBar {
	height:45px;
}

#topBar .top_links { color:#006b6e; float:left; font-family: Arial,Verdana,Helvetica,sans-serif; margin-top:4px; margin-left: 345px;
	padding:10px 20px; }
#topBar .top_links a { font-size: 13px; }
#layout_Search {
	color: #006666;
	margin-top:1px;
	padding: 10px 20px 10px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 12px;
	font-weight: bold;
}
#layout_Search input { color: #006b6e; }


/*--------------------------------------------
                  Navigation
---------------------------------------------*/

/** Begin basic structural logic **/
/* Set default menu item display to "none" */
ul.Menu ul    { display: none; }

/* Set menu items to display if they are the current or active menu */
ul.Menu ul.Active,
ul.Menu ul.Current { display: block; }


/*** Top Navigation - T1 and T2 ***/
/* ====================================================================================================
  PVII Menu CSS Express Drop-Down Menu by Project Seven Development www.projectseven.com
======================================================================================================= */
#yui-main select.p7hvr { visibility: hidden; }
#layout_TopMenu { position: absolute; top: 120px; width: 974px; }
#layout_TopMenu .clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; }
#layout_TopMenu .Menu, .Menu ul { padding: 0; margin: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; }
#layout_TopMenu .Menu, .Menu li { list-style: none;}
#layout_TopMenu .Menu a { display: block; text-decoration: none; padding: 9px 0px 9px 0px; border-right: 1px solid #bcb3ac; font-size: 11px; color: #00529c; 
		  font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center; }
#layout_TopMenu .Menu li.T1 { padding: 0 2px 0 2px; }
#layout_TopMenu .Menu .T1 a:hover, #layout_TopMenu .Menu .T1 a:active { background-image: url('/images/top_navigation_bgroll.gif'); 
	background-repeat: repeat-x; }
#layout_TopMenu .Menu .T2 a:hover, #layout_TopMenu .Menu .T2 a:active { background-image: none; }
#layout_TopMenu .Menu a.T1 { padding: 5px 16px 5px 10px; }
#layout_TopMenu .Menu li { float: left; width: 117px; }
#layout_TopMenu .Menu li.T2 { width: 100%; border-bottom: 1px dotted #4a89b7; }
#layout_TopMenu .Menu li ul, .Menu ul li { width: 156px; }
#layout_TopMenu .Menu ul li a  { color: #fff; border-right: 0; padding: 5px 0px; font-size: 11px; }
#layout_TopMenu .Menu li ul { position: absolute; display: none; background-color: #00528e; 
	background-image: url(/images/tier2_bg.gif); background-repeat: repeat-x; z-index: 10; }
	
#layout_TopMenu .Menu li:hover a, #layout_TopMenu .Menu a:focus, #layout_TopMenu .Menu li.p7hvr a 
{ background-color: transparent; }
/*The fourth selector is assigned to IE6 Windows via the P7_ExpMenu script. Note that IE7 supports hover on elements other
 than links and so behaves like Firefox, Opera, and Safari - making the menu operable even if JavaScript is not enabled.*/
 
#layout_TopMenu .Menu li:hover ul, #layout_TopMenu .Menu li.p7hvr ul { display: block; }
/*Set the Sub-Menu UL to be visible when its associated Root-Level link is moused over. The second selector is assigned to
 IE6 via the P7_ExpMenu script.*/
 
#layout_TopMenu .Menu li:hover ul a, #layout_TopMenu .Menu li.p7hvr ul a { color: #fff; background-color: transparent; }
/*The second selector is assigned to IE6 via the P7_ExpMenu script. The color set should march the normal Sub-Level link color 
 in the rule: .Menu ul li a.*/

#layout_TopMenu .Menu ul a:hover { color: #f0d169!important; text-decoration: none; }
/*The Important directive is required for older browsers.*/
 
#layout_TopMenu .Menu li { width: auto;}



/** Begin display logic specific to the left menu **/

/* Set width, margin, padding, etc */
#layout_LeftMenu {width:225px; margin: 0; padding: 0px 0px 0px 2px;}

/* Remove all margin, padding, and list styles in the menu */
#layout_LeftMenu ul,
#layout_LeftMenu li { margin: 0px; padding: 0px; list-style: none; }

#layout_LeftMenu li.T1   { background-color:#CCDFE1; border-top:2px #ffffff solid; }
#layout_LeftMenu li.T1 a { color: #006B6E; padding-left:5px;}
#layout_LeftMenu li.T1 a:hover { text-decoration: none; color: #81B3B2; }
/*-----undoing indentation for after the first---------*/
#layout_LeftMenu li.T2 a{ padding-left:0px; }


/* First Tier is indented and has some extra padding */
#layout_LeftMenu li.T1   { padding: 5px 0px;}

/* Second tier has more indention */
#layout_LeftMenu ul.T2 { padding-left: 0px; margin-top:5px;background-color:#D7D7D7;}
#layout_LeftMenu li.T2 {padding: 5px 5px 5px 15px; border-top :1px #A38CB6 solid;}

/* Indention for tier 3 */
#layout_LeftMenu ul.T3 { padding-left: 15px; }

/* Indention for tier 4, and square style */
#layout_LeftMenu ul.T4 { padding-left: 20px; list-style-type: square; }
#layout_LeftMenu li.T4 { list-style: square; }

/*-------active navigation----------*/
#layout_LeftMenu li.T1Current a {font-weight:bold; color:#ffffff;}
#layout_LeftMenu li.T1Current .T2 a {font-weight:normal; color:#4A1974;}
#layout_LeftMenu li.T1Active a {font-weight:bold; color:#ffffff;}
#layout_LeftMenu li.T1Active .T2 a {font-weight:normal; color:#4A1974;}

#layout_LeftMenu li.T1Current a:hover {font-weight:bold; color:#A38CB6;}
#layout_LeftMenu li.T1Current .T2 a:hover {font-weight:normal}
#layout_LeftMenu li.T1Active a:hover {font-weight:bold; color:#A38CB6;}
#layout_LeftMenu li.T1Active .T2 a:hover {font-weight:normal}

#layout_LeftMenu li.T2Current a {font-weight:bold;}
#layout_LeftMenu li.T2Current .T3 a {font-weight:normal}
#layout_LeftMenu li.T2Active a {font-weight:bold;}
#layout_LeftMenu li.T2Active .T3 a {font-weight:normal}

#layout_LeftMenu li.T2Current a:hover {font-weight:bold;}
#layout_LeftMenu li.T2Current .T3 a:hover {font-weight:normal}
#layout_LeftMenu li.T2Active a:hover {font-weight:bold;}
#layout_LeftMenu li.T2Active .T3 a:hover {font-weight:normal}

#layout_LeftMenu li.T3Current a {font-weight:bold;}
#layout_LeftMenu li.T3Current .T4 a {font-weight:normal}
#layout_LeftMenu li.T3Active a {font-weight:bold;}
#layout_LeftMenu li.T3Active .T4 a {font-weight:normal}

#layout_LeftMenu li.T3Current a:hover {font-weight:bold;}
#layout_LeftMenu li.T3Current .T4 a:hover {font-weight:normal}
#layout_LeftMenu li.T3Active a:hover {font-weight:bold;}
#layout_LeftMenu li.T3Active .T4 a:hover {font-weight:normal}

#layout_LeftMenu li.T2 { color:#4A1974;}

/*-------Shading background on active navigation----------*/

#layout_LeftMenu li.T2Current {background-color:#ffffff;border-right:1px #D7D7D7 solid;border-left:1px #D7D7D7 solid;}
#layout_LeftMenu li.T2Active {background-color:#ffffff;border-right:1px #D7D7D7 solid;border-left:1px #D7D7D7 solid;}

/*-------Shading background on active navigation----------
#layout_LeftMenu .T1.Active.T1Active.Interactive li.T2Current {background-color:#D7D7D7;}
#layout_LeftMenu .T1.Active.T1Active.Interactive li.T2Active {background-color:#D7D7D7;}*/

/*-------Bolding active navigation----------*/
#layout_LeftMenu .T1.Active.T1Active li.T2Current a {font-weight:bold;}
#layout_LeftMenu .T1.Active.T1Active li.T2Current .T3 a {font-weight:normal}
#layout_LeftMenu .T1.Active.T1Active li.T2Active a {font-weight:bold;}
#layout_LeftMenu .T1.Active.T1Active li.T2Active .T3 a {font-weight:normal}
#layout_LeftMenu .T1.Active.T1Active li.T2Current a:hover {font-weight:bold; color:#A38CB6;}
#layout_LeftMenu .T1.Active.T1Active li.T2Current .T3 a:hover {font-weight:normal}
#layout_LeftMenu .T1.Active.T1Active li.T2Active a:hover {font-weight:bold; color:#A38CB6;}
#layout_LeftMenu .T1.Active.T1Active li.T2Active .T3 a:hover {font-weight:normal}

#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3Current a {font-weight:bold;}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3Current .T4 a {font-weight:normal}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3Active a {font-weight:bold;}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3Active .T4 a {font-weight:normal}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3Current a:hover {font-weight:bold; color:#A38CB6;}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3Current .T4 a:hover {font-weight:normal}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3Active a:hover {font-weight:bold; color:#A38CB6;}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3Active .T4 a:hover {font-weight:normal}

#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3.Active.T3Active li.T4Current a {font-weight:bold;}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3.Active.T3Active li.T4Current .T5 a {font-weight:normal}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3.Active.T3Active li.T4Active a {font-weight:bold;}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3.Active.T3Active li.T4Active .T5 a {font-weight:normal}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3.Active.T3Active li.T4Current a:hover {font-weight:bold; color:#A38CB6;}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3.Active.T3Active li.T4Current .T5 a:hover {font-weight:normal}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3.Active.T3Active li.T4Active a:hover {font-weight:bold; color:#A38CB6;}
#layout_LeftMenu .T1.Active.T1Active li.T2.Active.T2Active li.T3.Active.T3Active li.T4Active .T5 a:hover {font-weight:normal}


#layout_LeftMenu li.T1Current { background-color:#4A1974;}
#layout_LeftMenu li.T1Active { background-color:#4A1974;}

/*+++++++ SPECIFIC TO PIEDMONT HOSPITAL NAVIGATION IDS +++++++++++++++*/
/*About Us*/
li#INAV000364 { display: none; }
li#INAV000364.Active { display: block; }

/*Directions and Maps*/
li#INAV000081 { display: none; }
li#INAV000081.Active { display: block; }

/*My Piedmont Health*/
li#INAV000128 { display: none; }
li#INAV000128.Active { display: block; }


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*--------------------------------------------
                  Call Outs
---------------------------------------------*/
.layout_Related h2 {color:#4A1974;font-size:90%;font-family: Verdana, Arial, Helvetica, sans-serif;}
.layout_Related {color:#A38CB6;}
.layout_Related a {color:#4A1974;}
.layout_Related a:hover {color:#A38CB6;}
.layout_Related ul li {list-style-image: url('/images/Layout/bullet.gif');}
#callouts h2 {color:#4A1974;font-size:90%;font-family: Verdana, Arial, Helvetica, sans-serif;}
#callouts a {color:#4A1974;}
#callouts a:hover {color:#A38CB6;}
#callouts ul li {list-style-image: url('/images/Layout/bullet.gif');}
#callouts h3.homepage_module { color: #EBAB00; font-size: 15px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; 	margin-bottom: 4px; }
#callouts ul.special_features { list-style: none; background: #f8e2a8; width: 190px; padding-left: 0; margin: 0; }
#callouts ul.special_features li { padding: 3px 0; list-style: none; list-style-image: none; }
#callouts ul.special_features a, #callouts ul.online_services a { color: #006B6E; text-decoration: none; padding-left: 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#callouts ul.special_features a:hover, #callouts ul.online_services a:hover { color: #81B3B2; }
#callouts ul.online_services { list-style: none; padding-left: 0px; background: #ccdfe1; width: 190px; margin: 0; }
#callouts ul.online_services li { background: #ccdfe1; border-top: 2px solid #ffffff; padding: 3px 0; list-style: none; list-style-image: none; }

/*--------------------------------------------
                  Body
---------------------------------------------*/
#layout_Content {padding-right:5px;}

#contentTop { margin-top:2px;margin-right:5px;background-image: url('/images/Layout/PhotoBG.gif');}
#contentTop img{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

#bd {
	border-top: 1px solid #F3CD66;
	border-left: 1px solid #F3CD66;
	border-right: 1px solid #F3CD66;
	border-bottom: 15px solid #F3CD66;
}
#bd { width:972px; border: 1px solid #F3CD66;}

h1.page_title { clear: both; }

#contentContent {padding-left:5px;padding-right:20px;}


/*--------------------------------------------
                  Footer
---------------------------------------------*/

#ft {color:white;list-style:none;font-size:11px;margin-top:10px;}
#ft a { color:#dddddd;text-decoration:none}

#ft a:hover{color:#dddddd;text-decoration:none}

#footerBox {
	background-image:url('../images/Layout/footer.gif');
	background-repeat:no-repeat;
	height:339px;
	color:white;
	list-style:none;
	padding-left:5px;
}
#footerBox2 {
	background-image:url('/images/Layout/footer_secure.gif');
	background-repeat:no-repeat;
	height:339px;
	color:white;
	list-style:none;
	padding-left:5px;
}
#ft #ftcontact {
	text-align:right;
	padding-right:25px;
	padding-top:15px;
	font-weight:bold;
}
#ft #ftcontact a{color:#ffffff;}
#ft #ftcontact a:hover{color:#a2dad6;}
#ft ul {margin-left: 0;float: left;}

#ft .ftcola{
	margin-top:40px;
	padding-top:0px;
}
#ft .ftcolb{
	margin:40px 15px 0px 0px;
	padding-top:0px;
	padding-left:20px;
}
#ft li {
	color: white;
	list-style:none;
	text-align:left;
	padding-left:35px;
	padding-right:15px;
	line-height:18px;
}
#ft li a{color: #ffffff;}
#ft li a:hover{color:#a2dad6;}

#ft li.ftfirst {color:#a2dad6; font-weight:bold; font-size:14px;}

#ft #ftft {
	margin-top:235px;
	color:#000000;
	text-align:center;
	font-weight:bold; font-size:13px;}
#ft #ftft ul li:first-child {
	font-size:13px;
}
#ft #ftft a{
	color:#000000;
}
#ft #ftft a:hover{
	color:#a2dad6;
}

#ft #ftft ul{
	text-align:center;
	float:none;
}
#ft #ftft ul li{
	display:inline;
}

#ft #ftft p{
	clear:both;
}

#ft a {color: #eeeeee;}
#pb{
	text-align:right;
}

/** Forms **/
.FormError { background-color: red; color: white; }

/*--------------------------------
			Generated Content
----------------------------------*/

.Generated_LatestPressReleases ul {
list-style:square; color:#4A1974;}

/*-----------------Health Library------------------*/
#layout_Content .healthlib_quizlist ul {
	padding: 5px; 
}

#layout_Content .healthlib_quizlist li {
	padding: 5px 5px 5px 15px;
	background-color: #F7F3E1;
	border-bottom: 2px solid #fff; 
	list-style: none;
	width: 175px; 
}

#layout_Content .healthlib_quizlist li:first-child {
	background-color: #F7E6BA;
	padding: 5px 5px 5px 15px;
	margin: 0;
	font-size: 115%;
	font-family: Georgia; 
	color: #4A1974;
	width: 175px; 
}
#layout_Content .healthlib_table td {
	padding: 5px 10px 5px 10px;
	background-color: #e3e7e7;
}

#layout_Content .healthlib_table thead th{
	background-color: #006B6E;
	padding: 5px 10px 5px 10px;
	font-size: 110%;
	font-family: Georgia; 
	color: #ffffff;
}
#layout_Content .healthlib_table th {
	background-color: #CBE0E3;
	padding: 5px 10px 5px 10px;
	font-size: 100%;
	font-family: Georgia; 
	color: #006B6E;
}
#layout_Content .healthlib_table caption {
	padding: 5px 10px 5px 10px;
	font-size: 125%;
	font-family: Georgia; 
	font-weight:bold;
	color: #006B6E;
}

#layout_Content .healthlib_table caption img{
	padding: 0px 10px 0px 0px;
	margin: 0px 0px -4px 0px;
}

.glossary_index { line-height: 26px; margin: 13px 0px; }

/*-----------------Site Search Page------------------*/

.search_container {
	margin-left: 50px; 
}
.search_container ul li {
	list-style: none;
}
.search_container ul {
	margin-top: 0px;
}
.search_container h2 {
	margin-left: -20px;
}
.search_container h1 {
	margin-left: -25px;
}
.search_container .color_row th {
	background: #CCDFE1; color: #006666;
}
.search_container .p_margin {
	margin-left: 20px;
}
.nobordertab td {
	vertical-align: top;
}

/* Random maintenance override requests */
.OTH000442 #contentTop,
.OTHG00110 #contentTop,
.OTHG00108 #contentTop,
.OTHG00107 #contentTop,
.OTHG00112 #contentTop,
.OTHG00114 #contentTop { background-image: none;  }
#OTH000903 #contentContent {padding-right:0;}
#OTH000928 #contentContent {padding-right:0;}
#slideshow {
	width:730px;
	height:520px;
	padding:0px;
	float:left;
}

#slideCall {
	width:200px;
	float:right;
	text-align:center;
}

#OTH000928 .yui-ge div.first {
	width:733px;
}
/* Homepage tabs */
#NewAndEventTabs .yui-content { background: #CCDFE1 none repeat scroll 0 0 }

