body		{
			  margin-top:12px;
			  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                           Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
			  font-size: 14pt;
			  min-width: 640px;
			}
textarea	{ scrollbar-base-color: #1081cb; border-color:silivergray;}
hr			{ border: #173B82 1px solid; }

container { width:100%; text-align:left; margin-left:auto;margin-right:auto; }

/* === header style === */
.head		{ width:98%; height:80px; background-image: url("/archiver/img/bkimg.jpg"); background-color:#173B82; }
.head a		{ color:white; text-decoration:none; }
.head a:hover	{ color:#ffff00; text-decoration : underline; }
.head1		{ width:40px; heght:40px; text-align:right }				/* icon */
.head2		{ white-space: nowrap; padding-left:9px }					/* title */
.head h1	{ font-size:24px; color:white; margin-top:1px; margin-bottom:1px; }
.head h1 span { font-size:12px; color:white; display: block; }
.head div	{ font-size:12px; color:white;}
.head table	{  }

/* === header style === */
.headmenu	{ width:98%; height:22px; background-image: url("/archiver/img/menubar.gif"); background-repeat: repeat-x; background-color:darkorange; text-align:right; font-weight:bold; font-size:12px; color:#173B82; }
.headmenu a	{ color:#504A4B; text-decoration:none; }
.headmenu a:hover	{ color:white; ; text-decoration:none; }

/* === left menu === 4b76d6 */
.side		{ background-image:url("/archiver/img/left.jpg");background-repeat:repeat-y; height:720px; background-color:#4b76d6; vertical-align:top; padding:0px }
.side_main	{ width:98%; height:100%; }
.side div	{ width:160px; font-size:12px; font-weight:bold; color:white; padding-top:4px; padding-bottom:4px; margin-left:20px; }
.side a		{ color:white; text-decoration:none }
.side a:hover	{ color:#ffff00 }
.sidemenu1	{ margin-top:20px; margin-left:20px; }

/* === contents === */
.main		{ width:98%; color:#173B82;
			  font-size:14pt; padding :10px;
			  vertical-align:top;background-color :#ffffff; border-right: solid 1px #173B82; }
.main h1	{ font-size:18px; }
.main img	{ vertical-align:middle; margin-right:8px }
.main h2	{ background: linear-gradient( 135deg, #13387F, #99AFDF );
				 font-size:16px; color:white; padding:5px 6px 3px }
.main h3	{ color:#000080; }
.main table { color:#000080; font-size:14pt; }
// .main ul 	{ list-style-image: url("/archiver/img/blueb.gif"); }
.main a:link {color : #0076ff}
.main a:visited {color : #0076ff}
.main a:active {color : orange; text-decoration : none;}
.main a:hover {color : red; text-decoration : underline;}

/* others */
.submit		{ font-size:12px; border-style:solid; border-width:1px; border-color:#ffffff; background:#173B82; color:#ffffff;
				 margin-left:4px; margin-right:4px; cursor:pointer; }
.title		{ background-image: url("/archiver/img/title.jpg"); background-repeat: repeat-x; background-color:#173B82; color:#ffffff; font-weight:bold; }
.title a:link {color : #ffffff;}
.title a:visited {color : #ffffff;}
.title a:active {color : #ffff00; text-decoration : none;}
.title a:hover {color : #ffff00; text-decoration : none;}

.seachtextbox { width:160px; vertical-align:middle; }
.seachbuton	{ width:20px; height:19px; vertical-align:middle; margin:0px; }
.butmenu	{ width:13px; height:19px; vertical-align:middle; margin-left:1px; margin-right:4px; }

.footer		{ color : white; clear:both; width:98%; border-top: solid 1px silver; background-image: url("/archiver/img/footer.jpg"); background-size:100% auto; background-color:#173B82; font-weight:bold; font-size:12pt; }
.footer a		{ color:white; text-decoration:none; }
.footer a:hover	{ color:yellow; text-decoration:underline; }

/* popup menu */
.menu 		{ width:160px; text-align:left; background-color:#f8f8f8; border:solid 1px gray; position:absolute; z-index:1000; outline: none;
			  ime-mode:disabled; filter:progid:DXImageTransform.Microsoft.shadow(color=gray, strength=4, direction=135); }
.menuitem 	{ border: solid 1px #f8f8f8; white-space:nowrap; padding-top:2px; padding-bottom:2px; padding-left:6px; padding-right:4px;
			  font-size:12pt; colot:#000000; ime-mode:disabled; }
.menusep 	{ height:5px; background-image: url("/archiver/img/menusep.gif"); }

/* ads */
.area{ line-height: 140%; font-size: 10px; text-decoration: none; color: #CCCCCC; }
.area a:link { color: #666666; }
.area a:visited { color: #999999; }
.area a:hover { color:#003399; text-decoration: underline; }
/* ads */

.bloq	{ background: #fffeff; box-shadow: 0px 0px 0px 10px #fffeff; border: dashed 2px #668ad8; border-radius: 9px; margin-left: 8px; margin-right: 8px; padding: 10px 30px 10px 24px; }
.bloq_adv { background: #faf4fa; box-shadow: 0px 0px 0px 10px #faf4fa; border: dashed 2px #668ad8; border-radius: 9px; margin-left: 8px; margin-right: 8px; padding: 10px 30px 10px 24px;" }

ul	{ list-style-image: url("/archiver/img/blueb.gif"); }
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

