﻿/*  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-color: #eae7da;} /* Center the layout on the page    */
#doc1 {
	width: 980px;
	margin: auto;
	text-align: left;
	background-color: #fff; 
	/**-moz-box-shadow: 0px 3px 3px #666;
	-webkit-box-shadow: 0px 3px 3px #666;
	box-shadow: 0px 3px 3px #666;*/
}

/** Page Grid (golden mean):
  * 974px: 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
  */
hr {color:#FFFFFF; height:1px; clear:both;}
a {text-decoration:none; color:#0078C0;}
a:hover {text-decoration:underline;}

#shadow {
	margin:auto;
	width:1010px;
	background:transparent url('../images/Layout/backShadow.jpg') repeat-y;
}

#shadowBottom {
	background:transparent url('../images/Layout/shadowBottom.jpg') no-repeat;
	width:1010px;
	height:17px;
	margin:auto;
}

fieldset {border-style:groove; border-width:2px; margin:1em 0; padding:0.5em;}
.grid_LMR #grid_container { float: right; width: 744px; padding:2px 0 80px 0; font-size:85%; font-family:Verdana, Geneva, Tahoma, sans-serif;}
.grid_LMR #grid_Main      { float: left;  width: 528px; padding: 0 5px;     }
.grid_LMR #grid_Right     { float: right; width: 204px; border-left:1px solid #D4D2C5; }
.grid_LMR #grid_Left      { float: left;  width: 220px; padding:5px 5px 80px 10px; background-color:#fafafa;}

.grid_LM  #grid_Main      { float: right; width: 714px; padding: 3px 25px 80px 5px; font-size:85%; font-family:Verdana, Geneva, Tahoma, sans-serif;}
.grid_LM  #grid_Left      { float: left;  width: 220px; padding:5px 5px 80px 10px; background-color:#fafafa;}
.HP .grid_LM #grid_Main {padding-right:0; width:739px;}

.grid_MR  #grid_Main      { float: left;  width: 763px; padding-right: 5px; }
.grid_MR  #grid_Right     { float: right; width: 201px; padding-left:  5px; }

.grid_M   #grid_Main      { width: 974px; }

#hd, #bd, #ft { clear: both; }


/*** Header ***/
#hd          {border-bottom: none;}
#layout_Logo { float: left;}
#hd form     { float: right; }

#layout_Search {margin-top:5px;}
html>body #layout_Search {margin-top:0;}

/*** Footer ***/
#ft      { clear: both; padding: 13px;  text-align: center; width:980px; margin:auto; font-size:9px; background-image:none;}
#ft a {color:#000000; text-decoration:none;	font-weight:bold;}
#ft a:hover {text-decoration:underline;}

#photobooks a {
	font-size: 10px; 
	color: #DFD5A7;
	text-decoration: none;
}
#photobooks a:hover{
text-decoration: underline;
}
/** 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 { 
	height:33px; 
	clear: both; 
	overflow: visible; 
	background:transparent url('../images/Layout/orangeBar.gif') repeat-x; 
	padding:0 5px;
	border:1px solid #FFFFFF;
	line-height:33px;
	}
#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;*/ border-right:1px solid #FFFFFF; padding:0 15px; background:transparent url('../images/Layout/orangeBar.gif') repeat-x;  }
#layout_TopMenu li:hover {background:transparent url('../images/Layout/orangeBarA.gif') repeat-x;}
#layout_TopMenu a { display: block; font-size:10px; text-decoration:none; color:#000000;}
#bd select.hover  { visibility: hidden; }
#layout_TopBar {background-color:#0078C0; height:13px; margin:0 0 1px 1px; width:100%}
/*! 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
  **/
h1,
.base h1 { font-size: 107%; margin: 1em 0; font-weight: bold;  font-family:Verdana, Geneva, Tahoma, sans-serif;}
.base h2 { font-size: 103%; margin: 1em 0; font-weight: bold; color:#0078C0; font-style:italic;}
.base h3 { font-size: 103%;   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; margin:5px 0;}
.base dl dd { margin-left:1em; }
.base th,
.base td {
	border: none;
	padding: 0.5em;
}
.base th {
	font-weight: bold;
	text-align: left;
}
.base caption {
	margin-bottom: 0.5em;
	text-align: center;
}
p,
.base p,
.base fieldset,
.base table,
.base pre {margin:10px 0;}


#grid_Main img {padding:5px;}

.base input[type=text],
.base input[type=password],
.base textarea {
	width: 12.25em;
}


#layout_Breadcrumbs {color:#000000; font-size:77%;}
#layout_Breadcrumbs a {color: #0078C0; text-decoration:none;}
#layout_Breadcrumbs a:hover {text-decoration:underline;}
.OTH000306 fieldset {margin:15px 0; width:450px;}

/*Left Menu*/
#grid_Left .T1,
#grid_Left .T2  {
	color:#000000;
	font-size:100%;
	font-style:normal;
	font-weight:bold;
	list-style-image:url('../images/Layout/LeftMenuB.gif');
	list-style-position:outside;
	list-style-type:disc;
	margin-left:1em;
	padding:8px 1px 8px 0;
	border-bottom:1px solid #dcdcdc;
}


