/* We start by clearing all margins and padding - add as needed */
* {
	margin:0px; 
	padding:0px;
	//most browsers default to font-size:16px;
}

h1 {margin-top:0.5em; margin-bottom:0.5em; font-size:1.6em; font-weight:bold; font-style:normal; font-variant:small-caps;}
h2 {margin-top:0.5em; margin-bottom:0.5em; font-size:1.4em; font-weight:bold; font-style:normal;}
h3 {margin-top:0.5em; margin-bottom:0.5em; font-size:1.3em; font-weight:bold; font-style:normal;}
h4 {margin-top:0.5em; margin-bottom:0.5em; font-size:1.2em; font-weight:bold; font-style:normal;}
h5 {margin-top:0.5em; margin-bottom:0.5em; font-size:1.1em; font-weight:bold; font-style:italic;}
h6 {margin-top:0.5em; margin-bottom:0.5em; font-size:1em; font-weight:bold; font-style:normal; text-decoration:underline;}
h6.H7 {margin-top:0.5em; margin-bottom:0em; font-size:1em; font-weight:bold; font-style:normal; text-decoration:none;}
h6.H8 {margin-top:0.5em; margin-bottom:0em; font-size:1em; font-weight:normal; font-style:italic; text-decoration:none;}
h6.H9 {margin-top:0.5em; margin-bottom:0em; font-size:1em; font-weight:bold; font-style:normal; text-decoration:none; display:inline;}
h6.H10 {margin-top:0.5em; margin-bottom:0em; font-size:1em; font-weight:normal; font-style:italic; text-decoration:none; display:inline;}
span.H7 {margin-top:0.5em; margin-bottom:0em; font-size:0.8em; font-weight:normal; font-style:italic; font-weight:bold;}
span.H8 {margin-top:0.5em; margin-bottom:0em; font-size:0.8em; font-weight:normal; font-style:italic;}

a:visited {color:#880000;}
a:link   {color:#0000ff;}
a:hover  {color:#000000; xbackground-color:yellow;}
a:active {color:#000000;}

hr {
	clear:both;
	margin-top:1em;
	margin-bottom:1em;
}

br {
	clear:both;
}

p { 
	margin-left:1.5em;
	text-indent:-1.5em; 
	padding-top:0.5em;
}

p.noindent {
	text-indent:0em; 
	padding-top:0.5em;
}

div.annotation p {
	text-indent:0em; 
	padding-top:0em;
	padding-bottom:0.5em; 
	margin-left:2em; 
	font-size:0.9em;
	font-style:italic;
}

/* Indents */
.indent { margin-left:2em; }
.indent1 { margin-left:1em; }
.indent2 { margin-left:2em; }
.indent3 { margin-left:3em; }
.indent4 { margin-left:4em; }

i.anot { color:maroon; }

/* Indents all list items */
ul, ol {
	padding-left:2em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

/* Implements hanging indent */
li {
	list-style-position:inside;
	padding-left: 1em;
	text-indent: -1em;
	list-style-position:inside;
	margin-bottom:0.5em;
}

dl {margin-top:0.5em; margin-bottom:0.5em;}
dt {font-weight:bold;}
dd {margin-top:0; margin-bottom:0.5em; 	padding-left:3em;}

table {border-style:groove; border-width:3px; border-collapse:collapse; margin-top:1em; margin-bottom:1em;}
td {padding-left:7px; padding-right:7px; border-style:groove; border-width:3px; background-color:#EEFFDD}
th {padding-left:7px; padding-right:7px; border-style:groove; border-width:3px; background-color:#FFEECC;}
caption {margin-bottom:1em; font-weight:bold; border-style:groove; border-width:3px; border-collapse:collapse; 
	background-color:#FFEECC; margin:1em; }

blockquote {
	padding-left:1.5em;
	border-style:solid; border-width:3px; background-color:#EEFFDD;
}

/*++++++++++++++++++++ GENERIC-MAIN +++++++++++++++++++++++*/
body {
	background-image:url(images/DrWeyrich-landscape-329w-77h.jpg);
	background-repeat:no-repeat;
	background-color:#E4F0F0;
	color:#000000;
	font-family:sans-serif;
	line-height:1.2;
	padding:0.5em;
}

#header {
	clear:both;
	width:100%;
}

#dr_weyrich_logo {
	margin-left:0px;
	margin-right:1%;
	margin-top:0px;
	margin-bottom:1em;
	width:10%;
	border:0px;
	float:left;
}

#titlebox {
	margin-left:1%;
	margin-right:1%;
	margin-top:0px;
	width:71%; 
	float:left; 
	text-align: center;
}

#titlebox_no_pic {
	margin-left:1%;
	margin-right:1%;
	margin-top:0px;
	width:83%; 
	float:left; 
	text-align: center;
}

#title {
	margin-left:1%;
	margin-right:1%;
	margin-top:0px;
	margin-bottom:1em;
	font-size:2em;
	width:95%; 
}

#subtitle {
	margin-left:1%;
	margin-right:1%;
	margin-top:0px;
	margin-bottom:1em;
	font-size:1.5em;
	width:95%; 
	font-style:italic;
}

#dr_weyrich1 {
	margin-left:1%;
	margin-right:-1%;
	margin-top:0px;
	margin-bottom:1em;
	width:15%;
	float:right; 
	overflow:hidden;
	clear:right;
}

#main{
	column-count:1;
}

