/* CSS Document -- where there's a float, there's a width, and where there's a width, there's zeroed margin and padding (for left and right) -- use both padding: 0; and then padding-left: Xpx (not margin) on unfloated columns to clear the left, and don't specify width (make width statements elsewhere) --*/

/*  	background: #d6eef8;
 I've removed most comments from below -- will have complete comments in an annotated version */
body {
	margin: 0;
	padding: 0;
	background: #cae1ea url(bkg-blue.jpg);
	font-size: small;
	font-family: Times, "Times New Roman", Georgia, serif;
	}
	
	/* selectors for body (pg-), submenu (s-), and top menu (t-)
	pg-contact
	pg-sitemap
	pg-home 
	pg-sfclinic s- t-
	pg-newpatients s-
	pg-appointments s-
	pg-location s-
	pg-conditions s-
	pg-whattoexpect s-
	pg-testimonials s-
	pg-herbal s- t-
	pg-pharmacy s-
	pg-herbalproducts s-
	pg-takeherbs s-
	pg-recipes s-
	pg-hande s-t-
	pg-clinicstory s-
	pg-interviews s-
	pg biographies s-
	pg-published s- (bibliography)
	pg-additional s-
	pg-acu s-t-
	pg-acupuncture s-
	pg-chinesemedicine s-
	pg-library s-
	pg-publications s- (for sale)
	pg-publications-bhe s-
	pg-publications-bhe-fw s-
	pg-practitioners s- (?) */
	
	div, p, ul, ol, h1, h2, h3, h4, h6, li {
		margin: 0;
		padding: 0;
		}
h1, h2, h3, h4, h6 {
		color: #000;
		line-height: 1em;
		}
#main h2, h3, h4, h6 {
		line-height: 1.35em;
		}

		/* colors I've tried:
		pretty good:  775D32
		eh:  
		*/
		
.credentials {
		font-size: smaller;
		}	
.sc {
		font-variant: small-caps;
		}	
.scformula {
		font-variant: small-caps;
		}	
.scformula-line {
		font-variant: small-caps;
		font-size: 1.1em;
		letter-spacing: .5px;
		}	
.title {
	font-style: italic;
	font-size: 1.025em;
	}		
/* used for Speaker: Question. Speaker:  Answer. in interviews (for Speaker:) */
.see {
	font-weight: bold;
	color: #496871;
	}
	/* .cont = continuing text, indicated by the subsequent paragraph indents */
.reduce {
	font-size: .90em;
	}
		
ul.abc {
	margin: -9px 0 0 0;
	margin-left: 1.25em;
	padding:  0 0 12px 0;
 }
ul.abc li {
	margin: 0 0 0 .75em;
	padding: 3px 4px 0 6px;
	list-style-type: square;
	line-height: 1.35em;
	}
	ul.abcd {
	margin: -9px 0 0 0;
	margin-left: 3.5em;
	padding:  0 0 12px 0;
 }
ul.abcd li {
	margin: 0 0 0 .75em;
	padding: 3px 4px 0 6px;
	list-style-type: none;
	line-height: 1.35em;
	}
	ul.herbs {
	margin: -9px 0 0 0;
	margin-left: 1.25em;
	padding:  0 0 12px 0;
 }
ul.herbs li {
	margin: 0 0 0 .75em;
	padding: 9px 4px 0 6px;
	list-style-type: square;
	line-height: 1.35em;
	}


	ol {
	margin: -9px 0 0 0;
	margin-left: 1.25em;
	padding:  0 0 12px 0;
 }
ol li {
	margin: 0 0 0 .75em;
	padding: 9px 4px 0 6px;
	line-height: 1.35em;
	}

	ul.biblio {
	margin: 0 0 0 0;
	margin-left: 1.5em;
	margin-right: 2.5em;
	padding:  0 0 12px 0;
 }
ul.biblio li {
	margin: 0 0 0 1.75em;
	padding: 15px 4px 0 6px;
	text-indent: -1.5em;
	list-style-type: none;
	line-height: 1.4em;
	}
ul.biblio li.firstli {
	padding-top: 3px;
	}

ul.biblio a {
	
	}

