 
.t-header {
width: 85%; 
table-layout: auto;
background-color: #800000;
border: 0px solid black;
}

.tr-header {
/* height: 100px; */
/* min-height: 100px; */
background-color: darkslateblue;
/* background-image: url("../images/tlo3.jpg");
background-repeat: repeat; */
}

.td-header1 {
width: 135px;
/* height: 100px;
min-height: 100px; */
}

.td-header2 {
width: auto;
background-color: darkslateblue;
}

.td-header3 {
width: 130px;
background-color: #cce8b1;
padding: 2px;
}

.t-main {
width: 85%; 
table-layout: auto;
}

.tr-main {
height: 420px;
}

.td-main1 {
width: 135px;
background-color: #800000;
vertical-align: top;
}

.td-main2 {
width: auto;
background-color: #e5e5ae;
vertical-align: top;
}

.td-main2-one {
width: 100%;
background-color: #a5cbaa;
vertical-align: top;
}

.td-main3 {
width: 130px;
background-color: #bcd8a1;
vertical-align: top;
padding: 2px;
}

.tr-footer {
height: 10px;
min-height: 10px;
background-color: #bcd8a1;
padding: 0px;
}

.td-footer-one {
background-color: #e5e5ae;
}

.td-footer2 {
background-color: darkred;
}

.tr-main-gal {
height: 450px;
}

.td-main2-gal {
width: 100%;
background-color: gainsboro;
vertical-align: top;
}


.td-main2-g {
width: auto;
background-color: gainsboro;
vertical-align: top;
text-align: left;
}

.title { 
width: auto;
font-size: 11pt; 
font-weight: normal;
color: darkred;
text-align:center;
margin: 5px;
}

.f1 { 
font-size: 13pt; 
letter-spacing: 0em;
font-weight: normal;
color: darkred;
text-align: center;
}

.f2 { 
font-size: 11pt; 
letter-spacing: 0em;
font-weight: normal;
color: darkred;
text-align: center;
}

.fb1 { 
font-size: 13pt; 
letter-spacing: 0.3em;
font-weight: bold;
color: #f1f1ea;
text-align: center;
}

.fb2 { 
font-size: 11pt; 
letter-spacing: 0.1em;
font-weight: bold;
color: #f1f1ea;
text-align: center;
}

.ff2 { 
font-family: 'Microsoft Sans Serif', sans-serif;
position: relative;
top: 0px;
bottom: 15px;
left: 0px;
right: 0px;
font-size: 8pt; 
font-weight: normal;
color: white;
margin-right: 5px;
margin-bottom: 5px;
text-align: right;
}

.tl {
background-image: url("tlo1.jpg");
background-repeat: repeat;
}

.motto {
font-size:8pt;
font-family: Arial, sans-serif;
color: #e5e5ae;
font-weight: bold;
margin-top: 2px;
margin-bottom: 2px;
}


A.a1 {
font-size:8pt;
text-decoration: underline;
color: #800000;
font-weight: bold;
}

A.a2 {
font-size:8pt;
text-decoration: underline;
color: floralwhite;
font-weight: bold;
}

.menutitle {
font-weight: normal;
padding: 1px;
margin-bottom: 1px;
width: 90%;
border: 0px solid #e5e5ae;
text-align: left;
vertical-align: text-bottom;
display: block;
}

.submenu {
font-weight: normal;
padding: 1px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 3px;
width: 98%;
border: 0px solid #e5e5ae;
text-align: left;
vertical-align: text-bottom;
display: block;
}

A.menu, A.submenu {
display: block;
font-size:8pt;
text-decoration: none;
color: #f1f1ea;
font-size: 8pt;
}

A.menu:hover, A.submenu:hover {
display: block;
text-decoration: none;
background-color: #f1f1ea;
color: maroon;
font-size: 8pt;
}

A.menu-sel, A.menu-sel:hover {
display: block;
font-size:8pt;
text-decoration: none;
background-color: #e5e5ae;
color: maroon;
}

A.submenu-sel, A.submenu-sel:hover {
display: block;
font-size:8pt;
text-decoration: none;
background-color: #e5e5ae;
color: maroon;
}

.male {
font-size: 10pt;
color: floralwhite;
}

.male-neg {
font-size: 7pt;
color: maroon;
}


.red { color: tomato; font-weight: bold; font-size: 8pt;}

.t-info {
border: 1px solid green;
background-color:  #f1f1ea;
}

.t-error {
border: 1px solid tomato;
background-color:  #f1f1ea;
}

.td-info {
color: green;
font-size: 8pt;
}

.td-error {
color: tomato;
font-size: 8pt;
}

.menu-break {
  color: gainsboro;
  background-color: gainsboro;
  height: 1px;
  border: 0px;
}

