#wrapper
{
	width:100%;
	margin:0px;
	padding:0px;
	position:relative;
	background-color: lightgray;
}

#header
{
   height:93px;
   margin-top:0px;
   vertical-align:top;
   background-color: #000050;
   top:0px;
   width:100%;
   min-width: 600px;
   position: relative;
}

#leftcolumn
{
	background-color: #E0E0E0;
	margin-top:5px;
	width: 160px;
	min-width: 160px;
	height: 100%;
	min-height: 80%;
	float: left;
	position: relative;
	padding: 5px;
}

#leftcolumntext
{
padding-left:10px;
padding-top:20px;
width:160px;
}

#centreColumn
{
    flex: 1;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    background-color:white;
    height: 100%;
    min-height:100%;
    max-width:;
}

#pageContent
{
    margin-top:15px;
}


@media screen and (min-width:640px) {
 .flex-container {
  display:flex
 }
}


html {
	height: 100%; 
	width:100%;
	min-height: 100%; 
	margin:0px;
	padding:0px;
	
}

body {
	background-color: #FFFFFF;
	margin:0px;
	padding:0px;
	height:100%;
	min-height:100%; 
}

img
{
border:none;
}

img.right
{
float:right;
}


h1{font-family:calibri; font-size: 17pt; color:#000050}
h2{font-family:calibri; font-size: 14pt; color:black}
h3{font-family:calibri; font-size: 13pt; color:black}
h4{font-family:calibri; font-size: 12pt; color:black}
h5{font-family:calibri; font-size: 10pt; color:#000050}
p.error{font-family:calibri; font-size: 12pt; color:red}
p{font-family:calibri; font-size: 12pt; color:black}
a{font-family:calibri; font-size: 12pt; color:black; font-weight:normal;}
a:hover{color:blue}
table.standard {
	width: auto;
	min-width:1000px;
	border-width: thick;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: #fffafa;
}
table.standard th {
	width: auto;
	font-family:calibri; 
	font-size: 10pt;
	border-width: 1px;
	padding: 1px;
	border-style: none;
	background-color: #E0E0E0;

}
table.standard tr.f1 td {
	word-wrap: break-word;
	width: auto;
	font-family:calibri; 
	font-size: 10pt;
	border-width: 1px;
	padding: 1px;
	border-style: none;
	background-color: #E0E0E0;

}
table.standard tr.f2 td {
	word-wrap: break-word;
	width: auto;
	font-family:calibri; 
	font-size: 10pt;
	border-width: 1px;
	padding: 1px;
	border-style: none;
	background-color: white;

}

.navbar {
  overflow: hidden;
  background-color: #000050;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: calibri;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #000040;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

i {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}