dl.PageList {margin:0 0 10px 10px;}
dl.PageList dt {font: bold 85% Verdana, Arial, sans-serif; margin-top: 1em;}

dl.PageList dd {font-size:77%;	font-weight: normal;}



#grid_Left .T3 {
	color:#999999;
	font-size:90%;
	font-size-adjust:none;
	font-style:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:1em 0 1em 0em;
	text-decoration:underline;
}

#grid_Left .T3 a {color:#999999; text-decoration:underline;}

#bd #grid_Left li.T3Current a {color:#0078c0;}

#bd #grid_Left li.T4Current,
#grid_Left .T4 li {margin:5px 0 5px 10px; color:#999999;}

#bd #grid_Left li.T4,
#bd #grid_Left li.T4 a {color:#999999;}

#bd #grid_Left li.T4Current a {color:#0078C0;}


#bd #grid_Left li.T5,
#bd #grid_Left li.T5 a {color:#999999;}

#bd #grid_Left li.T5Current a {color:#0078C0;}
#grid_Left .T5 li:before {content:"-";}


#grid_Left a {color:#000000; text-decoration:none;}

#grid_Left a:hover {text-decoration:underline; color:#0078C0;}

#leftLinks {margin:180px 0 20px 0;}
#leftLinks li {margin-top:5px;}

/*Right Menu*/
#rightButtons {
	width:205px;
	height:104px;
	background-color:#0078c0;
	position:relative;
}

.shareButtons {
	width:205px;
	height:31px;
	background:transparent url('../images/Layout/blueBar.gif') repeat-x;
	line-height:18px;
	
}

.shareButtons li {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	display:inline;
}


.layout_Related ul {
	margin:0 0 0 4px;
}

.layout_Related h2 {
	background-color:#D4D2C5;
	color:#666666;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size:100%;
	font-weight:bold;
	padding:5px;
	margin:0;
}

.layout_Related ul li {
	list-style-image: url('/images/Layout/RelatedMenuB.gif');
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	list-style-position:outside;
	list-style-type:disc;
	margin:5px 0 5px 20px;
	font-size:85%;
	line-height:1.22em;
	padding:0 10px 0px 0px;
}

.layout_Related a {
	color:#404040;
	text-decoration:none;
}

.layout_Related a:hover {text-decoration:underline;}

.layout_Related .noindent {
	margin:0 0 0 4px;
}
/*Home Page */

#userBar {
	width:727px;
	height:40px;
	padding:1px 5px;
	background:transparent url('../images/Layout/userBar.jpg') no-repeat;
	color:#de7658;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	/**line-height:38px;*/	
}

#userBar a {color:#de7658; text-decoration:none; font-size:14px;}
#userBar a:hover {text-decoration:underline;}


#homeLinks {margin:15px 5px 0 0; float:left;width:230px;}

#homeLinks ul li {
	list-style-type:square;
	color:#FFC26B;
	font-size:20px;
	line-height:37px;
	border-bottom:1px dashed #B2B2B2;
	list-style-position:inside;
	
}

#homeLinks ul {
	margin:0 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
}
#homeLinks a {
	font-size:16px;
	text-decoration:none;
	color:#949494;
}
#awardsSlide {
	width:235px;
	height:140px;
	clear:left;
	float:left;
	margin-top:30px;
}

#contentSlide {
	width:450px;
	float:left;
	margin:15px 0 0 10px;
}

#contentSlide img {margin:5px 0;}
#hpEvents {
	width:491px;
	float:left;
	margin-top:10px;
	line-height:30px;
	
}

#hpEventsHead {
	width:490px;
	height:38px;
	background:transparent url('../images/Layout/eventsBar2.gif') no-repeat;
	text-align:right;
}

#hpEventsHead a {
	font-size:10px;
	color:#5c78c0;
	text-decoration:none;
}

#hpEvents .Events {margin:0 1em 1em 0em}