/* #top, #bottom, #container, and #inner have to float because they have a background image and they contain floating #sidebar; if they didn't float, their background images wouldn't show up in some browsers [Bulletproof Web Design pg 52: when a container has a background image/color AND contains floating elements, the container must float also or the background won't show up (because the floating bits have gone out of the normal flow of the document, so take the container out, too). Also, CSS2.0 specifies "a floated box must have an explicit width"] So #inner gets a width of 100% (meaning, 100% of container's width) */

/* ----- P A G E   A R T    H O L D E R S ----- */

#top { 
	margin: 0;
	padding: 0;
	background: url(images//bkg-blue-gradient.jpg) repeat-x left top;
	float: left;
	width: 100%;
	}
	
#bottom {
	margin: 0;
	padding: 0;
	background: url(images/bkg-b-g-s-gradient.jpg) repeat-x left bottom;
	float: left;
	width: 100%;
	}
	
#container {
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(images/bkg-top-linedrawing-faded.gif) no-repeat 306px -40px;
	float: left;
	position: relative;
	font-size: 1.15em;
	line-height: 1.4em;
	}
/* min height is top gradient 180 + bottom gradient 696 = 876 */
			
#inner {
	margin: 0;
	padding: 0;
	background: url(images/bkg-bottom-linedrawing.gif) no-repeat 450px bottom; 
	float: left;
	width: 100%;
	min-height: 876px;
	}
	/* why do I have #page-margins as a floated element? it has no background image (so it doesn't need to float), and it can't specify a width (which all floated elements are required to do), which should cause trouble
	
IT DID CAUSE TROUBLE -- I've removed it!
now IE doesn't pop #main stuff down under! whew!!!  #fcce85*/
#page-margins {
	margin: 28px 0 6em 34px;
	}

	/*  * * * * * * * H O M E - P A G E * * * * * * *  */
body#homepage {
	background: #fbc670 url(images/home-gradient-salmon.jpg) ;
	}
#bottom-home {
	margin: 0;
	padding: 0;
	background: url(images/home-gradient.jpg) repeat-x 0 0;
	float: left;
	width: 100%;
	}
#container-home {
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(images/homepg-manB.gif) no-repeat right top;
	float: left;
	position: relative;
	font-size: 1.05em;
	line-height: 1.4em;
	}
#inner-home {
	margin: 0;
	padding: 0;
	background: none;
	float: left;
	width: 100%;
	}
/* 	min-height: 650px;  */
#page-margins-home {
	margin: 40px 0 0 0;
	padding: 0;
	}
#container-home #homeright {
		float: right;
	margin :0;
	padding: 0;
		width: 358px;
		}
/* 
#container-home #homeright {
	position: absolute;
	top: 250px;
	right: 385px;
	margin: 0;
	padding: 0;
	width: 385px;
	text-align: left;
		}
*/
#container-home #homeright p {
			margin: 0;
			padding: 0;
			font-size: 1.2em;
			line-height: 1.4em;
			margin: 15px 25px 60px 0;
		}
#container-home	#homeright p.first {
			clear: left;
			margin-bottom: 15px;
			text-indent: 30px;
			}
#container-home #homeright p .credentials {
		font-size: 13px;
		}	
#container-home #homeright img {
		float: left;
		padding: 0;
		margin: 0;
		margin-bottom: 20px;
		}

#container-home #homeright blockquote.pull  {
	width: 333px;
	margin: 0;
	padding:0;
	float: left;
		}
#container-home #homeright blockquote.pull div  {
	margin: 0 0 15px 0;
	padding: 0;
	padding: 0 0 6px 0;
	border-top: 1px solid #834a34;
	border-bottom: 1px solid #834a34;
	}
#container-home #homeright blockquote.pull div p {
	margin: 0;
	padding: .25em 0 0 0;
	color: #834a34;
	font-size: 14pt;
	line-height: 1.35em;
	text-align: left;
	text-indent: 0;
	}
#container-home #homeright blockquote.pull p.citation  {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 13pt;
	}

#homemenu {
	margin :0;
	padding: 0;
	}
