body {
	background-image: url(../images/siteimages/Background.jpg);
	font-family: "Times New Roman", Times, serif;
}
div {overflow:auto;} /* make sure all divs actually contain their innards */

p, li {
	font-size: 13pt;
	font-style: normal;
	line-height: 1.3em;
	font-weight: normal
}
a {text-decoration: none; color:#930; }
a:hover {text-decoration: underline}

#wrapper {  /* whole page, basically body */
	max-width: 40em; 
	margin: 0 auto 0 auto;
}

#header { /* title and logo */
	display:block;
	width:100%;
	overflow:hidden;
}
#idHeaderTitle { /* center of header block */
	display:block; 
	margin:0 auto 0 auto;
}

#leftcol {clear: both;float: left;width: 160px;} /* pre-smart phone design moved away in 2022 obsolete?*/
#maincontent {max-width: 780px;margin-left: 180px;} /* pre-smart phone design moved away in 2022 obsolete?*/

/********** menu and icon *******/
#menuIcon{ /* should be an <a>  June 2022 */
	display:none; /* use @media width to Show the hamburger icon on smaller screens */
	position:absolute;
	top:6pt;
	left:.5em;
	width:40px;
	height:50px;
	float:right;
	
	padding:0;
	margin:8pt .5em 0 0;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-family:sans-serif;
}
#menuIcon div { /* bars */
	height: 5px;
	display:block;
	background-color: #620;
	margin: 6px 0;
	padding:0;
}

#idNavMenu{ /* box for menu 2025 */
	display:block; /* block and hidden */
	margin: .5em;
}
#idNavMenu ul {
	list-style-type: none;
	overflow:hidden;
	margin:0;
	padding:0;
}
#idNavMenu ul li {
	display:inline;
	min-width:3em;
	margin: 6pt .5em 0 0;
	white-space: nowrap;
}
#idNavMenu ul li a {
	text-decoration: none;
	height: 16pt;
	margin: 5px 0;
	padding:0 .5em 0 .5em;
	text-align:center;
	background-color:#b62;
	color: #fd3; /* color from the old graphical buttons */
	font-family: Georgia, script;
	font-style: italic;
	font-size: 10pt;
	font-weight:600; /* demi-bold */

	border:solid 1px #941;
	border-radius: 1em;
	box-shadow: 3px 2px 3px #841;

	background-image: linear-gradient(to bottom, #fa8 0%, #b42 50%, #821 100%);

}
#idNavMenu ul a:hover {
	box-shadow: 3px 2px 3px #421;
	border:solid 1px #941; /* overrides global a:hover */

	/* Webkit Chrome 11+ Safari */
	background-image: -webkit-linear-gradient(top, #F8AA88 0%, #902010 50%, #601008 100%);
	/* W3C Markup, FireFox, IE10+  */
	background-image: linear-gradient(to bottom, #F8AA88 0%, #902010 50%, #601008 100%);
}

/*** Media query for screens smaller than 768px */
@media (max-width: 768px) {
	#idNavMenu {
		display:none; /* Hide by default on smaller screens */
	}
	#menuIcon {
		display:block;
		float:right;
	}
}

/***** end menu *********/

.tight { /* inline divs with no border or spacing */
	margin:0;
	padding:0;
	display:inline-block;
}

h1 { /* primary page name header 6/2022 "Dance Discovery" */
	color: #a64;
	display:block;
	text-shadow: 4px 4px 5px #842,
		-2px -2px 0 #000,
		2px -2px 0 #000,
		-2px 2px 0 #000,
		2px 2px 0 #000,
		0 -2px 0 #000,
		2px 0 0 #000,
		0 2px 0 #000,
		-2px 0 0 #000;

	font-family: Merienda, Aclonica, script;
	font-style: normal;
	font-size: min(5vw,24pt); /* font size by 5% viewport width */
	font-weight:400;
	text-align:center;
	margin:0 auto 10pt auto;
}

h2 { /* secondary page name header 2025 */
	color: #842;
	display:block;
	text-shadow: 4px 4px 5px #842,
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000,
		0 -1px 0 #000,
		1px 0 0 #000,
		0 1px 0 #000,
		-1px 0 0 #000;

	font-family: Merienda, Aclonica, script;
	font-style: italic;
	font-size: min(3vw,14pt); /* font size by 4% viewport width */
	font-weight:400;
	text-align:center;
	margin:0 auto 10pt auto;
}

