<!--
emphasis color { color: #800080 }
caption      { color: #FFFFFF }
.EmailFont   { font-family: Tahoma, Sans-Serif; }
 /* 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;
}

  /* NICE! */
a:hover img {
	display: block; /* WITHOUT display: block; THE ROLLOVER EFFECT WILL NOT WORK for images!!! */
  	/* for IE */
  	filter:alpha(opacity=40);
 	 /* CSS3 standard */
 	opacity:0.4;
	position: relative;
	top: 1px;
	left: 1px;
}
	
body, th, td, ul, li, dd  /* Nov 4/05 Removed div & p */
{
		/* Nov 18/09 - tlp Changed from Tahoma */
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 11.5pt;
	font-weight: medium;  /* Nov 21/09 - inst of '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: #666666; /* #666666; is same as --> */  /*#706f64; */   /* Same as above, darker */
}

body
{
	background-position: top left;  /* top center */
	background-image: url(images/Bkgrnd.jpg);
	background-repeat: repeat-y;
	/* Eliminate borders ... */
	margin: 0;
	padding: 0;
	border: none;
	height: 100%;
/*	background-color: #4c1b20; */
	background-color: #a3a292;
}

/* First-letter fonts that didn't make the cut ... */
/*	font-family: English111 Presto BT; */
/* Freehand591 BT */
/* Burnstown Dam */
/*	font-family: Formal436 BT; */
/* Bradley Hand ITC */
/* English157 BT */
p:first-letter {
	font-family: 'English111 Presto BT', Sans-Serif;
	font-size: 125%;
/*	color: #44446b; */
}

   /* Nov 18/09 - tlp - Added to suppress formatting on demand ... (used in Oraverse) */
.noeffects:first-letter {
	font-size: 100%;
}

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

img {
display: block;position: relative;
    top: -3px;left:-3px;padding:5px;background:#FFF;
    border:1px solid;border-color: #ccc #666 #666 #ccc;
}
*/

div.pics {
  float: right;  /* FLOAT RIGHT FOR BACKUP PURPOSES ONLY (in case left or right is not specified) */
 /* Feb 1/2010 - Why width 40%???  width: 40%; */
  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, .left {
	float: left; 
	margin: -0.25em 0.5em 0.5em 0;  /* Negative top margin, for better alignment with paragraphs! */
  	padding:  0.5em;
}
div.right {
	float: right;
	margin: -0.25em 0 0.5em 0.5em;  /* Negative top margin, for better alignment with paragraphs! */
  	padding: 0.5em; 
}
.right {
	float: right;
	/* Feb 1/2010 - Changed right from 20px to 10, left from 15 to 10! */
	margin: 10px 0 12px 10px;  /* Negative top margin, for better alignment with paragraphs! */
  	padding: 0; 
}
.left {
	float: left;
	margin: 15px 20px 12px 0px;  /* Negative top margin, for better alignment with paragraphs! */
  	padding: 0; 
}
   /* Nov 20/09 */
.center {
	/*margin: 0 auto; */
	/*width: auto;*/
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

ul, ol, dl {
	border-style: inset;  /* I like ridge & inset & groove (groove is a subtler form of inset */
	border-color: #a3a292;
	border-width:3px; 
}

ul, li { background: #E9E6DC; }

	/* ol used in newpatients.htm */
ol {
	margin-left: 15px;
	padding: 7px 15px;
	background: #E9E6DC;
}

ul {
	/*display: block; */
	margin: 10px 15px 5px 25px;
	padding: 7px 0px;  /* Jan 19/06 - tlp */
	list-style: disc url('images/Arrow-Rt-a3a292-Tiny.gif') 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 */
}

.directions {
	margin-top: 5px;
	padding-top: 5px;
}

.directions li {
	padding-top: 0px;
	padding-bottom: 0px;
}

.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;
}

	/* Trying to prevent gap appearing before Telephone --> so far not working! 
dt h4:first { margin-top: 0px; padding-top: 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: Formal436 BT;
	font-size: 175%;
	font-weight: bold;
	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 {
/*** Nov 21/09 - CENTER
	margin: 0 auto;
	width: 1002px;
	padding: 0;
 ***/
 
/*
	float: left;
	overflow: auto;
*/
}
#header {
	top: 0px; 
	left: 0px; 
	margin: 0;
	padding: 0;
	z-index: 0;
}

#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! */
#left
{
/*	position: absolute; */  /* Oct 20/05 - tlp - was floating to bottom! */
	float: left;
	margin: 0;
	margin-top: 320px;  /* Jan 11/06 - tlp - Necessary since I'm using DHTML menus */
/* Dec 7/05 - Commenting out!	margin-top: 270px; Oct 20/05  */
	/* left: 40px; */
	width: 160px;
height: 100%;
	text-align: center;
	font-size: 90%;
	padding: 0px 0px 0px 2px;  /* Previously 0 5 1 5; */
	z-index: 20;
}

	/* Note:  No height specification for contents! */
	/* Note:  We WANT position absolute, so that the content can OVERLAY the header!!! */
#contents {
	position: absolute;
/* 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! */
/*float: left;   Feb 08/06 - tlp - UNNECESSARY? */
	top: 160px;
	left: 175px;
	margin-right: 15px;
	margin-bottom: 20px;
	max-width: 792px;	/* 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), 792) + "px");
height: 100%;
/* Assume no borders & no padding for right side bar! */
/* Was 2%, but I don't think Netscape processes!!!??? */
	padding: 2% 2% 0 1%;  /* Nov 20/09 - Left WAS 1% - too much in Firefox! */
	z-index: 1; 
}

/* 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;  /* Force the footer below any floated elements above */
	   /* Feb 21/06 - tlp - float left INSTEAD OF position absolute - I'm trying to */
	   /*  lose the need to re-position the footer onload of each page!!! */
	left: 175px;
	float: left;
 	margin-top: 4%;
 	padding: -1%;
 	/* Feb 1/2010 - Was -5%  margin-left: -1% !important;   */
	background-position: top left;  /* top center */
	background-image: url(images/Footer.jpg);
	background-repeat: repeat-y;
	color:  #FFF;
	background-color: #44446b;
	font-size: 80%;
	font-weight: normal;
	height: 100px;
	width: 842px;  /* Nov 20/09 - was 837? */
	z-index: 10;
/*
	margin: 0 0 0 -30px;
	padding: .5% 2% .5% 2%;
 */
	text-align: center;
}
#footer a  { color: #089ffa; }  /* Blue */
	/* Default color defined above is purple --> too high contrast for the footer background! */
