<!--
emphasis color { color: #800080 }
div.caption  {
	font-family:  'Tekton Pro','Parisian BT', 'Calligraph421 BT', 'Brush Script MT', Sans-Serif  !important;
	font-size: large;  /* rs become distorted above 13pt! */ 
	/*font-size: 150%;*/
	font-weight: bold;
/*	font-style: italic; */
	color: #000066;
	/*float: left;*/  /* Margins were ignored until I added this!!! */
	padding: 10px 20px 5px 20px;
	max-width: 800px;
 }
div.testimonial  {
	font-family:  'Comic Sans MS', 'Brush Script MT', Sans-Serif  !important;
	font-size: small;  /* rs become distorted above 13pt! */ 
	/*font-size: 150%;*/
	font-weight: bold;
/*	font-style: italic; */
	color: #000066;
	/*float: left;*/  /* Margins were ignored until I added this!!! */
	/*padding: 10px 20px 5px 20px;*/
	/*max-width: 800px;*/
 }
.EmailFont   { font-family: Tahoma, Sans-Serif; }

img.HdrShell { 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	z-index: 1; 
} 

object.HdrSShow {
	postion: absolute;
	left: 0px; 
	/*top: 85px; */
	top: 0px;
	z-index: 2;
}
   /* ORDER IS IMPORTANT ... a, visited, hover! */
a  { 
	text-decoration: underline;
	color: #2b01fd;  /* Blue #089ffa*/
	font-weight: bold;
}  
a:visited  { color: #660099; /* Purple  */ }
	/* DISTINGUISH the link as the user hovers over it! */
a:hover
{
	position: relative;
	top: 1px;
	left: 1px;
	background-color: inherit;
	color:  #d7006c;  /* Light Red */ /* Yellow = #f8f7bd; */
/*#f8f7bd;*/
	font-weight: bold;
}

body, th, ul, li, dd  /* Nov 4/05 Removed div & p & td */
{
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 10pt;
/*	font-weight: bold; */
/* Didn't see any effect!?!  	font-stretch: ultra-condensed;   Jan 20/06 - tlp */
	   /* 204,204,204=light grey */
	   /* 0,102,153 is a cool dark teal! or 102,153,153 */
	   /* 153,153,153 = medium-light grey */
	   /* 102,102,102 = medium grey */
	 /*color: rgb(51,51,51);  DARK grey */
	/* color: rgb(133,130,130);  */
/*	color: #818074;  */ /* Good, more taupes */
/*	color: #706a53; */   /* Good, bit of green (though) */
/*	color: #706f64;  */ /* Same as above, darker */
	color: rgb(51,51,51);   /* 102,102,102 = my favourite - looks nice, but Issy complained! */
}

body
{
	text-align: center;  /* To allow container to center the whole page! */
	background-color: #c9c8b8;
	   /* Eliminate borders ... */
	margin: 0;
	padding: 0;
	border: none;
	height: 100%;
}

	/* Notice that I've defined a CLASS for iframes, in order to exclude iframes I DON'T wish */
	/* to include, such as those for the horizontal menu! */
.iframe {
	border-style: inset;  /* I like ridge & inset & groove (groove is a subtler form of inset */
	border-color: #a3a292;
	border-width:3px; 
	SCROLLBAR-BASE-COLOR: #c9c8b8;  /* TRACK-COLOR, 3DLIGHT, DARKSHADOW, SHADOW */
}
.iframe h2 { margin-top: .75em; margin-bottom: .6em; }
.iframe p { margin-top: .6em; }

/*
p:first-letter {
	font-family: 'English111 Presto BT', Sans-Serif;
	font-size: 200%;
}
*/

/*
p { margin: 0 2em 0 2em; } */

b { background-color: #A5A5C5; color: #44446b; font-weight: 900; }		/* Jan 20/06 - tlp */

em 
{ 	font-weight: 900; font-style: normal; font-size: 102%; color: rgb(102,0,153); list-style-type:none; word-spacing:0; margin-top:0; margin-bottom:0 }

div.pics {
  float: right;  /* FLOAT RIGHT FOR BACKUP PURPOSES ONLY (in case left or right is not specified) */
  width: 120px;
  margin: 0px;
  padding: 0px;
  /*border: thin silver solid;  */
}

.pics img, img.pics {
	border-style: inset;  /* I like ridge & inset & groove (groove is a subtler form of inset */
	border-color: #a3a292; /* #000000; */  /* #a3a292; */
	border-width:3px; 
}

.pics p, .pics:first-letter
{
  display: table-cell;
  width: 100%;  /* was 100% */
  text-align: center;
  font-style: italic;
  font-family: Arial;
  font-size: 90%;
  text-indent: 0;
} 
/*  p:first-letter.pics DIDN'T WORK! */
div.left {
	float: left; 
	margin: 10px 5px 5px 5px;
	padding: 10px;
 /* 	padding:  0.5em;  Turn on again if border in div.pics is enabled */
}
div.right {
	float: right;
/*	margin: 15px 0 15px 15px; */  /* -0.25em Negative top margin, for better alignment with paragraphs! */
	margin: 10px 5px 5px 5px;
	padding: 10px;
 /* 	padding:  0.5em;  Turn on again if border in div.pics is enabled */
}

ul, ol, form {
	border-style: inset;  /* I like ridge & inset & groove (groove is a subtler form of inset */
	border-color: #a3a292;
	border-width:3px; 
}

ul, li { background: #c9c8b8; /* #A5A5C5;  pretty blue */ /* #E9E6DC; */ }

	/* ol used in newpatients.htm */
ol {
	margin-left: 15px;
	padding: 7px 15px;
	background: #A5A5C5; /* pretty blue */ /* #E9E6DC; */
}

ul {
	float: left;
	/*display: block; */
	margin: 10px 15px 5px 25px;
	padding: 7px 0px;  /* Jan 19/06 - tlp */
	list-style: disc outside;
}

li {
	margin-left: 25px;  /* Need margin here to cause background to include bullets !!! */
/*	padding-left: 8px;  Jan 19/06 - tlp - No longer needed! */
	margin-right: 10px;
	padding-bottom: 8px;	/* Jan 03/06 */
	font-weight: bold;
}

form { background-color: white; }
/*br { clear: both; } */  /* Clear float properties - very important to do after my uls, or text will wrap to the right of the ul! (e.g. Current Listings) */

.clear { clear: both; }

.diamonds {	list-style: disc url('images/Diamond-Black.gif') outside; }

	/* Used in contactus.htm, feedbackform.htm */
dl {
	margin: 10px 40px;  /* Like a nice indent! */
	padding: 0px 8px 15px 8px;  /* Jan 19/06 - tlp - Prev left only */
}

dt {
	margin: 0px 5px;
	padding-bottom: 0px;
	color: red;
}

	/* I LOVE THIS!  The following affects h5, only within a Definition List!!! */
	/* Designed with contactus.htm in mind. */
dt h5, dt h4 {
	margin-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

dd {
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 40px;  /* Need margin here to cause background to include bullets !!! */
	padding-left: 8px;
}

.required { /* CSS Suggestion for required fields ...	border: 1px solid #900;  */ }

 	/* Used by apptrqstsubmitted.htm & feedbacksubmitted.htm */
div.bigandbold {
	text-align: center;
	font-family: 'Tekton Pro', Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 175%;
	font-weight: bold;
	color: #333366;
	margin: 5% 10% 0% 10%;
}

	/* Used in leftsidebar.htm */
.small {	font-size: 95%; }

.small a  { color: white; }   /* { color: #089ffa; }  Blue */
	/* Default color defined above is purple --> too high contrast for the footer background! */
.small a:visited  { color: #089ffa; }  /* Blue */
 /* { color: #792935; } Red Curtain Color */
.small a:hover  { color: #f8f7bd; }  /* Yellow */

#popup
{
	padding: 1em 3% .5em 3%;
	background-color:  rgb(188,216,216);
	height: 100%;
}

#pics {	margin: 1em 0 .5em 0; }

	/* Dec 07/05 - tlp - Previously undefined. */
#container {
/*
	float: left;
	overflow: auto;
*/
/* 	background-color: #c9c8b8; */
	width: 800px;
	margin: 0 auto;
	text-align: left;  /* OVERRIDE what we said in body */
}
#header {
/*	float: left; */
/*	position: absolute; */  /* Inconsistent with float! */
/***
	top: 0px; 
	left: 0px;
 ***/ 
	margin: 0;
	padding: 0;
/*	border-bottom: 1px solid rgb(102,0,153); */
/*	border-right: 1px solid rgb(51,51,102);  */
	z-index: 1;
}

#search {
	position: absolute;
	top: 175px;
	left: 576px;  /* Dec 30/05 - right 0 was annoying! */
	z-index: 10;
}
 
	/* Dec 7/05 - tlp - Interesting discoveries:  position absolute goes well with top, while position relative */
	/*  goes well with margin-top, but not criss-crossed! */
	/* Note:  No height specification for contents! */
	/* Note:  We WANT position absolute, so that the content can OVERLAY the header!!! */
#contents {
/*	background-position: top left;  */  /* WHY WAS THIS SPECIFIED? */
	background-image: url(images/Bkgrnd800.jpg);
	background-repeat: repeat-y;
/* Dec 07/05 - tlp - Don't use margin-top when using float: left for left & header!!!
	margin-top: 160px;  margin-top works better than top -- causes footer to drift to where it should be! */
/*** Feb 14/06 - tlp 
float: left;
	position: absolute;
	top: 30px;
 ****/
/*	left: 420px; */
	clear: both;
	float: left; 
	margin: 33px 0 0 0;
	padding: 0 0 10px 0;
	max-width: 800px;	/* Dec 06/05 - tlp ! */
		/* Dec 06/05 - tlp ! - Fix for IE's non-understanding of max-width. */
		/*   BEAUTIFUL!!!  EXCEPT!!! I lose my liquid columns!!!  */
		/*   To offset, I have JAVASCRIPT that works when the user resizes! */
	width: expression(Math.min(parseInt(this.offsetWidth),800) + "px");
	min-width: 800px;
height: 100%;
/* Assume no borders & no padding for right side bar! */
/*	border-right: 1px solid rgb(51,51,102); */ /* I think I like better with NO right border! */
	z-index: 1; 
}

#contents p, #contents h1, #contents h2, #contents h3, #contents div { padding: 0 20px 0 20px; }   /* Right was 2% */
#contents h1 { margin-top: 40px; }
/* TRYING TO GET THE FOOTER TO DISPLAY 
html>body #contents{
	height: scroll;
	height: auto;  
}
*/

#right
{
	position: absolute;
/*	float: right;  */
	top: 160px;
	right: 0px;
	width: 10px;
height: 100%;
	margin: 0;
	padding: 0px 2px 0px 2px; 
	text-align: center;
	font-family: Verdana;
	font-size: 6pt;
	z-index: 1; 
}

/* TIP on creating equal-sized columns
#left, #contents, #right {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
*/

#footer {
 	clear: both;
 	float: left;
/*	padding: .5% 2% .5% 2%; */
	padding: 0;
	height: 100px;
	width: 800px; 
/* Should just be able to say bottom 0, w/NO top, and add a margin value equal to the footer height! */
/* Let's not do a footer image ...
	background-image: url(images/Footer.jpg);
	background-repeat: repeat-y;
 */ 
	background-color: #084067;  
	color:  #FFF;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
}
#footer a  { color: #9bbee3; }  /*  */
	/* Default color defined above is purple --> too high contrast for the footer background! */
#footer a:visited  { color: #d81ac4; }  /* #d7006c = Light red */
#footer a:hover  { color: #f8f7bd; }  /* Yellow */

.floatright {
	position: relative;
	float: right;
}
.floatleft {
	position: relative;
	float: left;
}
.nopad { margin-bottom: 0;  padding-bottom: 0; }
.indent30 { position: relative;  left: 30px; margin: 0; padding: 0; }

.blockcolor { 
	background: #E9E6DC;
	margin: 8px 50px;
	padding:  8px 40px;
	border-style: inset;  /* I like ridge & inset & groove (groove is a subtler form of inset */
	border-color: #a3a292;
	border-width:3px; 
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'Forte', 'Tekton Pro', 'Tempus Sans ITC', 'Comic Sans MS', Verdana, Tahoma, Arial, Sans-Serif;
	font-weight:  bold; 
	color: #44446b;	/* Blue = rgb(51,51,102) */
}
h1
{
	color: rgb(51,51,102);	/* Blue */
	font-size: 200%;
	margin: 25px 0px 0px 0px;
	padding: 0;
	height: 35px;
/*	color: rgb(102,51,153);   Purple */
}
h2
{
	margin: 20px 0px 0px 0px;
	padding: 0;
	height: 26px;  /* Too much space to paragraphs otherwise! */
	color: rgb(51,51,102);	/* Blue */
	font-size: 150%;
}
h3  { font-family: 'Formal436 BT', Sans-Serif; }

h4  { margin-bottom: 10px; }

h6  { color: rgb(102,204,204); margin-bottom:0	/* Teal - lighter */ }

form { padding: 5%; }

form h1, form h5 {
	font-family: 'Tekton Pro', Verdana, Tahoma, Arial, Sans-Serif;
 	font-weight:  bold; 
	color: #44446b;	/* Blue = rgb(51,51,102) */
}

th
{
	color: rgb(102,0,153);	/* Purple */
	font-weight:bold; 
}
-->