#fineprint {
	font-size:0.85em;
}

#note {
	font-size:0.85em;
}

#bottominfo {
	font-size:1em;
}

#text {
}

/*-------------------- GENERIC-MAIN -----------------------*/

/*++++++++++++++++++++ GENERIC-POPUP +++++++++++++++++++++++*/
nav.popup_nav {
	font-size:1.2em;
	display: inline-block;
	clear:left;
	float:left;
	margin:0 0 0 0;
	background-color:#E4F0F0;
	padding:0em;
	border:3px solid #000000;
	width:100%;
}

	.openclose {
		display:block; 
		text-align:center;
		border:3px solid #000000;
		border-radius:0;
		padding:0em 0.5em 0em 0.5em;
		margin:0em 0em 0em 0em;
		background-color:#E4D3C9;
		font-size:1em;
	}

	.openclose:hover {
		background-color:#CFECBC;
	}
		.popup_button {
		display:inline-block; 
		text-align:center;
		border:3px solid #000000;
		border-radius:0;
		padding:0em 0.5em 0em 0.5em;
		margin:0em 0em 0em 0em;
		background-color:#E4D3C9;
		font-size:1em;
	}

	.popup_button:hover {
		background-color:#CFECBC;
		color:#000000;
	}

	.popup_button {
		text-decoration:none;
		color:#000000;
		font-weight:bold;
	}

	.popup_current {
		display:inline-block; 
		text-align:center;
		border:3px solid #000000;
		border-radius:0;
		padding:0em 0.5em 0em 0.5em;
		margin:0em 0em 0em 0em;
		background-color:#ffffff;
		font-size:1em;
	}
/*------------------- GENERIC-POPUP ------------------------*/

#text {
}

#office_frame {
	column-count:2;	
	//clear:all;
}

#phoenix_office {
	//clear:all;
	//flow:left;
	display:inline-block;
	text-align:center;
	valign='top';
}

#payson_office {
	display:inline-block;
	text-align:center;
	valign='top';
}

#scdale_office {
	display:inline-block;
	text-align:center;
	valign='top';
}

#add_office {
	//flow:left;
	display:inline-block;
	text-align:center;
	valign='top';
}

#main_office {
	display:inline-block;
	text-align:center;
	valign='top';
}

.YouTube {width:90%; max-width:512px;}