#homemenu h2 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	width: 240px;
	text-align: center;
	}
#homemenu h2 a {
	text-decoration: none;
	line-height: 1.1em;
	font-weight: normal;
	color: #000;
	padding: 3px;
	}
#homeright p a {
	color: #3a3a73;
	padding: 2px 1px 2px 1px;
	}
#homeright p a:hover {
	background: #fbbb8d;
	background: #C8F5FF;
	color: #000;			
	}
#homemenu h2 a:hover {
	color: #834a34;
	color: #3a3a73;
	}
#homeright p a:active,
#homemenu h2 a:active {
	background: #fff;
	}
#homemenu-ctm {
	position: absolute;
	top: 150px;
	right: 484px;
	}
#homemenu-sfclinic {
	position: absolute;
	top: 225px;
	right: 713px;
	}
#homemenu-hande {
	position: absolute;
	top: 440px;
	right: 610px;
	}
#homemenu-herbal {
	position: absolute;
	top: 355px;
	right: 383px;
	}
#homefooter {
	position: absolute;
	bottom: .75em;
	right: 20px;
	width: 95%;
	color: #444;
	}
ul#home-btmlinks {
	position: absolute;
	bottom: 0%;
	right: 5px;
	margin: 0;
	padding: 0;
	width: 280px;
	text-align: right;
	}

ul#home-btmlinks li {
	display: inline;
	list-style: none;
	}

ul#home-btmlinks li a {
	color: #444;
	text-decoration: none;
	font-size: .90em;
	padding: 5px;
	}
ul#home-btmlinks li a:hover {
	background: #faeac0;
	}
ul#home-btmlinks li a:active {
	background: #fff;
	}
/*  f9da8d  fbe7b3 */
#homecopyright {
	position: absolute;
	bottom: 0%;
	left: 15px;
	margin: 0;
	font-size: .90em;
	}
	
	
	/*  * * * * * * * E N D - H P * * * * * * *  */

/* ----- H E A D E R ----- */

#header {
	height: 121px;
	position: relative;
	margin: 0;
	padding: 0;
	padding-left: 262px;
	}

#logo {
	position: absolute;
	left: 0%;
	top: 0%;
	border: none;
	}
			
ul#menu {
	margin: 0;
	padding: 0;
	max-width: 682px;
	list-style: none;
	}
ul#menu li {
	float: left;
	list-style: none;
	margin: 2px 0 0 3px;
	padding:0;
		background: #a1e6fa;
	}
ul#menu a, ul#menu p {
	display: block;
	padding: 0 6px 0 6px;
	text-decoration: none;
	border: none;
	}
ul#menu a img, ul#menu img {
	border: none;
	}
	ul#menu span.youarehere {
	display: block;
	padding: 0 6px 0 6px;
	}
ul#menu li:hover {
	background: #cae1ea;
	}
ul#menu a:active {
	background: #fff;
	}

/* to make the top menu highlight the section you're in */

body#sfclinic li#t-sfclinic,
body#appointments li#t-sfclinic,
body#location li#t-sfclinic,
body#conditions li#t-sfclinic,
body#whattoexpect li#t-sfclinic,
body#testimonials li#t-sfclinic,
body#herbal li#t-herbal,
body#pharmacy li#t-herbal,
body#herbalproducts li#t-herbal,
body#takeherbs li#t-herbal,
body#firstaid li#t-herbal,
body#herbalmedicine li#t-herbal,
body#medicine1 li#t-herbal,
body#medicine2 li#t-herbal,
body#medicine3 li#t-herbal,
body#medicine4 li#t-herbal,
body#casestudies li#t-herbal,
body#case1 li#t-herbal,
body#case2 li#t-herbal,
body#case3 li#t-herbal,
body#case4 li#t-herbal,
body#acu li#t-acu,
body#acupuncture li#t-acu,
body#library li#t-acu,
body#chinesemedicine li#t-acu,
body#ctm1 li#t-acu,
body#ctm2 li#t-acu,
body#ctm3 li#t-acu,
body#publications li#t-acu,
body#publications-bhe li#t-acu,
body#publications-bhe-fw li#t-acu,
body#hande li#t-hande,
body#interviews li#t-hande,
body#biographies li#t-hande,
body#published li#t-hande {
	background: #dfdfff; 
	border-bottom: 1px solid white;
	}


