body
{
	background: #f0f0f0;
	color: #cccccc;
	font-size: 16px;
	letter-spacing: 1px;
	margin: 0px 0px 0px 0px;
}
a
{
	color: #063863;
	font-weight: bold;
}
a:hover
{
	text-decoration: none;
}
td
{
	color: #000000;
	font-size: 16px;
	font-family: Tahoma, Geneva;
}
td a:link, td a:visited
{
	color: #2200d5;
	font-weight: bold;
	text-decoration: underline;
}
td a:hover
{
	color: #0070C0;
	font-weight: bold;
	text-decoration: underline;
}
form
{
	margin: 0;
	padding: 0px;
	display: inline;
	vertical-align: middle;
}
.block_info
{
	font-family: Tahoma, Geneva;
	font-size: 14px;
}
.block_title
{
	font-family: Times New Roman, Times;
	font-size: 14px;
}
.input_select
{
	background: #FFFFCC;
	border: 1px solid #888888;
	margin: 0px 0px 0px 0px;
	padding: 2px 3px 2px 0px;
}
.input_select_error
{
	background: #FFFFCC;
	border: 1px solid #cc0000;
	margin: 0px 0px 0px 0px;
	padding: 2px 3px 2px 0px;
}
.input_select_selected, .input_select:focus
{
	background: #FFFFEE;
	border: 1px solid #888888;
	margin: 0px 0px 0px 0px;
	padding: 2px 3px 2px 0px;
}
.input_select_selected_error, .input_select_error:focus
{
	background: #FFFFEE;
	border: 1px solid #cc0000;
	margin: 0px 0px 0px 0px;
	padding: 2px 3px 2px 0px;
}
.input_text
{
	background: #FFFFCC;
	border: 1px solid #888888;
	padding: 3px 3px;
	margin: 0px 0px 0px 0px;
}
.input_text_error
{
	background: #FFFFCC;
	border: 1px solid #cc0000;
	padding: 3px 3px;
	margin: 0px 0px 0px 0px;
}
.input_text_selected, .input_text:focus
{
	background: #FFFFEE;
	border: 1px solid #888888;
	padding: 3px 3px;
	margin: 0px 0px 0px 0px;
}
.input_text_selected_error, .input_text_error:focus
{
	background: #FFFFEE;
	border: 1px solid #cc0000;
	padding: 3px 3px;
	margin: 0px 0px 0px 0px;
}
.input_submit
{
	border: 1px solid black;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
}
.attention
{
	color: #888800;
	font-family: Verdana, Arial;
}
.error
{
	color: #880000;
	font-family: Verdana, Arial;
}
.good
{
	color: #008800;
	font-family: Verdana, Arial;
}
.main
{
	color: #000000;
	font-size: 16px;
	font-family: Tahoma, Geneva;
}
.main a:link, .main a:visited
{
	color: #2200d5;
	font-weight: bold;
	text-decoration: underline;
}
.main a:hover
{
	color: #0070C0;
	font-weight: bold;
	text-decoration: underline;
}
.information
{
	background: #ffffff;
	color: #000000;
}
.table td
{
	font-size: 12px;
	font-family: Segoe UI, Arial;
}
.table_13 td
{
	font-size: 13px;
	font-family: Segoe UI, Arial;
}
.table_14 td
{
	font-size: 14px;
	font-family: Segoe UI, Arial;
}
.side_menu
{
	background: #e0e0e0;
	border-top: 1px solid #d0d0d0;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
.side_menu li
{
	border-bottom: 1px solid #e0e0e0;
	background: #eeeeee;
	padding: 0px 0px 0px 0px;
}
.side_menu li a
{
	color: #202020;
	display: block;
	font-family: Segoe UI, Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
}
.side_menu li a em
{
	font-style: normal;
}
.side_menu li a:hover
{
	background: #e8e8e8;
	color: #000000;
	text-decoration: underline;
}
.side_menu li a:visited
{
	color: #222222;
}
.heading
{
	color: #cc0000;
	font-family: Segoe UI, Arial;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	text-decoration: underline;
}
.clear
{
	font-size: 1px;
	height: 0px;
	width: 0px;
	clear: left;
	line-height: 0px;
	display: block;
}
.output_main, .output_main td
{
	color: #000000;
	font-family: Segoe UI, Arial;
	font-size: 15px;
	font-weight: normal;
	text-align: justify;
}
.output_title, .output_title td
{
	color: #404040;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 19px;
	padding: 0px 0px 0px 10px;
}
.output_options, .output_options td
{
	color: #105297;
	font-size: 13px;
	text-align: right;
}
.output_options a:link, .output_options a:visited, .output_options td a:link, .output_options td a:visited
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}
.output_options a:hover, .output_options td a:hover
{
	color: #aaaaaa;
	font-weight: bold;
	text-decoration: underline;
}
.span
{
	background: #ffdddd;
	font-family: Segoe UI, Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 5px 10px;
	text-align: left;
}
.div
{
	background: #ddffdd;
	font-family: Segoe UI, Arial;
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 5px 10px;
	text-align: left;
}
.div_error
{
	background: #ffdddd;
	font-family: Segoe UI, Arial;
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 5px 10px;
	text-align: left;
}
.menu
{
	color: #000000;
	font-family: Segoe UI, Arial;
}
.menu a:link, .menu a:visited
{
	color: #2200d5;
	font-family: Segoe UI, Arial;
	font-weight: bold;
	text-decoration: none;
}
.menu a:hover
{
	color: #0070C0;
	font-family: Segoe UI, Arial;
	font-weight: bold;
	text-decoration: underline;
}
#facebox .b
{
	background:url(../images/b.png);
}
#facebox .tl
{
	background:url(../images/tl.png);
}
#facebox .tr
{
	background:url(../images/tr.png);
}
#facebox .bl
{
	background:url(../images/bl.png);
}
#facebox .br
{
	background:url(../images/br.png);
}
#facebox
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: left;
}
#facebox .popup
{
	 position: relative;
}
#facebox table
{
	border-collapse: collapse;
}
#facebox td
{
	border-bottom: 0;
	padding: 0;
}
#facebox .body
{
	padding: 10px;
	background: #fff;
	width: 370px;
}
#facebox .loading
{
	text-align: center;
}
#facebox .image
{
	text-align: center;
}
#facebox img
{
	border: 0;
	margin: 0;
}
#facebox .footer
{
	padding-top: 5px;
	text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br
{
	height: 10px;
	width: 10px;
	overflow: hidden;
	padding: 0;
}
#facebox_overlay
{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.facebox_hide
{
	 z-index: -100;
}
.facebox_overlayBG
{
	background-color: #000;
	z-index: 99;
}

/* Preserve the original menu geometry and hover colors with semantic links. */
a.site-menu-link:link, a.site-menu-link:visited
{
    color: #000040;
    display: block;
    font-family: Segoe UI, Arial;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 5px;
    text-decoration: none;
}
a.site-menu-link:hover
{
    background-color: #DC243A;
    color: #ffffff;
    text-decoration: none;
}
/* Retain the former DOMWindow plugin's overlay and 400 x 300 login window. */
#DOMWindowOverlay
{
    background-color: #000000;
    inset: 0;
    opacity: 0.85;
    position: fixed;
    z-index: 10000;
}
#DOMWindow
{
    border: 0;
    height: 300px;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    width: 400px;
    z-index: 10001;
}

.article-share { margin: 12px 0; }
a.facebook-share:link, a.facebook-share:visited {
    background: #0866ff; border-radius: 3px; color: #fff;
    display: inline-flex; align-items: center; gap: 5px;
    font: bold 12px Arial, sans-serif; letter-spacing: normal;
    line-height: 20px; padding: 0 7px; text-decoration: none;
}
a.facebook-share:hover { background: #0756d5; color: #fff; text-decoration: none; }
.facebook-share-icon { font: bold 18px Arial, sans-serif; line-height: 20px; }

/* The established desktop layout is unchanged. */
.mobile-menu-controls { display: none; }
@media (max-width: 979px) {
    html, body { min-width: 0; width: 100%; }
    body { overflow-wrap: anywhere; }
    table.site-header, table.site-rule, table.site-layout,
    table.site-notice, table.site-footer { width: calc(100% - 16px) !important; max-width: 100%; }
    .site-header td { padding-left: 7px !important; padding-right: 7px !important; }
    .site-header a { white-space: nowrap; }
    .site-header .site-logo { display: block; width: 100%; height: auto; border: 0; }
    table.site-layout, .site-layout > tbody, .site-layout > tbody > tr { display: block; }
    td.site-content { display: block; width: 100%; min-width: 0; }
    td.site-artwork, td.site-gutter { display: none; }
    td.site-sidebar { display: none; width: 100% !important; padding: 0 !important; }
    td.site-sidebar.is-open { display: block; }
    .mobile-menu-controls { display: block; margin: 12px 8px 0; }
    .mobile-menu-controls button {
        background: #0b1e32; border: 0; color: #fff; cursor: pointer;
        font: bold 14px Tahoma, Geneva, sans-serif; letter-spacing: 1px;
        padding: 9px 12px; text-align: left; width: 100%;
    }
    .site-sidebar a.site-menu-link { padding: 9px 10px; }
    .site-content .output_main { box-sizing: border-box; min-width: 0; }
    .site-content table { max-width: 100%; }
    .site-content input, .site-content textarea, .site-content select { box-sizing: border-box; max-width: 100%; }
    .site-content textarea { width: 100%; resize: vertical; }
    .site-content img { max-width: 100%; }
    .site-content .article-image { display: block; float: none; height: auto; margin: 0 auto 15px !important; }
    .site-content .article-media { float: none !important; max-width: 100%; width: 100% !important; }
    .site-content .article-media > div { margin-right: 0 !important; }
    .site-content iframe { aspect-ratio: 4 / 3; display: block; float: none; height: auto; margin-left: 0 !important; max-width: 100%; }
    table.registration-layout, .registration-layout > tbody, .registration-layout > tbody > tr { display: block; }
    .registration-layout td.registration-artwork { display: none; }
    .registration-layout td.registration-form { display: block; box-sizing: border-box; padding-left: 0 !important; width: 100%; }
    #DOMWindow { height: 300px; left: 12px !important; max-height: calc(100dvh - 48px); position: fixed; right: 12px; top: 24px !important; width: auto; }
    #facebox { width: 100%; }
    #facebox .body { width: auto; }
    #facebox input { box-sizing: border-box; max-width: 100%; }
    .site-footer td { box-sizing: border-box; padding: 8px; width: auto !important; }
}