img.THUMB {height:10em; float:left; margin-right:2em;}
img.ORIG {max-height:85%; max-width:75%; *width:75%; float:left;}
img.DBLHEIGHT {height:170%;}
img.FULLHEIGHT {height:700px;}
img.THREEQTRHEIGHT {height:525px;}
img.THIRDHEIGHT {height:233px;}
img.HALFHEIGHT {height:350px;}
img.QUARTERHEIGHT {height:175px;}
img.FULLWIDTH {width:950px;}
img.THREEQTRWIDTH {width:713px;}
img.HALFWIDTH {width:475px;}
img.xTHIRDWIDTH {width:317px;}
img.xxTHIRDWIDTH {width:33%;}
img.THIRDWIDTH {width:27em;}
img.QUARTERWIDTH {width:238px; }
img.GLYPH {height:1.1em; vertical-align:text-bottom}
img.RIGHT {float:right; margin:10px; clear:all; }
img.LEFT {float:left; margin:10px; clear:all;}

img.LEFTHALF {width:50%; max-height:50%; display:inline-block; float:left; padding-right:2em;}
img.LEFTTHIRD {width:33%; max-height:50%; display:inline-block; float:left; padding-right:2em;}
img.LEFTFOURTH {width:25%; max-height:50%; display:inline-block; float:left; padding-right:2em;}

/* BEGIN inline links *********************************************************/

a.inline {
	background-color:#E4D3C9;
	padding-left:1em;
	padding-right:1em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	display:inline-block;
	margin:0.25em 0.25em 0.25em 0.25em;
	text-indent:0em; 
	font-style:bold;
}

a.inline:hover {
	background-color:#CFECBC;
}

span.bigger {
	font-size:1.25em;
}

img.inline {
	height:1em;
	padding-right:0.25em;
}

/* END inline links *********************************************************/

/* BEGIN list of links ********************************************************/

div.link {
	display:table;
	margin-left:3%; 
	padding:0.5em 0.5em 0.5em 2em;
}

div.link-button {
	display:table-cell; 
	vertical-align:middle;
}

div.link-button a {
	text-decoration: none;
	color:#000000;
	background-color:#E4F0F0;
}

div.link-text {
	display:table-cell; 
	vertical-align:middle; 
	width:100%; 
	text-align:left;
}

img.link {
	height:2em;
	margin-right:0.5em;
}

img.link:hover {
	background-color:#CFECBC;
}

span.circle_nohover {
	height=2em;
	width=2em;
	border-radius:50%;
	background-color:#E4D3C9;
	color:#000000;
	font-size:2em;
}

span.circle {
	height=2em;
	width=2em;
	border-radius:50%;
	background-color:#E4D3C9;
	color:#000000;
	font-size:2em;
}

span.circle:hover {
	background-color:#CFECBC;
}

span.link_desc {
	display:inline-block;
	white-space: wrap;
	vertical-align:middle;
	width:35em;
	min-height:2em;
	margin-left:1em;
}

/* NEW STYLE */
li.link {
	display:table; text-indent: 0em; padding-left: 0em;
}

	div.li_link {
		display:table-cell; vertical-align:middle;
	}

		a.li_link {
			text-decoration:none;
		}

		a.li_link:hover {
			background-color:#E4F0F0;
		}

/* END list of links ********************************************************/

/* BEGIN vmenu ********************************************************/

#vmenu { 	
	clear:left;
	float:left;
	margin:2em 1em 2em 0em;
	padding-right:1em;
	padding-left:1em;
	background-color:#E4F0F0;
	font-size:1.5em;
	border:1px solid #000000;
}

#vmenu menuitem {
	margin:0em;
	padding:0em;
}

#vmenu span {
	display:block; 
	text-align:center;
	border:3px solid #000000;
	border-radius:20%;
	padding:0.5em;
	margin:1em 0em 1em 0em;
	background-color:#E4D3C9;
}

#vmenu span:hover {
	background-color:#CFECBC;
}

