/*  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.
*/
/*
======Global Color Scheme=======
Purple:#4A1974;
Light Purple: #A38CB6;

Dark Green: #006B6E; #297980
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;

*/


html { overflow-y: scroll; } /* normalize presence of scrollbars */
body { text-align: center; } /* Center the layout on the page    */
#doc750 {
	width: 750px;
	margin: auto;
	text-align: left;
}

#doc974 {
	width: 974px;
	margin: auto;
	text-align: left;
}


/** Page Grid (golden mean):
  * 974px: Total page
  *   1px: Right border
  *   1px: Left  border
  *
  * for LMR:
  *   2px: B/L gutter
  * 225px: Left navigation
  *  10px: L/M gutter
  * 735px: Remaining for Main + Right
  * 200px: Right navigation
  *  10px: M/R gutter
  * 530px: Main content
  *
  * for LM:
  *   2px: B/L gutter
  * 225px: Left navigation
  *  10px: L/M gutter
  * 725px: Main content
  *  10px: M/B gutter
  *
  * for MR:
  *  10px: B/M gutter
  * 752px: Main content
  *  10px: M/R gutter
  * 200px: Right navigation
  *
  * for M:
  *  10px: B/M gutter
  * 952px: Main content
  *  10px: M/B gutter
  *
  * LMR = Left, Middle, Right
  * LM  = Left, Middle
  *  MR =       Middle, Right
  *  M  =       Middle
  */
.grid_LMR #grid_container { float: right; width: 735px;                       }
.grid_LMR #grid_Main      { float: left;  width: 525px;                       }
.grid_LMR #grid_Right     { float: right; width: 200px;                       }
.grid_LMR #grid_Left      { float: left;  width: 225px; padding-left: 2px;    }
.grid_LMR #grid_Top       { width: 525px; padding-bottom: 10px;  }

.grid_LM  #grid_Main      { float: right; width: 725px; padding: 0 10px 0 0; }
.grid_LM  #grid_Left      { float: left;  width: 225px; padding-left: 2px;   }
.grid_LM  #grid_Top       { width: 725px; padding-bottom: 5px;  }

.grid_MR  #grid_Main      { float: left;  width: 752px; padding-left: 10px; }
.grid_MR  #grid_Right     { float: right; width: 200px;                     }

.grid_M   #grid_Main      { width: 952px; padding: 0 10px; }

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

/** Basic element styles **/
h1 {
	color: #4A1974;
	font-size: 138.5%;
	font-family: Georgia, Times, serif;
	font-weight: bold;
	line-height: 1.1em;
	padding: 0;
}

a {
	color: #006B6E;
	text-decoration: none;
}

/*** Header ***/
#hd {
	height: 142px;
	padding: 1em 0;
}

#topBar {
	background-color: #CCDFE1;
	border-bottom: thick double white;
	height: 45px;
}

#layout_Search {
	float: right;
	color: #066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin-top: 1px;
	padding: 10px 20px;
	text-transform: uppercase;
}


/** Body **/
#bd {
	border: 1px solid #F3CD66;
	border-bottom-width: 15px;
	zoom: 1;
}
#bd:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/*** Footer ***/
#ft {
	color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 80%;
	margin-bottom: 15px;
	margin-top: 10px;
	text-align: center;
	clear: both;
}

#footerBox {
	background-color: #EBAB00;
	color: white;
	margin-bottom: 10px;
	padding: 8px 0;
}

#ft a {
	color: #999;
}
#ft a:hover {
	color: #bbb;
}


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

/** Left Navigation Menu **/
#grid_Left ul,
#grid_Left li { margin: 0; padding: 0; list-style: none; }

#grid_Left li.T1 { background-color: #CCDFE1; border-top: 2px solid white; }
#grid_Left li.T1 a { color: #006B6E; padding-left: 5px; }
#grid_Left li.T2 a { padding-left: 0px }
#grid_Left li.T1 a:hover { color: #81B3B2; }

/* First Tier is indented and has some extra padding */
#grid_Left li.T1 { padding: 5px 0px; }

