div {
  text-align: center;
}

#matrix {
  border: 1px solid #ccc;
  margin: 0 auto;
  padding: 10px;
  background: #F1EFD4;
}

#matrix tr, td {
  padding: 10px;
}
button, button a, .button {
    top: 20px;
    left: 20px;
    border: 1px solid #BA0000;
    color: #BA0000;
    display: block;
    line-height: 30px;
    padding: 0 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    background: #FFFFFF;
    font-color: #FFFFFF;
}
a:hover {
/*  background-color: #ccc;*/
  background-color: wheat;
}


/** GLOBAL RESETS **/

:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}




/** GLOBAL SETS **/
.clear {clear:both;}
.hidden {display:none;}
body {margin:0 0px 50px 0;font-size:13px;color:#222;font-family:arial,lucida,tahoma, helvetica, verdana;background:#F0FFFF url(images/bg.png) top no-repeat;}
a:link, a:visited {color:#ba0000;text-decoration:underline;}
a:hover, a:focus {color:#1a1a1a;text-decoration:underline;}
#wrapper {width:900px;margin-right:auto;margin-left:auto;}

#header {position:relative;height:250px;}
#homepage #header {position:relative;height:415px;}

#header #nav {position:absolute;top:20px;left:140px;list-style:none; }
#header #nav li {float:left;margin:0 17px 0 0;font-size:13px;text-transform:uppercase;font-weight:bold; background:/*#F1EFD4*/;background-color: wheat; }
#header #nav li a {display:block;line-height:30px;padding:0 10px;}
#header #nav li a:link, #header #nav li a:visited {border:1px solid /*#5F5244#F1EFD4 #9D8F79*/ #FFFFFF;color: /*#9D8F79*/ #FFFFFF;text-decoration:none;background-color: wheat;}
#header #nav li a:hover, #header #nav li a:focus {color:#5F5244;text-decoration:none; background: #f9f9f9;}
#header #nav li.current a  {border:1px solid /*#5F5244*/ #BA0000;color:/*#5F5244*/ #BA0000;text-decoration:none; }


#header a.logo, #header span.logo2 {position:absolute; top:20px;left:20px; border:1px solid #BA0000;color: #BA0000; display:block;line-height:30px;padding:0 10px;text-decoration:none; font-size:13px;font-weight:bold; background: #FFFFFF}

/*
#header a.logo:link, #header a.logo:visited, #header a.logo:hover {position:absolute;top:200px;left:750px;
color: #BA0000  /*#5F5244*/;
font-size:54px;
text-transform:capitalize;
font-family:Arial;
letter-spacing: 0px;
text-decoration:none;
}

#header span.logo2 {position:absolute;top:201px;left:751px;
color: #fff /*#F1EFD4 #098480  #5F5244 */ ;
font-size:54px;
text-transform:uppercase;
font-family:Arial;
letter-spacing: 0px;
}
 
*/
#content-arch {text-align:left;}


#content-arch h1 {font-size:40px;font-family:arial;line-height:40px;letter-spacing:-2px;margin:25px 0 20px 0;}
#content-arch h2 {font-size:25px;font-family:arial;line-height:37px;letter-spacing:-1px;margin:25px 0 10px 0;}
#content-arch h3 {font-family:arial;font-size:18px;color:#1a1a1a;margin:25px 0 10px 0;}
#content-arch h4 {font-family:arial;font-size:16px;color:#1a1a1a;margin:25px 0 10px 0;}
#content-arch h5 {font-family:arial;font-size:14px;color:#1a1a1a;margin:25px 0 10px 0;}
#content-arch h6 {font-family:arial;font-size:10px;color:#1a1a1a;margin:25px 0 10px 0;}

#content-arch #page-content-arch {float:left;width:630px}
#content-arch #page-content-arch {float:left;width:630px}

.page-meta {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px;}
.page-meta span {text-transform:none;color:#BA0000;font-size:12px;font-family:georgia;}

#content-arch .page-text {font-size:14px;line-height:22px;margin-bottom:50px;}
#content-arch .page-text p, #content-arch .page-text ul, #content-arch .page-text ol {margin:0 0 22px 0;}
#content-arch .page-text ul, #content-arch .page-text ol {margin-left:25px;}
#content-arch .page-text ul ul, #content-arch .page-text ol ul, #content-arch .page-text ul ol, #content-arch .page-text ol ol {
	margin:0 0 0 25px;
}
#content-arch .page-text blockquote {
	margin:0 0 22px 20px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}