#vmenu span.current {
	background-color:#ffffff;
}

#vmenu a {
	text-decoration:none;
	color:#000000;
}

/* END vmenu *********************************************************/

/* BEGIN hmenu ********************************************************/
hr.hmenu {
	clear:both;
	margin-top:2em;
	margin-bottom:2em;
}

#hmenu { 
	clear:both;
    	display: table-row;
    	width: 100%;
    	table-layout: auto; 
	border:5px solid #000000;
	background-color:#E4F0F0;
	font-size:1.5em;
}

#hmenu menuitem{
	display:table-cell;
}

#hmenu span {
	display:inline-block; 
	text-align: center;
	border: 3px solid #000000;
	border-radius:20%;
	padding:0.5em;
	margin-left:1em;
	margin-right:0em;
	background-color:#E4D3C9;
}

#hmenu span:hover {
	background-color:#CFECBC;
}

#hmenu span.current {
	background-color:#ffffff;
}

#hmenu a {
	text-decoration: none;
	color:#000000;
}


/* END hmenu *********************************************************/

p.footer {
	font-size:1em;
}

/* GLOBAL ATTRIBUTES ************************************************/
.bgyellow{
	background-color:yellow;
}

.center {
	text-align: center;
	align: center;
}

/* MEDIA OVERRIDES **************************************************/

@media screen and (min-width:964px) {
	body {
		background-size:100% 20em;
		background-image:url(images/DrWeyrich-landscape-329w-77h.jpg);
	}
	#title {
		font-size:2.0em;
	}
	#subtitle {
		font-size:1.5em;
	}
}
@media screen and (min-width:641px) and (max-width:963px){
	body {
		background-size:100% 20em;
		background-image:url(images/DrWeyrich-landscape-329w-77h.jpg);
	}
	#title {
		font-size:1.6em;
	}
	#subtitle {
		font-size:1.2em;
	}
}
@media screen and (min-width:343px) and (max-width:640px){
	body {
		background-size:100% 20em;
		background-image:url(images/DrWeyrich-landscape-222w-52h.jpg);
	}
	#title {
		font-size:1.5em;
	}
	#subtitle {
		font-size:1.1em;
	}
}
@media screen and (min-width:311px) and (max-width:342px){
	body {
		background-size:100% 20em;
		background-image:url(images/DrWeyrich-landscape-222w-52h.jpg);
	}
	#title {
		font-size:1.4em;
	}
	#subtitle {
		font-size:1.1em;
	}
}
@media screen and (min-width:231px) and (max-width:310px){
	body {
		background-size:100% 20em;
		background-image:url(images/DrWeyrich-landscape-222w-52h.jpg);
	}
	#title {
		font-size:1.3em;
	}
	#subtitle {
		font-size:1.1em;
	}
}
@media screen and (min-width:199px) and (max-width:230px){
	body {
		background-size:100% 20em;
		background-image:url(images/DrWeyrich-landscape-222w-52h.jpg);
	}
	#title {
		font-size:1.2em;
	}
	#subtitle {
		font-size:1.1em;
	}
}
@media screen and (min-width:167px) and (max-width:198px){
	body {
		background-size:100% 20em;
		background-image:url(images/DrWeyrich-landscape-115w-27h.jpg);
	}
	#title {
		font-size:1.5em;
	}
	#subtitle {
		font-size:1.1em;
	}
}
@media screen and (min-width:119px) and (max-width:166px){
	body {
		background-size:100% 20em;
		background-image:url(images/DrWeyrich-landscape-115w-27h.jpg);
	}
	#title {
		font-size:1.5em;
	}
	#subtitle {
		font-size:1.1em;
	}
}
@media screen and (min-width:92px) and (max-width:118px){
	body {
		background-size:100% 20em;
		background-image:url(images/DrWeyrich-landscape-115w-27h.jpg);
	}
	#title {
		font-size:1.5em;
	}
	#subtitle {
		font-size:1.1em;
	}
}
@media screen and (max-width:91px){
	body {
		background-size:100% 20em;
		background-image:url(images/DrWeyrich-landscape-115w-27h.jpg);
	}
	#title {
		font-size:1.5em;
	}
	#subtitle {
		font-size:1.1em;
	}
}
@media print {

	body {
		background-image:none;
		background-color:#ffffff;
		color:#000000;
		font-family:sans-serif;
		line-height:1.2;
		padding:0.5em;
	}

	#header {
		min-height:12em;
	}

	#dr_weyrich_img {
		height:12em;
		margin-left:0.3em;
	}

	#logo_img {
		height:12em;
	}

	#title {
		padding-top:0.5em;
		padding-bottom:0.5em;
		font-size:2em;
	}

	#subtitle {
		padding-bottom:2em;
		font-size:1.5em;
	}

	nav.popup_nav {
		display:none;
	}

	#MENUTOPBAR {
		display:none;
	}

	#MENUBAR {
		display:none;
	}

	#main{
		column-count:1;
		font-size:1em;
	}

		div.columns {
			column-count:1;
		}

	#footer {
		column-count:1;
		font-size:em;
	}

	.PRINT {
		display:inline
	}
}