.Events ul li {
	list-style-type:square;
	list-style-position:outside;
	list-style-image:none;
	color:#a6a6a6;
	font-size:10px;
	line-height:13px;
	margin-top:10px;
}

.Events a {
	color:#393939;
	font-size:11px;
	text-decoration:none;
}

.Events a:hover {text-decoration:underline;}

/* 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;
}

#top_banner {
	background:transparent url('../images/Layout/georgeHead.jpg') no-repeat;
	width:980px; 
	height:111px;
}

#quickLinks {
	float:left;
	border-right:1px solid #FFFFFF;
	/*height:26px;*/
	height:33px;
	width:230px;
	/*padding-top:7px;*/
	vertical-align:top;
}

/* Contact Us forms */
.contactUs_Form {
	width: 100%;
	margin: 0px auto;
}

.contactUs_Form div.contactUs_Row {
	width: 100%;
	margin: 0px 0px 5px 0px;
}

.contactUs_Form label.contactUs_Label {
	display: inline-block;
	width: 100px;
	vertical-align: top;
}

.contactUs_Form input.contactUs_Field {
	width: 30em;
}

.contactUs_Form input.contactUs_State {
	width: 1.70em;
}

.contactUs_Form input.contactUs_Zip {
	width: 4.25em;
}

.contactUs_Form input.contactUs_Phone {
	width: 11.9em;
}

.contactUs_Form textarea.contactUs_Message {
	width: 27.3em;
	height: 20.475em;
}


.vcard {margin:10px 0;}
.viewMore {width:318px; text-align: center; background-color:#e3e3e3; border:1px solid #616161;}


/**Virtual Tours*/
.vtour {width:250px; height:65px; float:left; margin-right:10px;}

/**Page Banners*/
#grid_Top { height:104px; width:744px; float: right; background-color: #D6D0C2; border-top: 15px solid #0078C0; }
#rightButtons { float: right; width: 205px; height: 104px; }
#pageBanner { background-image: url('/images/Managed/About_Us.jpg'); background-repeat: no-repeat; height:104px; width:532px; float: left; }
.NLT #pageBanner {background: transparent url('../images/Managed/Events_Classes.jpg') no-repeat;}
.DIW #pageBanner {background:transparent url('../images/Managed/Events_Classes.jpg') no-repeat;}
.OTHG00004 #pageBanner {background:transparent url('/images/Managed/Health_Info.jpg') no-repeat;}
.STW #pageBanner {background:transparent url('/images/Managed/Health_Info.jpg') no-repeat;}
.OTHG00014 #pageBanner {background:transparent url('/images/Managed/Employment.jpg') no-repeat;}
.OTHG00012 #pageBanner {background:transparent url('/images/Managed/Patients_Visitors.jpg') no-repeat;}
.OTHG00003 #pageBanner {background:transparent url('/images/Managed/About_Us.jpg') no-repeat;}
.OTHG00058 #pageBanner {background:transparent url('/images/Managed/About_Us.jpg') no-repeat;}
.OTHG00005 #pageBanner {background:transparent url('/images/Managed/Services.jpg') no-repeat;}
.OTHG00018 #pageBanner {background:transparent url('/images/Managed/Our_Commitment.jpg') no-repeat;}
.OTHG00011 #pageBanner {background:transparent url('/images/Managed/Events_Classes.jpg') no-repeat;}
.OTHG00008 #pageBanner {background:transparent url('/images/Managed/News_Center.jpg') no-repeat;}
.OTHG00009 #pageBanner {background:transparent url('/images/Managed/Foundation.jpg') no-repeat;}
.OTHG00010 #pageBanner {background:transparent url('/images/Managed/Volunteering.jpg') no-repeat;}
.OTHG00017 #pageBanner {background:transparent url('/images/Managed/Contact_Us.jpg') no-repeat;}
.OTHG00035 #pageBanner {background:transparent url('/images/Managed/News_Center.jpg') no-repeat;}
.OTHG00006 #pageBanner {background:transparent url('../images/Managed/Our_Physicians.jpg') no-repeat;}
.OTHG00045 #pageBanner {background:transparent url('/images/Managed/HealthPoint.jpg') no-repeat;}
.EVC #pageBanner {background:transparent url('/images/Managed/Events_Classes.jpg') no-repeat}
.PHY #pageBanner {background:transparent url('../images/Managed/Our_Physicians.jpg') no-repeat;}
.OTHG00062 #pageBanner {background:transparent url('/images/Managed/About_Us.jpg') no-repeat;}



.OTH000394 #grid_Top {display:none;}
.OTH000393 #grid_Top {display:none;}