div.Box1 { /* round cornered, border, and with title area. Sept 2023  */
	border: 1px solid #963;
	padding: 0;
	border-radius:1em;
	margin:1em;
	font-family: Merienda, Aclonica, script;
}
div.Box1Title {
	border-radius: 1em 1em 0 0; /* rounded top corners */
	background:#963; /* match border */
	color:#ff8;
	margin:0;
	text-align:center;
	padding:0;
}
div.Box1Body { /* should be inside Box1 */
	margin:1em;
}

/***** leftnave side menu section *****/
ul.leftnav {
	list-style-type: none;
	margin:0;
	padding:0
}
ul.leftnav a {
	display:block;
	text-decoration: none;
	width: 140px;
	height: 25px;
	margin: 15px 0;
	padding:3px 0 0 0;
	text-align:center;
	background-color:#AC5D12;
	color: #f4d434; /* from the old graphical buttons */
	font-family: Georgia, script;
	font-style: italic;
	font-size: 16px;
	font-weight:600; /* demi-bold */

	border:solid 1px #941;

	-webkit-border-radius: 17px;
	border-radius: 17px;

	box-shadow: 3px 2px 3px #841;

	/* Webkit Chrome 11+ Safari */
	background-image: -webkit-linear-gradient(top, #F8AA88 0%, #B03E1A 50%, #601008 100%);
	/* W3C Markup, FireFox, IE10+  */
	background-image: linear-gradient(to bottom, #F8AA88 0%, #B03E1A 50%, #601008 100%);

}
ul.leftnav a:hover {
	box-shadow: 3px 2px 3px #421;
	border:solid 1px #941; /* overrides global a:hover */

	/* Webkit Chrome 11+ Safari */
	background-image: -webkit-linear-gradient(top, #F8AA88 0%, #902010 50%, #601008 100%);
	/* W3C Markup, FireFox, IE10+  */
	background-image: linear-gradient(to bottom, #F8AA88 0%, #902010 50%, #601008 100%);
}
/****** end leftnav *******/




/* unused ? */
.smallarial {  font-size: 12px; font-style: normal; font-weight: normal; line-height: normal}
.font12 {  font-size: 12px; font-style: normal; font-weight: normal; line-height: normal}
.font24 { font-size: 24px; font-style: normal; font-weight: normal; line-height: normal }

.leftpic {float: left; margin-right: 1em;} /* index.html */
.rightpic {float: right; margin-left: 1em;} /* index.html */
.colorbox { /* events 2012Full.html */
	padding-left: 10px;
	background-color:#C96;
	border: 1px solid #963;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}


.roundedcorners {
	border: 1px solid #963;
	padding: 1em;
	border-radius: 1em;
}

img {
	border:none;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	max-width:100%;
	display:inline-block;
	}


#bios { /* mainContent div for bios 6/27/22 */
	padding:5px;
}
#bios p {
	overflow:auto; /* don't let images leak into neighbors paragraph */
}
#bios p span { /* bodling names themselves */
	
	font-size: 16pt; 
	color: #c42; 
}
#bios p img { /* portrait oval */
	border-radius:50%;
	box-shadow:3px 3px 8px #420;
	border:solid 2px #840;
	height:180px;
	margin:0 8px 8px 4px; /* room for shadows */
}

/*****  begin section for photos page 2015 *****/
#bigPic {
	border:solid #438;
	border-width: 0 0 2px 0;
	overflow:auto;
	padding-bottom:4px;
	max-width:800px;
}
#bigPic img{
	max-width:98%;
	box-shadow: 6px 6px 4px #000;
	clear:both;
	margin:0 0 3px 0;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border:solid #000 1px;
}

