/* -----------------------------------------------------------------------------
This is the stylesheet for the .htm web page on the ZY Qigong website
that has the same name as this .css file.
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
Apply the styles for header, footer and side bar elements.
----------------------------------------------------------------------------- */
@import "frame.css";

/* -----------------------------------------------------------------------------
Here are styles to apply to the "content" div at-large.
----------------------------------------------------------------------------- */
#content {
	/* border: solid 1px #000000; */
	/* This div's min-width value should be the sum of its largest image width
	   (as it is intended to appear on the page)
	   and the div's left and right padding. */
	min-width: 130px;
	padding: 5px;
}

/* -----------------------------------------------------------------------------
Here are styles for elements within the "content" div.
----------------------------------------------------------------------------- */
#content .invisibleDivider {
	clear: both;
	float: none;
}
#content h1{
	color: Red;
	font-size: medium;
	font-style: italic;
}
#content h2{
	color: Red;
	font-size: medium;
	margin-top: 2em;
	text-decoration: underline;
}
#content h3{
	color: Red;
	font-size: medium;
	margin-top: 2em;
}
#content img{
	float: left;
	margin: 8px;
}
#content img#claire{
	height: 122px;
	width: 109px;
}
#content img#deborah{
	height: 120px;
	width: 120px;
}
#content img#jean{
	height: 160px;
	width: 120px;
}
#content img#joachim{
	height: 100px;
	width: 80px;
}
#content img#joanne{
	height: 136px;
	width: 120px;
}
#content img#karen{
	height: 152px;
	width: 111px;
}
#content img#marianna{
	height: 120px;
	width: 120px;
}
#content img#mark{
	height: 100px;
	width: 108px;
}
#content img#peter{
	height: 145px;
	width: 120px;
}
#content img#petra{
	height: 121px;
	width: 105px;
}
#content img#robyn{
	height: 160px; /* 1280 */
	width: 115px; /* 915 */
}