/* Newsletter footer block */
.newsletter-footer {
  text-align: center;
  margin-top: 2em;
  font-size: 0.95em;
  line-height: 1.6;
}

/* Call-to-action button (base style) */
.cta-button {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}

/* Maroon variation for CTA */
.cta-button.maroon {
  background-color: #800000; /* dark maroon */
}

.cta-button.maroon:hover {
  background-color: #a00000; /* lighter maroon on hover */
}

/* Smaller links under the button */
.newsletter-links {
  margin-top: 0.5em;
  font-size: 0.85em;
}

.newsletter-links a {
  color: #0056a6; /* your site’s link blue */
  text-decoration: underline;
}

.newsletter-links a.unsubscribe {
  color: #aa0000; /* unsubscribe shown in red */
}

/* Main subscribe button */
.subscribe-btn {
  display: inline-block;
  background-color: #800000; /* maroon */
  color: #ffffff !important; /* force white text */
  font-weight: bold;
  padding: 10px 20px;
  text-align: center;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: color 0.3s ease;
  text-decoration: none;
}

.subscribe-btn:hover {
  color: #ffff00 !important; /* force yellow text on hover */
}

/* Secondary small buttons */
.small-btn {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 5px;
  font-size: 0.9rem;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid transparent;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Manage Preferences button (blue) */
.small-btn.manage {
  background-color: #e6f0ff; /* light blue */
  color: #0056b3;
  border-color: #0056b3;
}
.small-btn.manage:hover {
  background-color: #0056b3;
  color: #ffffff;
}

.cta-button.maroon:hover {
  background-color: #a00000;   /* lighter maroon on hover */
  color: yellow;               /* text turns yellow */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);  /* subtle hover shadow */
}

/* Unsubscribe button (red) */
.small-btn.unsubscribe {
  background-color: #ffe6e6; /* light red */
  color: #b30000;
  border-color: #b30000;
}
.small-btn.unsubscribe:hover {
  background-color: #b30000;
  color: #ffffff;
}/* Secondary small buttons */
.small-btn {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 5px;
  font-size: 0.9rem;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid transparent;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Manage Preferences button (blue) */
.small-btn.manage {
  background-color: #e6f0ff; /* light blue */
  color: #0056b3;
  border-color: #0056b3;
}
.small-btn.manage:hover {
  background-color: #0056b3;
  color: #ffffff;
}

/* Unsubscribe button (red) */
.small-btn.unsubscribe {
  background-color: #ffe6e6; /* light red */
  color: #b30000;
  border-color: #b30000;
}
.small-btn.unsubscribe:hover {
  background-color: #b30000;
  color: #ffffff;
}