#content-arch code {border:1px dotted #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
#content-arch pre code {line-height:17px;padding:15px;border:1px dotted #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

#content-arch .page-text img {margin:0 0 20px 0;border:1px solid #1a1a1a;}

#sidebar {width:250px;float:right;border:1px solid #ccc;background:#F1EFD4;margin-bottom:50px;}

.section {padding:30px 20px 20px 20px;text-align:left;}
.section p, .section ul, .section ol {line-height:20px;margin:0 0 20px 0;}
.section ul, .section ol {margin-left:20px;}
.section ul ul, .section ol ul, .section ul ol, .section ol ol {	margin:0 0 0 20px;}
.section h2 {color:#BA0000;font-size:22px;font-family:arial;line-height:22px;letter-spacing:-1px;margin:0 0 15px 0;padding:0;}
.section h3 {color:#BA0000;font-family:arial;font-size:19px;margin:0 0 10px 0;}
.section h4 {color:#BA0000;font-family:arial;font-size:16px;margin:0 0 10px 0;}
.section h5 {color:#BA0000;font-family:arial;font-size:13px;margin:0 0 10px 0;}
.section h6 {color:#BA0000;font-family:arial;font-size:10px;margin:0 0 10px 0;}

/** TIMELINE **/
.timeline {   display: block !important;   margin-left: 0px !important; margin-top: 20px !important;  padding-left: -5px;}
.timeline-card {   display: flex;  /* justify-content: center; */  align-items: center;  color: #BA0000 !important;  position: relative;}
.timeline li:before {  content: "";  width: 0.1rem;  height: 100%;  background-color: rgb(169 19 19);  position: absolute;  left: 5.5px;  z-index: 1;}
.timeline li:first-child:before {  top: 50%;  height: 50%;}
.timeline li:last-child:before {  bottom: 50%;  height: 50%;}
.timeline-title {  margin-bottom: 0.5rem;}
.circle-custom {  font-size: 0.4rem !important;}
.subcard {  padding: 1.0em 0.5em 1em 0.5em;   color: black;  width: -webkit-fill-available;  min-height: 2.5rem; line-height: 13px !important;}


/*
body {  background-image:none !important;  font-family: Arial, Helvetica, sans-serif;  border-collapse: collapse;  width: 100%;  margin-left: auto;  margin-right: auto;  background-color: #F0FFFF;}
*/

.list-table td { min-width: 8rem ; max-width: 30rem;  margin-left: auto;  margin-right: auto;line-height: 16px;} 
.list-td td { min-width: 8rem;  border: 1px solid #ddd;  padding: 1px 10px 1px 10px;}
.list-tdl { min-width: 1rem !important;  padding: 1px 10px 1px 10px; text-align: right !important;}
.list-tr:nth-child(even){background-color: #ccc;}
.list-tr:hover {background-color: #dcd;}
.list-th { height: 22px !important ;padding-top: 8px; padding-bottom: 6px;text-align: left;background-color: #F1EFD4; box-shadow: inset 0 0 0px 1px #BA0000}


.section blockquote {	margin:0 0 20px 20px;	line-height: 19px;	font-size:12px;	color:#666;	font-style:italic;	border-left:2px solid #ccc;	padding:0 0 0 15px;}
.section code {border:1px solid #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
.section pre code {line-height:17px;padding:15px;border:1px solid #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

.credits {font-size:11px;text-transform:uppercase;color:#666;padding-top:15px;margin-top:30px;border-top:1px dotted #ccc;}
.credits p {margin:0 0 0 0;line-height:16px;padding:5px 0 0 0;}
.credits a:link, .credits a:visited {color:#666;}
.credits a:hover {color:#333}