
body        { color: #5a5a5a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 2em; text-align: justify; margin: 0; top: 0; left: 0; width: auto; height: auto; } 
			 
#everything               { background-image: url(../nav_images/biglogo.gif); background-repeat: repeat-y; background-position: right top; display: block; margin: 10px auto 3em; width: 1000px; border: solid 1px #f0f0f0 }
#header      { background-image: url("../images/banners/howard_banner03.jpg"); background-repeat: no-repeat; width: 1000px; height: 200px; border-bottom: 1px solid #cf3 }
#header h1  { display: none; width: 1000px; height: 200px }
#content   { margin-bottom: 3em; float: left }
#col_left      { margin-left: 20px; width: 570px; float: left }
#col_right            { margin: 0; padding-bottom: 3em; bottom: 400px; width: 390px; float: right }

div.photo   { border: dotted 2px #c33 }
img { padding: 2px; border: solid 1px silver }
ul { list-style-type: none; margin: 0; padding: 0 }
a img { padding: 2px; border: solid 1px silver }
img.left { margin-top: 6px; margin-right: 12px; margin-bottom: 6px; float: left }
img.leftclearright  { display: block; margin-top: 6px; margin-right: 12px; margin-bottom: 6px; clear: both }
img.right { margin-top: 6px; margin-bottom: 6px; margin-left: 12px; float: right }
img.right_noframe { margin-top: 6px; margin-bottom: 6px; margin-left: 12px; float: right; border-width: 0 }
#col_right img   { margin-top: 50px; margin-left: 50px; float: left }
a img { padding: 2px; border: solid 1px silver }

#col_left cite em    { color: #424242; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; line-height: 2em; display: block; margin: 2em 20px 2em 30px } 



/* styling the links etc. */
a      { color: #ff8325; font-family: Verdana, Arial, Helvetica, "sans serif"; font-weight: normal; text-decoration: none }
a:hover { font-family: Verdana, Arial, Helvetica, "sans serif"; text-decoration: underline }
a:link image, a:visited image {  border: solid 1px silver; }
a:hover image   { border: solid 1px #ff7b00 }
h1           { color: #ffab1e; font-size: 26px; font-family: Lydian, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 1.4em; text-decoration: none; text-align: left; margin-right: 0; margin-bottom: 1em; margin-left: 20px }
h2            { color: #ffa61a; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1em; margin: 2em 0 1em 20px }
h3 { color: #666; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1em; margin-bottom: -1em; margin-left: 20px }
h2.subheads       { color: white; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1em; background-color: #ffb340; display: block; margin-top: 2em; margin-bottom: 1.5em; margin-left: 20px; padding: 6px 2em 6px 6px; width: 30%; clear: both; border-style: solid; border-width: 1px; border-color: #ffc420 #f09c17 #ed9a16 #ffc420 }
h4  { color: #65817f; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 1em; margin: 0 0 0.8em; padding: 0 }
ul.bullets li  { list-style-image: url(../nav_images/circolino_3px.gif); list-style-position: outside; margin: 0 0 0 30px; padding: 0 }

/* for workshops.php */
ul.seminars { list-style-type: none; margin: 0; padding: 0 }
li.seminar a  { color: #f90 !important; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; list-style-type: none; display: block; margin: 0 0 6px 2em }
li.seminar a:hover  { color: #f90 !important; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline; list-style-type: none; display: block; margin: 0 0 6px 2em }
p     { line-height: 2em; margin-top: 0.5em; margin-bottom: 1.5em; margin-left: 20px }
p.firstparagraph { margin-bottom: 1.5em }
.news         { background-color: #fffdf6 !important; background-image: url("../nav_images/freccinaright20px.png"); background-repeat: no-repeat; background-position: 4px 1em; margin-bottom: 0.8em; margin-left: 1em; padding: 1.2em 3em 1em; width: 570px; float: left; border: solid 1px #dedede }
p.question { font-weight: bold; margin-top: 3em; margin-bottom: 0; font-family:trebuchet, "Trebuchet MS", Verdana; font-size: 12px; }
sup { font-size: 0.7em }

/* navigation */
#upper_menu { margin-top: 1em; margin-left: 20px; padding-left: 0; z-index: 10; width: auto; height: 30px }
#upper_menu ul { line-height: normal; visibility: visible; list-style-type: none; display: inline; margin: 0; padding: 0; width: auto }
#upper_menu li { line-height: normal; background-image: url("../nav_images/backgroundsideband.gif"); background-repeat: no-repeat; background-position: left bottom; display: inline; padding-right: 14px; padding-left: 10px }
		
/*  begins dropdown navigation */		
div#navigation       { background-image: url("../nav_images/semilogo_h300.jpg"); background-repeat: no-repeat; background-position: left top; width: 260px; height: 340px; float: right; clear: both }
ul#verticalmenu   { float: left; border-width: 0 }
.glossymenu, .glossymenu li ul  { background-color: #fff; list-style-type: none; margin: 0; padding: 0; width: 240px; border: solid 1px #ccc }
.glossymenu  { background-color: transparent }
.glossymenu li  { color: #f1ae3d; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; position: relative }

.glossymenu li ul  { display: none; position: absolute; top: 0; left: -260px; width: 220px; border: solid 1px #ccc; -moz-opacity: 1; filter: alpha(opacity=100)  }

.glossymenu li a   { color: #f1ae3d; font: bold 12px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; background-position: left bottom; display: block; padding: 5px 0 5px 10px; width: auto }
/*
.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
}  */

.glossymenu li a:visited, .glossymenu li a:active { }
.glossymenu li a:hover  { color: #a64108; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif }

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */




/* next two properties necessary for AJAX hide/show divs  */
.answer { display: none; padding: 3px; width: 600px }
	
	div.question{
		font-weight:bold;
		font-size: 14px;
		font-family:trebuchet, "Trebuchet MS", Verdana;
		cursor:pointer;
		color: #003366;
		margin-left: 2em;
	}
/* past two properties necessary for AJAX hide/show divs  */





#languagepopup  { color: green; font-size: 9px; font-family: Verdana, Arial, Helvetica, "sans serif"; font-style: normal; text-decoration: none; margin-top: 60px; vertical-align: bottom }
select  { color: #ffa129; font-size: 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-bottom: 1em; width: auto; height: 36px }
.submitbutton { color: #f60; font-weight: bold; font-size: 9px; font-family: Verdana, Arial, Helvetica, "sans serif"; background-color: white; vertical-align: middle; border: solid 1px #f60; width: 90px; height: 18px }
div.infoboxes      { font-size: 95%; margin: 0 0 2em 2em; padding: 8px; width: 300px; float: right; clear: both }
div.infoboxes h3         { font-size: 13px; font-weight: bold; background-color: #f0f0f0; margin: 2em 0 0.6em; padding: 6px 2em 6px 6px; float: left; clear: both; border: solid 1px #e6e6e6 }
div.infoboxes p		 { text-align: left; margin: 0 0 0 1.2em; padding-right: 1em; width: 90%; float: right }
.disclaimer  { font-size: 10px; background-color: #f3f3d2; margin-top: 1em; margin-right: 0; margin-bottom: 0.5em; padding: 8px 20px 8px 8px; width: 240px; float: right; clear: both; border: solid 1px #e6e6e6 }
.disclaimer h3  { color: #f60; font-size: 12px; background-color: none; margin-top: 1em; margin-right: 0; margin-bottom: 1em; width: 100%; clear: both }
hr { margin-top: 40px }
.these_forms_etc   { background-color: #faffa2; margin-bottom: 2em; padding: 12px; width: auto; border: solid 1px #ccc }
/* footer stuff */
#footer                   { color: #777; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; background-color: #eaf0f0; text-align: center; padding-top: 8px; width: auto; height: 36px; clear: both; border: solid 1px #e4e4e4 }
.copyright    { display: inline; margin-top: 6px; margin-left: 360px; width: auto; height: auto; float: left }
.credits a     { color: #eaf0f0; font-style: normal; font-weight: normal; display: inline; margin-top: 6px; margin-right: 1em; float: right }
.credits a:hover  { color: #006400; font-style: normal; font-weight: normal; text-decoration: underline; display: inline }
/* "top of page" divs */
div.topofpage img.freccina     { line-height: 1.5em; margin: 0; padding: 0; float: right;  border: none }
div.topofpage a:hover image { border-width: 0 }
/* "next in" divs */
.nextin    { margin-top: 1em; margin-bottom: 6em; padding-left: 30px }
.nextin strong   { color: white; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1em; background-color: #ffa61a; display: block; margin-top: 3em; margin-bottom: 1em; padding: 6px; width: 40%; border-style: solid; border-width: 1px; border-color: #ffc420 #f09c17 #ed9a16 #ffc420 }
.clickoncity { font-size: 80%; line-height: 1em; margin-top: 0.2em; margin-bottom: 1em }
.seminar_cities   { background-color: #f0f0f0; display: block; margin-top: 0.1em; padding-left: 0.5em; width: 36em; height: 2em; border: solid 1px #e6e6e6 }
.delimit  { color: #ff7900; font-size: 1em; font-weight: bold }
span.highlight { color: #FF6600; font-weight: bold }
/* instructors list stuff */
div.where  { background-color: #ffc; margin-bottom: 1em; width: 500px; border: solid 1px #fcff6a }
#nation { background-color: #f6c; margin-bottom: 60px; float: left; border: solid 2px #c90 }
#nation h2 { background-color: #9f3; margin-bottom: 60px; clear: both; border: solid 2px #c90 }
#instructors_list  { margin-left: 20px; width: 500px }
#instructors_list h2 { color: #fff; background-color: #ffaf2f; margin-top: 2em; margin-bottom: 0.6em; padding: 6px 6px 6px 12px; width: 160px }
#instructors_list h3 { color: #366; margin-top: 1.2em; margin-bottom: 0.6em; width: 300px }
ul.instructor-practitioner    { background-color: #ebf6f6; list-style-type: none; margin: 0 0 1em 2em; padding: 4px 4px 4px 24px; width: 60%; border: solid 1px #e1e1e1 }
ul.instructor-practitioner li { line-height: 1.8em; margin: 0; padding: 0 }
ul.instructor-practitioner li.instructor { color: #626262; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 1.8em; margin: 0; padding: 0 }
ul.instructor-practitioner li.city  { color: #626262; font-weight: bold }

/* treatments calendar styles */
div.month    { font-family: Verdana, Arial, sans-serif, Helvetica; text-align: left; margin-bottom: 12px; left: 0; width: 550px }
.month_where     { margin-top: -15px; margin-bottom: 4em; margin-left: 20px; width: 100% }
.month_where p { line-height: 1.4em; margin-left: 0 }
table.plan  { line-height: 1.4em; margin: 0; padding: 0; }
tr.row_header     { color: #a0a0a0; font-size: 11px; font-weight: normal; line-height: 1.6em; background-color: #f0f0f0; margin: 0 }
tr.row_odd    { color: #999; font-size: 10px; line-height: 1.6em; margin: 0;  border-left: 1px dotted #ccc; }
tr.row_even    { color: #999; font-size: 10px; line-height: 1.6em; margin: 0;   border-left: 1px dotted #ccc; }
td.day   { text-align: center; margin: 0; padding: 4px; width: 100px; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc }
td.city  { text-align: center; margin: 0; padding: 4px; width: 120px; border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc }
td.contact   { text-align: left; padding: 4px 4px 4px 10px; width: 200px; border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc }
td.contact a:hover   { font-weight: normal; text-decoration: underline }
.seminar a { color: #ffab1e; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
/* treatments calendar styles */
table.seminar_schedule   { line-height: 1.4em; margin: 0; padding: 0; width: 760px }
td.seminar     { text-align: center; margin: 0; padding: 4px; width: 400px; border-bottom: 1px dotted #ccc; border-left: 1px dotted #ccc }

/* workshop calendar styles */
div.event   { background-color: #fff; margin-bottom: 2em; padding: 16px 12px 1em; width: 550px; border: solid 1px #ccc }
div.event h3    { color: #996; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1em; margin-bottom: 0.3em; margin-left: 0 }
div.event h4   { color: #366; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1em }
div.event h5    { color: #ff8325; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1em; margin-top: 0.8em; margin-bottom: 0.1em }
div.event p { line-height: 1.6em }
/* peculiars */
#shopinflash   { text-align: center; width: 600px; border: solid 1px #ccc }


/* interviews and essays */
div.essays  { margin-bottom: 3em; width: 260px }
div.hyleeinterviews { margin-bottom: 3em }
div.hyleeinterviews a, div.essays a  { margin-right: 4px }
div.hyleeinterviews a:hover, div.essays a:hover  { }
div.hyleeinterviews ul, div.essays ul   { list-style-type: none; margin: 0; padding: 0; width: 400px }
div.essays h2     { color: #fff; line-height: 1em; background-color: #ffab1e; margin: 0 0 1em; padding: 6px 8px; width: 160px }
div.hyleeinterviews h2   { color: #fff; line-height: 1em; background-color: #ffab1e; margin: 0 0 1em; padding: 6px 8px; width: 260px }
div.essays li, div.hyleeinterviews li   { line-height: 1em; list-style-type: none; margin: 0 0 3px; padding: 6px 12px; width: 550px }
.divider_testimonial  { margin-bottom: 1em; margin-left: 20px; padding-bottom: 1px; border-bottom: 1px dotted #999 }
#byline  { color: #666; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.6em; background-image: url("../nav_images/stripes20px.gif"); background-repeat: no-repeat; background-position: 0 0; margin-bottom: 2em; margin-left: 20px; padding-left: 16px }
#cazzivari  { padding: 8px 8px 12px; border: solid 1px #666 }
#bolognalongevity2008    { background-image: url(../images/archer_multiple250318.jpg); background-repeat: no-repeat; background-position: right bottom }
#bolognalongevity2007 { background-image: url(../images/seaofinfinity.jpg); background-repeat: no-repeat; background-position: right center }
span.followup { color: #360; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; padding: 2px 4px; border: solid 2px }
span.bigquotemarks { color: #bcaea1; font-size: 48px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 0; vertical-align: middle }
span.cancelled { color: #c00; text-decoration: line-through }
/*for longevity.php*/
#col_right div.bluebox  { color: #666; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 0.8em; background-color: #edfaff; margin-left: 80px; padding: 10px; width: 260px; clear: both; border-style: solid; border-width: 1px; border-color: #c9eae5 #b6d4d0 #b6d4d0 #c9eae5 }
#col_right div.bluebox p { color: #666; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.4em; margin: 0 0 1.8em; padding: 0 }
#col_right div.bluebox a { font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif }
.blue_box       { background-color: #f3faff; margin-bottom: 2em; padding: 10px; width: 600px; border-style: solid; border-width: 1px; border-color: #c9eae5 #b6d4d0 #b6d4d0 #c9eae5 }
.blue_box h2   { font-size: 16px; margin-top: 0; margin-left: 1em; padding: 0 }
.blue_box p     { color: #666; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.6em }
.blue_box p.bigger { font-size: 14px }
.blue_box a { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif }


/*for press*/
#articles,  #TV,  #radio { margin-bottom: 1em; width: 600px; float: left; clear: both; border: solid 1px #f6f6f6 }
.geographic_area { display: inline; margin-left: 12px; padding: 6px; width: 170px; float: left }
.geographic_area h4 { color: #666; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1em; background-color: #dedede; padding: 6px }
span.smaller { font-size: 70% }