/* ---- C O N T E N T ---- */

#content {
	margin: 0;
	padding: 0;
	padding-bottom: 90px;	
	}
/* ----- S I D E B A R ----- */

#sidebar {
	margin: 0;
	padding: 0;
	padding-top: 2.75em;
	float: left;
	width: 234px;
	}
#sidebar h2 {
	margin: 0;
	margin-bottom: 2px;
	padding: 0;
	padding-bottom: 3px;
	font-weight: normal;
	font-size: 1.4em;
	border-bottom: 1px solid #834a34;
	}
#sidebar h2.side-image {
	margin: -9px 0 2px 0;
	padding: 3px 3px 2px 3px;
	border: 0;
	border-top: 1px solid #834a34;
	}
#sidebar h2.section {
	text-align: right;
	padding: 3px 3px 2px 3px;
	}
#sidebar h2.section:hover {
	background: #e4f0f4;			
	}
#sidebar h2.section:active {
	background: #fff;			
	}
h2.section a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0;
	}
	
body#sfclinic h2#s-sfclinic,
body#herbal h2#s-herbal,
body#hande h2#s-hande,
body#acu h2#s-acu {
	background: #fff;}

p.section {
	text-align: right;
	letter-spacing: 1px;
	margin: 0;
	padding: 1px 3px 3px 0;
	font-size: 1.1em;
	line-height: 1.1em;
	color: #333;			
	}

page #content ul#submenu, page #content ul#subsetmenu {
	margin: 0;
	padding: 0;
	line-height: 1em;
	}
body ul#submenu li, body ul#subsetmenu li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 234px;
	font-weight: bold;
	color: #000;
	text-align: right;
}
body ul#submenu li a, body ul#submenu li p, 
body ul#subsetmenu li a, body ul#subsetmenu li p{
	display: block;
	line-height: 1em;
	margin: 0 0 0 0;
	padding: 0;
	padding: 5px 27px 4px 3px;
	border-bottom: 2px solid #cae1ea;
	text-decoration: none;
	text-align: right;
	color: #000;
	font-size: 1em;
	line-height: 1em;
	}
body ul#subsetmenu li a, body ul#subsetmenu li p{
	padding-right: 47px;
	font-weight: normal;
	}
ul#submenu li a {
	background: #d7e9ef url(images/link-icon.gif) no-repeat 214px center;
	}
ul#subsetmenu li a {
	background: #d7e9ef url(images/link-icon.gif) no-repeat 194px center;
	}
ul#submenu li a:hover,
ul#subsetmenu li a:hover {
	background-color: #e4f0f4;
	}
ul#submenu li a:active,
ul#subsetmenu li a:active {
	background-color: #fff;
	}
body#appointments li#s-appointments,
body#location li#s-location,
body#conditions li#s-conditions,
body#whattoexpect li#s-whattoexpect,
body#testimonials li#s-testimonials,
body#pharmacy li#s-pharmacy,
body#herbalproducts li#s-herbalproducts,
body#takeherbs li#s-takeherbs,
body#firstaid li#s-firstaid,
body#acupuncture li#s-acupuncture,
body#library li#s-library,
body#interviews li#s-interviews,
body#biographies li#s-biographies,
body#published li#s-published  {
	background: #fff url(images/link-here.gif) no-repeat 214px center;
	}
/* links with subset menus */
body#herbalmedicine li#s-herbalmedicine,
body#casestudies li#s-casestudies,
body#chinesemedicine li#s-chinesemedicine,
body#publications li#s-publications  {
	background: #fff url(images/link-here.gif) no-repeat 214px .45em;
	}
/* links in subset menus */
body#publications-bhe li#s-publications-bhe,
body#publications-bhe-fw li#s-publications-bhe-fw,
body#ctm1 li#s-ctm1,
body#ctm2 li#s-ctm2,
body#ctm3 li#s-ctm3,
body#medicine1 li#s-medicine1,
body#medicine2 li#s-medicine2,
body#medicine3 li#s-medicine3,
body#medicine4 li#s-medicine4,
body#case1 li#s-case1,
body#case2 li#s-case2,
body#case3 li#s-case3,
body#case4 li#s-case4  {
	background: #fff url(images/link-here.gif) no-repeat 194px center;
	}

