body {
	color: black;
	background-color: white;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 71%; /* Enables font size scaling in MSIE */
	margin: 0;
	padding: 0;
}

#header {
	color: black;
	background-color: #8B3A3A;
        margin-bottom: 4mm;
        
}

#headerTitle {
  font-size: 337%;
  font-weight: bold;
  BORDER-TOP: 1px #FFFFFF solid; 
  BORDER-RIGHT: 1px #ACA899 solid;
  BORDER-BOTTOM: 1px #ACA899 solid;  
  BORDER-LEFT: 1px #FFFFFF solid; 
  COLOR: #000000; 
  FONT: 24px Verdana, Tahoma, Arial;
  PADDING-TOP: 3px; 
  PADDING-LEFT: 0px;
  padding-bottom:3px;
  position: relative;
  margin: 0 0 0 4mm;
  padding: 0.25ex 0;
}

#menu {
	width: 15em;
	float: left;
	clear: left;
	border-right: 1px solid rgb(153, 153, 153);
	background-color: #ECE9D8;
	padding: 2mm 2mm 2mm 2mm;
}

#navig {
	float: left;
	clear: left;
}

#menu div {
  border-bottom: 1px solid rgb(153,153,153);
}

#side-bar a {
  color: #31430f;
  background-color: transparent;
  text-decoration: none;
  margin-top: 0pt; 
  margin-right: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  padding-top: 0.75em;
  padding-right: 1ex;
  padding-bottom: 0.75em;
  padding-left: 5mm;
  display: block;
}

#side-bar a:hover {
  color: white;
  background-color: #488214;
  text-decoration: none;
}

#side-bar p {
  	background-color: #488214;
  	text-decoration: none;
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #488214 transparent #488214 transparent;
	border-collapse: separate;
	background-color: transparent;
}

#footer {
	color: white;
	background-color: #8B3A3A;
	font-size: 91%;
	margin-top:170px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:00px;
	padding: 1em 2.5mm 2.5ex 2.5mm;
	clear: both;
}

#divider {
	color: white;
	background-color: #660000;
	font-size: 31%;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:00px;
	padding: 1em 2.5mm 2.5ex 2.5mm;
	clear: both;
}

#content {
  color: black;
  background-color: white;
  margin: 1%;
  padding: 0;
  width: 100%;
  
}

#left {
   float: left;
   width: 55.5%;
   text-align: justify;
   line-height: 1.5em;
   margin: 1% 0 1% 1%;
   padding: 1%;
   background-color: white;
   color: #000;

}
#right {
  float: right;
  width: 20.5%;
   margin: 1% 0 1% 1%;
   padding: 1%;
   background-color: white;
   color: #000;
}

#content1 {
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 12em;
  padding: 2mm 5mm 5mm 5mm;
  font-size: 130%;
}

#login {
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 15em;
  padding: 2mm 5mm 5mm 5mm;
}

#contentRight {
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 15em;
  padding: 2mm 5mm 5mm 205mm;
}



.rightPaneTable
{
	BACKGROUND-COLOR: #999955; 
	BORDER-TOP: 1px #FFFFFF solid; 
	BORDER-RIGHT: 1px #ACA899 solid;
	BORDER-BOTTOM: 1px #ACA899 solid;  
	BORDER-LEFT: 1px #FFFFFF solid; 
	COLOR: #000000; 
	FONT: 11px Verdana, Tahoma, Arial;
	PADDING-TOP: 1px; 
    PADDING-LEFT: 1px;
    padding-bottom:1px;
    /*width:100%;*/
}

.newsTable
{
	BACKGROUND-COLOR: #ECE9E8; 
	BORDER-TOP: 1px #FFFFFF solid; 
	BORDER-RIGHT: 1px #ACA899 solid;
	BORDER-BOTTOM: 1px #ACA899 solid;  
	BORDER-LEFT: 1px #FFFFFF solid; 
	COLOR: #000000; 
	FONT: 11px Verdana, Tahoma, Arial;
	PADDING-TOP: 1px; 
    PADDING-LEFT: 1px;
    padding-bottom:1px;
    width:100%;
}

.contentCaption
{
    font-family: Verdana, Tahoma, Arial;
    font-size: 0.8em;
    font-weight:bold;
    text-align:center;
    color: #004400
}

.solidLeftBorderTd
{   
    BORDER-TOP: 1px #FFFFFF solid; 
	BORDER-RIGHT: 1px #ACA899 solid;
	BORDER-BOTTOM: 1px #ACA899 solid;  
	BORDER-LEFT: 2px #666666 solid; 
	FONT SIZE: 1px;
	 PADDING-TOP: 1px; 
    PADDING-LEFT: 1px;
    padding-bottom:1px; 
    text-align:center;
}
.tdsolidLeftBorderTd
{   	
	PADDING-TOP: 0.5px; 
    PADDING-LEFT: 0.5px;
    padding-bottom:0.5px;
    text-align:center;
}
.ta {
    table-layout: auto;
    width: 180px;    
}