/* Second tier has more indention */
#grid_Left ul.T2 {
	padding-left: 0px;
	margin-top: 5px;
	background-color: #D7D7D7;
}
#grid_Left li.T2 { padding: 5px 5px 5px 15px; border-top: 1px #A38CB6 solid; }

/* Indention for tier 3 */
#grid_Left ul.T3 { padding-left: 15px; }

/* Indention for tier 4, and square style */
#grid_Left ul.T4 { padding-left: 20px; list-style-type: square; }
#grid_Left li.T4 { list-style: square; }

/*-------active navigation----------*/
#grid_Left li.T1Current a {font-weight:bold; color:#ffffff;}
#grid_Left li.T1Current .T2 a {font-weight:normal; color:#4A1974;}
#grid_Left li.T1Active a {font-weight:bold; color:#ffffff;}
#grid_Left li.T1Active .T2 a {font-weight:normal; color:#4A1974;}

#grid_Left li.T1Current a:hover {font-weight:bold; color:#A38CB6;}
#grid_Left li.T1Current .T2 a:hover {font-weight:normal}
#grid_Left li.T1Active a:hover {font-weight:bold; color:#A38CB6;}
#grid_Left li.T1Active .T2 a:hover {font-weight:normal}

#grid_Left li.T2Current a {font-weight:bold;}
#grid_Left li.T2Current .T3 a {font-weight:normal}
#grid_Left li.T2Active a {font-weight:bold;}
#grid_Left li.T2Active .T3 a {font-weight:normal}

#grid_Left li.T2Current a:hover {font-weight:bold;}
#grid_Left li.T2Current .T3 a:hover {font-weight:normal}
#grid_Left li.T2Active a:hover {font-weight:bold;}
#grid_Left li.T2Active .T3 a:hover {font-weight:normal}

#grid_Left li.T3Current a {font-weight:bold;}
#grid_Left li.T3Current .T4 a {font-weight:normal}
#grid_Left li.T3Active a {font-weight:bold;}
#grid_Left li.T3Active .T4 a {font-weight:normal}

#grid_Left li.T3Current a:hover {font-weight:bold;}
#grid_Left li.T3Current .T4 a:hover {font-weight:normal}
#grid_Left li.T3Active a:hover {font-weight:bold;}
#grid_Left li.T3Active .T4 a:hover {font-weight:normal}

#grid_Left li.T2 { color:#4A1974;}

/*-------Shading background on active navigation----------*/

#grid_Left li.T2Current {background-color:#ffffff;border-right:1px #D7D7D7 solid;border-left:1px #D7D7D7 solid;}
#grid_Left li.T2Active {background-color:#ffffff;border-right:1px #D7D7D7 solid;border-left:1px #D7D7D7 solid;}

/*-------Bolding active navigation----------*/
#grid_Left .T1Active li.T2Current a {font-weight:bold;}
#grid_Left .T1Active li.T2Current .T3 a {font-weight:normal}
#grid_Left .T1Active li.T2Active a {font-weight:bold;}
#grid_Left .T1Active li.T2Active .T3 a {font-weight:normal}
#grid_Left .T1Active li.T2Current a:hover {font-weight:bold; color:#A38CB6;}
#grid_Left .T1Active li.T2Current .T3 a:hover {font-weight:normal}
#grid_Left .T1Active li.T2Active a:hover {font-weight:bold; color:#A38CB6;}
#grid_Left .T1Active li.T2Active .T3 a:hover {font-weight:normal}

#grid_Left .T1Active li.T2Active li.T3Current a {font-weight:bold;}
#grid_Left .T1Active li.T2Active li.T3Current .T4 a {font-weight:normal}
#grid_Left .T1Active li.T2Active li.T3Active a {font-weight:bold;}
#grid_Left .T1Active li.T2Active li.T3Active .T4 a {font-weight:normal}
#grid_Left .T1Active li.T2Active li.T3Current a:hover {font-weight:bold; color:#A38CB6;}
#grid_Left .T1Active li.T2Active li.T3Current .T4 a:hover {font-weight:normal}
#grid_Left .T1Active li.T2Active li.T3Active a:hover {font-weight:bold; color:#A38CB6;}
#grid_Left .T1Active li.T2Active li.T3Active .T4 a:hover {font-weight:normal}