body#conditions #main div.right234 p,
body#conditions #main div.left234 p {
	text-align: center;
	}

ul#subsubmenu {
	margin: -1px 0 0 0;
	padding: 0;
	width: 234px;
	text-align: left;
	}

ul#subsubmenu li {
	margin: 0;
	padding: 1px 0 2px 0;
	display: inline;
	list-style: none;
	color: #3a3a73;
	}

ul#subsubmenu li a {
	color: #000;
	text-decoration: none;
	font-size: .86em;
padding: 1px 3px 2px 3px;	}
ul#subsubmenu li a:hover {
	background: #e4f0f4;
	}
ul#subsubmenu li a:active {
	background: #fff;
	}

/* ----S I D E N O T E S---- */

#sidenotes {
	margin: 0;
	padding: 0;
	}
	/* The floated dl dt-dd combinations used in address&hours create a problem with the elements that come after them, which must be cleared (clear: both) and must use padding rather than margin to create consistent vertical spacing; this needs a real fix  */

	/* clear:both caused trouble in #testimonials, so I'm removing it from h2 and img.window -- I don't know why it was put there, so trouble may result from removing it */
#sidenotes h2, #sidenotes img {
	margin: 0;
	padding-top: 1.5em;
	}
#sidenotes img.imgcenterphoto {
	padding-top: 0;
	}
	#sidenotes img.window {
	margin: 0 0 0 -14px;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	}

#sidenotes p, #sidenotes dl {
	font-size: 1em;
	}
#sidenotes p {
	padding-top: 9px;
	line-height: 1.3em;
	}
#sidenotes p a, #sidenotes dl a, #sidenotes h2 a  {
	margin: 0;
	padding: 3px 0 3px 0;
	padding-right: 20px;
	background: url(images/link-icon.gif) no-repeat right center;
	color: #3a3a73;
	}
	#sidenotes p a {
		background: none;
		padding-right: 0;
		}
ul#links-list {
	margin: 6px 0 0 2em;
	list-style: none;
	line-height: 1.25em;
	}
ul#links-list li {
	text-indent: -1em;
	margin: 5px 0 0 0;
	padding: 0; 
	}
ul#links-list a  {
	margin: 0 3px 0 0;
	padding: 2px 0 2px;
	color: #3a3a73;
	}
#sidenotes h2.side-image a,
#sidenotes h2 a {
	text-decoration: none;
	background-color: transparent;}
#sidenotes p a:hover, 
#sidenotes dl a:hover, 
#sidenotes h2.side-image a:hover,
#sidenotes h2 a:hover, 
ul#links-list a:hover {
	background-color: #e4f0f4;
	}
#sidenotes p a:active, 
#sidenotes dl a:active, 
#sidenotes h2.side-image a:active,
#sidenotes h2 a:active,
ul#links-list a:active {
	background-color: #fff;
	}

/* ----A D D R E S S  -  H O U R S---- */

/* use span.credentials (=font-size: 86%) for OMD and LAc; use span.sc (=font-variant: small-caps) for am, pm */

div.clinic-info {
		margin: 0;
		padding: 0;
		width: 234px;
		line-height: 1.3em;
		display: block;
		float: left;
		}
p#clinic-email {
		text-align: left;
		padding: 0;
		margin: .3em 0 0 0;
		line-height: 1.2em;
		}
p#clinic-email a  {
	clear: both;
		padding: 3px;
		background: none;
		text-decoration: underline;
		}
dl#phone, dl#hours {
		margin: 0;
		padding: 0;
		padding-top: 12px;
		width: 234px;
		}
dl#hours {
		padding-top: 12px;
			line-height: 1em;
	}
dl#phone dt, dl#hours dt {
		clear: left;
		margin: 0;
		padding: 0;
		float: left;
		}