#prevNext { /* div for pix page nav buttons */
	display:block;
	margin:4px 0 0 230px;
}
#prevNext ul li
{
	list-style-type: none;
	display: inline;
}
#prevNext ul li a {
	float: left;
	width:100px;
	margin:3px;
	text-align:center;
	text-decoration: none;
	margin-right:2px;
	background-color:#AC5D12;
	color: #f4d434; /* from the old graphical buttons */
	font-family: Georgia, script;
	font-style: italic;
	font-size: 16px;
	font-weight:600; /* demi-bold */

	border:solid 1px #941;

	-webkit-border-radius: 17px;
	border-radius: 17px;

	box-shadow: 3px 2px 3px #841;

	/* Webkit Chrome 11+ Safari */
	background-image: -webkit-linear-gradient(top, #F8AA88 0%, #B03E1A 50%, #601008 100%);
	/* W3C Markup, FireFox, IE10+  */
	background-image: linear-gradient(to bottom, #F8AA88 0%, #B03E1A 50%, #601008 100%);
}
#prevNext ul li a:hover {
	background-color:#215;
	color:#fff;
}

#thmPic { /* pix page thumbnails */
	margin-top:13px;

}
#thmPic a img {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:0;
	margin:3px;
	height:100px;
}
.albumThumb {
	box-shadow:
		2px 2px 0 black,
		4px 4px 0 #fec,
		6px 6px 0 black;

}
.imageThumb {
	box-shadow: 2px 2px 2px #000;
}

.albumTitle { /* div block above bigPic */
	max-height:50px;
	overflow-y:auto;
	margin-bottom:3px;
}


#thmPic div  { /* for Exit Album box */
	text-align:center;
	float:right;
}
#thmPic div  a {
	background-color:#AC5D12;
	color: #f4d434; /* from the old graphical buttons */
	font-family: Georgia, script;
	font-style: italic;
	font-size: 16px;
	font-weight:600; /* demi-bold */

	border:solid 1px #941;

	-webkit-border-radius: 17px;
	border-radius: 17px;

	box-shadow: 3px 2px 3px #841;

	/* Webkit Chrome 11+ Safari */
	background-image: -webkit-linear-gradient(top, #F8AA88 0%, #B03E1A 50%, #601008 100%);
	/* W3C Markup, FireFox, IE10+  */
	background-image: linear-gradient(to bottom, #F8AA88 0%, #B03E1A 50%, #601008 100%);
	display:block;
	height:100px;
	vertical-align:middle;
	width:94px;
}

#hidForm {  /** used to edit captions in photos page 2015 */
	display:none;
	border:solid 2px #444;
	position:absolute;
	width:800px;
	background:white;
	color:black;
	box-shadow: 6px 6px 4px #000;
}
/*****  end section for photos page ******/

/***** converting from levtnav sidemenu to phone-compatible menu button nav 6/15/22 ****/
#idLogo{ /* img tag */
	width:min(15vw,100px);
	height:min(15vw,100px);
	margin-bottom:20px;
	float:right;
}




.buttonTiny {/** must be a div, p, li, etc with internal a ****/
	display:inline-block;
	overflow:hidden;
	margin:0;
	padding:0 3px 0 3px;
	min-width:20px;
}
.buttonTiny a {
	display:block;
	text-decoration: none;
	margin: 0;
	padding:0 3px 0 3px;
	text-align:center;
	background-color:#AC5D12;
	color: #f4d434; /* color from the old graphical buttons */
	font-family: Arial, sans-serif;
	font-weight:bold;
	font-size:10pt;
	font-style:italic;
	border:solid 1px #941;

	-webkit-border-radius: 8px;
	border-radius: 8px;

	box-shadow: 3px 2px 3px #841;

	/* Webkit Chrome 11+ Safari */
	background-image: -webkit-linear-gradient(top, #F8AA88 0%, #B03E1A 50%, #601008 100%);
	/* W3C Markup, FireFox, IE10+  */
	background-image: linear-gradient(to bottom, #F8AA88 0%, #B03E1A 50%, #601008 100%);

}
.buttonTiny a:hover {
	box-shadow: 3px 2px 3px #421;
	border:solid 1px #941; /* overrides global a:hover */

	/* Webkit Chrome 11+ Safari */
	background-image: -webkit-linear-gradient(top, #F8AA88 0%, #902010 50%, #601008 100%);
	/* W3C Markup, FireFox, IE10+  */
	background-image: linear-gradient(to bottom, #F8AA88 0%, #902010 50%, #601008 100%);
}