#grid_Left .T1Active li.T2Active li.T3Active li.T4Current a {font-weight:bold;}
#grid_Left .T1Active li.T2Active li.T3Active li.T4Current .T5 a {font-weight:normal}
#grid_Left .T1Active li.T2Active li.T3Active li.T4Active a {font-weight:bold;}
#grid_Left .T1Active li.T2Active li.T3Active li.T4Active .T5 a {font-weight:normal}
#grid_Left .T1Active li.T2Active li.T3Active li.T4Current a:hover {font-weight:bold; color:#A38CB6;}
#grid_Left .T1Active li.T2Active li.T3Active li.T4Current .T5 a:hover {font-weight:normal}
#grid_Left .T1Active li.T2Active li.T3Active li.T4Active a:hover {font-weight:bold; color:#A38CB6;}
#grid_Left .T1Active li.T2Active li.T3Active li.T4Active .T5 a:hover {font-weight:normal}

#grid_Left li.T1Current { background-color:#4A1974;}
#grid_Left li.T1Active { background-color:#4A1974;}


/** Related Links **/
.layout_Related {
	color: #A38CB6;
}

.layout_Related h2 {
	color: #4A1974;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	margin: 1em 0;
}

.layout_Related ul {
	margin: 1em;
	margin-left: 2em;
}

.layout_Related ul li {
	list-style-image: url('/images/Layout/bullet.gif');
	list-style-position: outside;
}


/*! 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: 0.5em 0; font-weight: bold; }
.base h2 { font-size: 123.1%; margin: 1em 0; font-weight: bold; }
.base h3 { font-size: 108%;   margin: 1em 0; font-weight: bold; }
.base h4 { font-weight: bold; }
.base h5 { font-weight: bold; }
.base h6 { font-weight: bold; }
.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: 1em; }
.base ul,
.base ol,
.base dl { margin: 1em 1em 1em 2em; }
.base ol li { list-style: decimal outside; }
.base ul li { list-style: disc outside; }
.base dl dd { margin-left:1em; }
.base th,
.base td {
	border: 1px solid #000;
	padding: 0.5em;
}
.base th {
	font-weight: bold;
	text-align: center;
}
.base caption {
	margin-bottom: 0.5em;
	text-align: center;
}
.base p,
.base fieldset,
.base table,
.base pre {
	margin-bottom: 1em;
}
.base input[type=text],
.base input[type=password],
.base textarea {
	width: 12.25em;
}

/** Piedmont-specific base styles **/
.base p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
}

.base ol,
.base ul,
.base dl {
	margin-left: 2.5em;
}

.base ol li,
.base ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-bottom: 1em;
}

.base .nobordertab td,
.base .nobordertab th {
	border: 1px solid white;
}

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


/** Printing **/

@media print {
	body { text-align: left; }
	#doc974 { width: 100%; }
	#topBar { display: none; }
	#hd { height: auto; padding: 0; }
	#bd { border: none; }
	body #grid_Left { display: none; }
	body #grid_Right { display: none; }
	body #doc974 #grid_Main { width: 100%; float: none; padding: 1em; }
}

#OTH000492 .base p {margin-bottom:0.5em}

/**Site Search **/
#results_tab ul.yui-nav { margin: 0 auto; width: 775px; display: block;  }
#results_tab ul.yui-nav li { background-color: #12777A; line-height: 30px; padding: 0 10px; }
#results_tab ul.yui-nav li.selected { background-color: #329192; }
#results_tab ul.yui-nav li a,
#results_tab ul.yui-nav li a:link,
#results_tab ul.yui-nav li a:visited { color: #fff; text-decoration: none; }
#results_tab ul.yui-nav li a:hover { color: #F7D85E; }
#results_tab .yui-content { border-top: 2px solid #329192; padding-top: 10px; }