dl#phone dd, dl#hours dd {
	margin: 0;
	padding: 0;
	float: right;
	text-align: left;
	width: 178px;
	display: inline;
	}

dl#hours dt {
	padding-bottom: 8px;
	}
dl#hours dd {
	width: 60%;
	text-align: center;
	}
	
	/* -----T E S T I M O N I A L---- */
#testimonial {
	margin: 0;
	padding: 0;
	margin-top: 2.5em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
#testimonial p {
	margin: 1px 0 1px 0;
	line-height: 1.35em;
	padding: 12px 6px 9px 10px;
	background: #d7e9ef;
	}
	#testimonial p + p {
	margin: -5px 0 1px 0;
	padding: 0 2px 9px 10px;
	background: #d7e9ef;
	}

#testimonial p.salmon {
	background: #faeac0;
	}
#testimonial p .initcap,
#main p .initcap {
	font-size: 1.5em;
	}
#sidebar span.patient,
#sidebar span.citation,
#testimonial span.citation,
#testimonial span.patient {
	text-align: right;
	font-style: italic;
	font-size: 1.025em;
	display: block;
	padding: 2px 9px 3px 0;
	}
#testimonial  .citation  .title {
	font-style: normal; 
	}
#testimonial a {
	text-align: right;
	}
#testimonial a:hover {
	background-color: #fff;
	}
	

 /* ----- M A I N ----- */

#main {
	margin: 0;
	padding: 0;
	padding-left: 268px;
	padding-right: 24px;
	}
	/* I had specified a min-width of 275px, but I can't specify a min-width: IE7 will pop the main div below the sidebar div if the window is narrower than the min-width + any illustrations;
	but if I take the illustrations out of background */
#main div {
	margin: 0;
	padding: 0;
	max-width: 624px;
	}
h1 {
	font-size: 1.9em;
	line-height: 1em;
	} 
	span.title-two {
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1em;
			text-align: left;

	} 
#main h1, #main h2, #main h3 {
	font-weight: normal;
	}
#main h2 {
	margin: 12px 0 3px 0;;
	padding: 0 0 3px 0;
	font-size: 1.35em;
	}
	#main h3 {
	margin: 12px 0 3px 0;;
	padding: 0 0 6px 0;
	font-size: 1.25em;
	}

#main p.first {
	padding-top: 1em;
	}
	/* design says this should be justify, in any case, make li align left */
#main p, #main blockquote, #main li {
	text-align: left;
	font-size: 1.1em;
	}
			#main li li {
	font-size: 1em;
		}
/* That above is so that nested uls don't get larger and larger */

#main blockquote {
	margin: 1em 2em 1em 3em;
	}
#main p {
	margin: 0;
	padding: 0;
	padding-bottom: 12px;
	line-height: 1.425em;
	}
#main p.cont {
	text-indent: 30px;
	}
#main p.reference-note {
	font-size: .90em;
	line-height: 1.1em;
	}
	#main p.reference-note em {
	font-size: 1em;
	}

#main h3 a, 
#main h2 a, 
#main p a,
#main p a.link-icon, 
#main li a  {
	padding: 3px 0 3px 0;
	padding-right: 20px;
	background: url(images/link-icon.gif) no-repeat right center;
	color: #3a3a73;
	}
#main a.noicon,
#main ul.biblio a,
#main p a {
	background: none;
	padding-right: 0;
	}
#main a.previous-page  {
	padding: 3px;
	padding-left: 20px;
	margin-right: 3px;
	background: url(images/link-icon-left.gif) no-repeat left center;
	}
#main a.previous-page,
#main a.next-page {
	color: #3a3a73;
	}
#main h3 a:hover, 
#main h2 a:hover, 
#main p a:hover, 
#main li a:hover {
	background-color: #e4f0f4;
	}
#main h3 a:active, 
#main h2 a:active, 
#main p a:active, 
#main li a:active {
	background-color: #fff;
	}
body em {
	font-size: 1.025em; 
	}
#main .backtolist {
	padding-left: 2em;
	}
#main .backtolist a {
	background: url(images/link-icon-up.gif) no-repeat right center;
	padding: 3px;
	padding-right: 22px;
	color: #3a3a73;	
	}