#tabBorder {
	BACKGROUND-COLOR: #ECE9D8; 
	BORDER-TOP: 1px #FFFFFF solid; 
	BORDER-RIGHT: 1px #ACA899 solid;
	BORDER-BOTTOM: 1px #ACA899 solid;  
	BORDER-LEFT: 1px #FFFFFF solid; 
	COLOR: #000000; 
	FONT: 11px Verdana, Tahoma, Arial;
        margin-top: 2mm;
	PADDING-TOP: 1px; 
    PADDING-LEFT: 1px;
    padding-bottom:1px;
    width:100%;
}


#tabBorder1 {
	BACKGROUND-COLOR: #D3D3D3; 
	BORDER-TOP: 1px #FFFFFF solid; 
	BORDER-RIGHT: 1px #ACA899 solid;
	BORDER-BOTTOM: 1px #ACA899 solid;  
	BORDER-LEFT: 1px #FFFFFF solid; 
	COLOR: #000000; 
	FONT: 11px Verdana, Tahoma, Arial;
	PADDING-TOP: 1px; 
    PADDING-LEFT: 1px;
    padding-bottom:1px;
    width:100%;
}


#borderTable {
	BACKGROUND-COLOR: #ECE9D8; 
	BORDER-TOP: 1px #FFFFFF solid; 
	BORDER-RIGHT: 1px #ACA899 solid;
	BORDER-BOTTOM: 1px #ACA899 solid;  
	BORDER-LEFT: 1px #FFFFFF solid; 
	COLOR: #000000; 
	FONT: 11px Verdana, Tahoma, Arial;
	PADDING-TOP: 1px; 
    PADDING-LEFT: 1px;
    padding-bottom:1px;
    width:100%;
}


#content p {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

#content h1 {
  color: white;
  background-color: #488214;
  font-size: 14pt;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
}


table.search {
	margin: 1em 1ex 2em 1ex;
	font-size: 91%;
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: separate;
	background-color: white;
}
table.search th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.search td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

fieldset {
  float: left;
  margin: 1em 1ex 2em 1ex;
  padding: 1em 1ex 2em 1ex;
}
div.form-row {
  clear: both;
  padding-top: 10px;
}
div.form-row label {
  float: left;
  width: 100px;
  text-align: right;
  padding: 0ex 0.5ex 0ex 0ex;
}
div.form-row input {
  float: left;
  text-align: left;
  padding: 0ex 0ex 0ex 0ex;
}
div.form-buttons {
  clear: both;
  padding-top: 10px;
  align: right;
}
div.form-buttons div.button {
  float: right;
}

.table{
	border-width:1px;
	border-spacing:2px;
	border-style:outset;
	border-color:black;
	border-collapse:seperate;
	background-color:#F5F3DE;
}

.table td{
	border-width:1px;
	padding:1px;
	border-style:inset;
	border-color:#DDDD88;
	background-color:#F5F3DE;
	-moz-border-radius:0px;
}

.table th{
	border-width:1px;
	
	border-style:inset;
	border-color:#DDDD88;
	background-color:#F5F3DE;
	-moz-border-radius:0px;
}

.list_display {
	position:absolute;
	left:250px;
	top:120px;
}

#page {
margin: 2mm 6mm 6mm 6mm;
}


.display a {
	color: #000000; 
	text-decoration: none; 
	cursor: hand; 
}

table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
	background-color: #DBCBB7;
	table-layout: fixed; 
	word-wrap:break-word;
	border-collapse:collapse; 
	empty-cells:show; 
	cellpadding:10;
	cellspacing:0;
	border:0;
	cursor: default;
	* cursor: default;
}

table.display tbody tr {
	cursor: pointer;
	background-color: #e1eafe;
}

table.display td {
	border-left:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	border-top:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
	background-color:#DBCBB7;
	color:black;
	text-align: center;
        font-size:10px;
}

table.display tbody {
	background-color:#DBCBB7;
}

table.display thead th {
	border-left:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	border-top:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
	font-weight: normal;
	cursor: pointer;
	* cursor: hand;
	color: #ffffff;
	background-color:#875733;
	padding: 2px;
}

table.display tfoot th {
	border-top: 1px solid black;
	font-weight: bold;
}



.container{
   
    display:flex;
}
.fixed{
   
    width: 200px;
}
.flex-item{

    flex-grow: 1;
}
 .flash-box {   
    font-weight: bolder;
    color: #e1292e;
    
  
  
}