#footer a:visited  { color: #d7006c; }  /* Light red */
#footer a:hover  { color: #f8f7bd; }  /* Yellow */


   /* #Locations h1 span */
#Welcome h1 span, #Locations h1 span,  #Services h1 span, #NewPatients h1 span, #Children h1 span, #Payment h1 span, #Appointments h1 span, #Amenities h1 span, #Doctors h1 span,  #ContactUs h1 span,  #Education h1 span,  #AsktheDentist h1 span, #Referrals h1 span, #Photos h1 span,  #SPECIALS h1 span, #EMERGENCIES h1 span, #TeethWhitening h2 span, #Sealants h2 span, #Bonding h2 span, #Veneers h2 span, #Lumineers h2 span, #Crowns h2 span, #SameDay h2 span, #Partials h2 span, #DigitalImaging h2 span, #GumTherapy h2 span, #Implants h2 span, #Oraverse h2 span, #Other h2 span, #YourChildsTeeth h2 span, #ParentsReadThis h2 span, #ExistingPatients h2 span, #YourChildsFirstVisit h2 span, #TheBest h2 span, #KidsLoft h2 span, #Movie h2 span, #Video h2 span,  #OvertheChair h2 span  { display: none; }

#Welcome h1, #Locations h1, #Services h1, #NewPatients h1, #Children h1, #Payment h1, #Appointments h1, #Amenities h1, #Doctors h1, #ContactUs h1, #Education h1, #AsktheDentist h1, #Referrals h1, #Photos h1, #SPECIALS h1, #EMERGENCIES h1, #TeethWhitening h2, #Sealants h2, #Bonding h2, #Veneers h2, #Lumineers h2, #Crowns h2, #SameDay h2, #Partials h2, #DigitalImaging h2, #GumTherapy h2, #Implants h2, #Oraverse h2, #Other h2, #YourChildsTeeth h2, #ParentsReadThis h2, #ExistingPatients h2, #YourChildsFirstVisit h2, #TheBest h2, #KidsLoft h2, #Movie h2, #Video h2, #OvertheChair h2  {
	background-repeat: no-repeat;
/*	background-position: left top; */
	z-index: 1;
	width: auto;
}

#AsktheDentist h1 { background-image: url(images/Txt-AsktheDentist.gif); }
#DentalDecay h1 { background-image: url(images/Txt-WhatisDentalDecay.gif); }

h2#TexasCity, h2#LeagueCity  { display: none; }

.floatright {
	position: relative;
	float: left;
}
.floatleft {
	position: relative;
	float: left;
}

   /* Use this class to have contained elements STRETCH AROUND images etc. */
.clear {
	clear: both;
}

.indent1 {
	/*text-indent: 20px; */
	margin-left: 15px;
	line-height: 120%;
}

.indent2 {
	/*text-indent: 20px; */
	margin-left: 30px;
	line-height: 120%;
}

.indent3 {
	margin-left: 45px;
	line-height: 120%;
}
.indent5 {
	margin-left: 65px;
	line-height: 120%;
}

.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-weight:  bold; 
	color: #44446b;	/* Blue = rgb(51,51,102) */
}
h1
{
	color: rgb(51,51,102);	/* Blue */
	font-size: 185%;
	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 */ }

th
{
	color: rgb(102,0,153);	/* Purple */
	font-weight:bold; 
}
-->