#main .backtolist a:hover {
	background: #e4f0f4 url(images/link-icon-up.gif) no-repeat right center;	
	}
#main .backtolist a:active {
	background: #fff url(images/link-icon-up.gif) no-repeat right center; 
	}
#content #main blockquote.pull-left,
#content #main blockquote.pull  {
	clear: right;
	width: 333px;
	margin: 0;
	padding:0;
	float: right;
		}
#content #main blockquote.pull-left {
	float: left;
	}
#content #main blockquote.pull-left div,
#content #main blockquote.pull div  {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}
#content #main blockquote.pull div  {
	margin: .5em 0 1em 1em;
	padding: .5em .5em .75em .85em;
	}
#content #main blockquote.pull-left div {
		margin: .5em 1em 1em 0;
padding: .5em .85em .75em .5em;
	}
#content #main blockquote.pull p, 
#content #main blockquote.pull-left p {
	margin: 0;
	padding: .5em 0 0 0;
	color: #834a34;
	font-size: 14pt;
	line-height: 1.35em;
	text-align: left;
	}
#content #main blockquote.pull a  {
	color: #834a34;
	}
#content #main blockquote.pull p.citation, 
#content #main blockquote.pull-left p.citation  {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 13pt;
	}
	#content #main blockquote.pull-left p.citation  {
	padding: 0 10px 0 0;
	}

	#main span.patient {
	font-style: italic;
	font-size: 1.025em;
	padding: 0 0 0 1em;
	}

#main table.herbal {
	margin-left: auto;
	margin-right: auto;
	}
table.herbal td {
	padding: 0 5px 3px 5px;
	vertical-align: top;
	font-size: 1.1em;
	}
#main p.tabledose {
	margin-left: 3em;
	margin-right: 2em;
	font-size: 1.1em;
	line-height: 1.2em;
	}
	#main p.tabledose + p {
	margin-top: .75em;
	}
table.herbal td.right {
	text-align: right;
	}
table.herbal td + td {
	text-align: left;
	}

/* IMAGE DIVS  MAIN & SIDEBAR
--------- .image  .right234 .right333 */	
#main div.right,
#main div.right150,
#main div.right185,
#main div.right234,
#main div.right290,
#main div.right333 {
	float: right;
	}
#main div.left,
#main div.left150,
#main div.left185,
#main div.left234,
#main div.left290,
#main div.left333 {
	float: left;
	}
#main div.image, #sidebar div.image {
	width: 100%;
	text-align: center;
	}
#main div.right, #main div.left {
	width: 260px;
	}
#main div.right150, 
#main div.left150 {
	width: 155px;
	}
#main div.right185, 
#main div.left185 {
	width: 190px;
	}
#main div.right234, 
#main div.left234 {
	width: 244px;
	}
#main div.right290, 
#main div.left290 {
	width: 290px;
	}
#main div.right333, 
#main div.left333  {
	width: 344px;
		}
/* IMG --------- no class, .photo  */

/* the blessed exception in css to the "where there's a float there's a width" commandment -- img can be given a float and a margin value and still work in IE because the html img always specifies width, so No Problemo! whew  */
#main img.imgright,
#main img.imgrightphoto,
#main img.imgleft,
#main img.imgleftphoto,
#main img.imgcenter,
#main img.imgcenterphoto {
	margin-top: 9px;
	margin-bottom: 9px;
	}
#sidebar img.imgcenterphoto, 
#main img.imgrightphoto,
#main img.imgleftphoto,
#main img.imgcenterphoto {
		border: 1px solid #6d9ba8;
	}
#main img.imgrightphoto,
#main img.imgright {
	float:right;
	margin-left:1.5em;
	}
#main img.imgleftphoto,
#main img.imgleft {
	float:left;
	margin-right:2em;
	}
#main img.imgcenter,
#main img.imgcenterphoto {
	margin-left: auto;
	margin-right: auto; 
	}

#main img, #sidebar img,
#main img.photo, #sidebar img.photo {
	display: block;
	border: 0;
	margin-top: 9px;
	margin-bottom: 9px;
	}
