/* These rules apply to follow-on pages, such as "more-on-the-organ", via pear2dwt */

html {
	background-color: #FEFDE5; /* "Antique ivory!" *//* #F6E3CE if no-touch */
	border: 0;
	border-color: #3A91BC; /* dull sky blue */
	border-width: 2px 0 0 0;
	border-style: solid;
}

body {
	margin: 0;
	padding: 0;
}

a {
	color: #0000FF; /* blue, blue */
}

dl {
	margin: 0;
	padding: 0;
	text-indent: 0;
}

dd {
	text-indent: -20px;
}

table {
	border-collapse: collapse;
}

#container_page {
	position: relative; /* Set to absolute before 2014-07-30 */
	max-width: 1000px; /* Set to 900 px before 2014-07-30 */
	min-width: 630px;
	font-family:"Times New Roman", Times, serif;
}

#page_area_1_top {
	text-align: left;
	padding: 0 25px 0 25px;
}

#page_area_1_top a {
	color: #FEFDE5; /* "Antique ivory!" */
}

#page_area_2_main {
	min-height: 400px;
	padding: 5px 25px 10px 25px;
	font-size: 88%;
}

#page_area_3_foot {
	padding: 10px 25px 10px 25px;
	font-size: 83%;
}

/*
among other considerations:
- padding is between the table and the border; margin is outside both.
- the effect of padding on top and bottom edges is to augment the length of left and/or right borders, etc.
*/

.float_box_dispo_right {
	float: right;
	max-width: 428px;
	padding: 2px 0 2px 12px;
	margin: 2px 0 5px 18px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7F7F7F; /* medium-dark grey */
}

/*
Note: left-padding is zero on this 2-col class because the sub-boxes have left-padding of their own to keep them separated.
Among other considerations:
- padding is between the table and the border; margin is outside both.
- the effect of padding on top and bottom edges is to augment the length of left and/or right borders, etc.
*/

.float_box_dispo_right_2-col {
	float: right;
	max-width: 438px;
	padding: 2px 0 2px 0;
	margin: 2px 0 5px 18px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7F7F7F; /* medium-dark grey */
}

.float_sub_box_dispo_left {
	float: left;
	width: 200px;
	padding: 3px 0 3px 0;
	margin: 0 2px 0 12px;
	clear: none;
}

.float_sub_box_dispo_left_2 {
	float: left;
	width: 200px;
	padding: 3px 0px 3px 10px;
	margin: 0px 2px 0px 11px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7F7F7F; /* medium-dark grey */
	clear: none;
}

.float_sub_box_dispo_none {
	float: none;
	width: 424px;
	padding: 3px 0 3px 0;
	margin: 0 2px 0 12px;
}

.float_sub_box_dispo_none_w200 {
	float: none;
	width: 200px;
	padding: 3px 0 3px 0;
	margin: 0 2px 0 12px;
	text-align: center;
}

.float_sub_box_dispo_none_w420 {
	float: none;
	width: 420px;
	padding: 3px 0 3px 0px;
	margin: 0 2px 0 12px;
	text-align: center;
}

.float_box_pic_left {
	float: left;
	padding: 0 8px 0 0;
	margin: 2px 12px 10px 0;
}

.float_box_pic_right {
	float: right;
	padding: 0 0 0 8px;
	margin: 2px 0 10px 12px;
}

.footer_box_1_left {
	top: 0;
	width: 200px;
	float: left;
}

.footer_box_2_right {
	top: 0;
	width: 200px;
	float: right;
	text-align: right;
}

.footer_box_3_center {
	top: 0;
	/* max-width: 196px; */
	padding: 0 30px 0 30px;
	margin: 0 200px 0 200px;
	text-align: center;
	line-height: 20px;
}

.imaginary_line {
	top: 0;
	height: 0;
	clear: both;
}