#content #main img.photo, #sidebar img.photo  {
		border: 1px solid #6d9ba8;
		}
#main div.right img,
#main div.right150 img,
#main div.right185 img,
#main div.right234 img,
#main div.right290 img,
#main div.right333 img {
	display: block;
	float: right;
	border: 0;
		}
#main div.left img,
#main div.left150 img,
#main div.left185 img,
#main div.left234 img,
#main div.left290 img,
#main div.left333 img {
	display: block;
	float: left;
	border: 0;
		}
#main div.image img, #sidebar div.image img  {
	margin-left: auto;
	margin-right: auto; 
		}

/* -----------------CAPTIONS */

#main div.right p,
#main div.right150 p,
#main div.right185 p,
#main div.right234 p,
#main div.right290 p,
#main div.right333 p,
#main div.left p,
#main div.left150 p,
#main div.left185 p,
#main div.left234 p,
#main div.left290 p,
#main div.left333 p,
#main div.image p,
#sidebar div.image p {
	padding: 0;
	color: #364d53;
	font-size: .83em;
	margin: -7px 0 9px 0;
	line-height: 1.2em;
	}
#main div.right p,
#main div.right185 p,
#main div.right234 p,
#main div.right333 p,
#main div.right p.caption {
	text-align: right; 
	clear: right;
	padding-left: 9px;
	}
#main div.left p,
#main div.left185 p,
#main div.left234 p,
#main div.left333 p {
	text-align: left;
	clear: left;
	padding-right: 9px;
	}
#main div.right234 p,
#main div.right290 p {
	clear: right;
	text-align: center; 
	}
#main div.left234 p,
#main div.left290 p {
	clear: left;
	text-align: center; 
	}
#sidebar div.image p,
#main div.image p {
	text-align: center; 
	}

/* TURN THESE BELOW INTO REGULAR IMG TAGS IN HTML */
body#appointments div.main-image {
	margin: 0;
	padding: 0;
	padding-right: 260px;
	background: url(images/waterfall-244x350.jpg) no-repeat right top;
	}

/* ----- M A I N   M I S C. ----- */
#content #main .hrule {
	width: 100%;
	height: 1px;
 border-bottom: 1px solid #fbbb8d;
	margin-top: 10px;
	margin-bottom: 22px;
	padding: 0;
}
#content #main .space5 {
	margin-top: 5px;
	}
#content #main .space10 {
	margin-top: 10px;
	}
#content #main .space12 {
	margin-top: 12px;
	}
#content #main .space15 {
	margin-top: 15px;
	}
#content #main .space20 {
	margin-top: 20px;
	}

/* ----- F O O T E R ----- */

#footer {
	position: absolute;
	bottom: .75em;
	width: 95%;
	max-width: 925px;
	min-height: 80px;
	}
#back-to-top {
	margin: 0;
	padding: 0;
	padding-left: 268px;
	}
#back-to-top a {
	background: url(images/link-icon-up.gif) no-repeat left center;
	padding: 3px;
	padding-left: 22px;
	color: #3a3a73;
	}
#back-to-top a:hover {
	background: #f9da8d url(images/link-icon-up.gif) no-repeat left center;
	}
#back-to-top a:active {
	background: #fbe7b3 url(images/link-icon-up.gif) no-repeat left center;
	}

#botlogo {
	position: absolute;
	bottom: 0%;
	right: 0%;
	border: 0;
	}
#botlogo a:hover {
	background: url(images/link-faintscreen.gif);
	}
ul#bottomlinks {
	position: absolute;
	bottom: 0%;
	margin: 0;
	padding: 0;
	width: 234px;
	text-align: right;
	}

ul#bottomlinks li {
	display: inline;
	list-style: none;
	}

ul#bottomlinks li a {
	color: #000;
	text-decoration: none;
	font-size: .86em;
	padding: 3px;
	}
ul#bottomlinks li a:hover {
	background: #f9da8d;
	}
ul#bottomlinks li a:active {
	background: #fbe7b3;
	}

#copyright {
	position: absolute;
	bottom: 0%;
	left: 268px;
	margin: 0;
	font-size: .86em;
	}