html,
body {
	margin: 0;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	color: SkyBlue;
//	min-height: 100%;
}

.MenuWrap {
	background-color: yellow;
	font-family: 'Oswald', sans-serif;
	font-size: 1rem;
	min-height: 2.75rem;
	display: flex;
	//flex-direction: column;
	flex-flow: row wrap;	
	align-items: center;
	padding: 0 1rem;
}


/* 1rem equals the font size of the html element (which for most browsers has a default value of 16px). */

/*
@media screen and (min-width: 50rem) {
					.MenuWrap	{
						flex-flow: row wrap;	
					}
}*/

.ListItem,
.LastItem {
	//color: #ebebeb;
	color: blue;
	text-decoration: none;
}




.ListItem {
	margin-right: 1rem;
}

.LastItem {
	margin-left: auto;
}

.divider {
  width: 2px;
  margin: 6px 0;
  background: blue;
}


.FlexWrapper {
	background-color: yellow;
//	color: black;
	display: flex;
	flex-direction: column;
	//justify-content: space-between;
	//height: 200px;
	//width: 100%;
	//align-items:center
}

.FlexItem {
	display: flex;
	align-items: center;
	min-height: 4.25rem;
	padding: 1rem;
	
	//border: 1px solid #ebebeb;
	//background-color: #34005b;
	//height: 100px;
	//width: 25%;	
}


.FlexThinItem {
	display: flex;
	align-items: center;
	min-height: 0.75rem;
	padding: 1rem;
}


.FlexHeader {
	//background-color: #105b63;
	font-family: Helvetica, Arial, sans-serif;
	font-size: x-large;
	font-weight: bolder;
	background: url('img/bt_hdr.jpg'), #6DB3F2;
	color: white; //#6495ED; /* CornflowerBlue */
}

.FlexSubHeader {
  font-style: italic;
  font-family: Georgia, Times, Serif;
  background-color: #cfebf7; 	
  color: black; 
}

.FlexContent {
	background-color: #EAF2FF; // light grey //yellow;
	color: black;
	//min-height: 100%;
	//order: -1

}


.FlexFooter {
	background: url('img/bt_ftr.jpg'), #6DB3F2;
	color: #6495ED; /* CornflowerBlue */
	min-height: 12.25rem;
	//background-color: #bd4932;
}

 
  /* Links */
  
/* unvisited link */

a:link {
  //color: red;
  text-decoration: none;
}

/* visited link */
a:visited {
  //color: green;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  //color: hotpink;
}

/* selected link */
a:active {
  //color: blue;
  text-decoration: none;
}



@media screen and (min-width: 550px) {
					body	{
						background-color: #ffff99;	//	light yellow
					}
}

/* 1rem equals the font size of the html element (which for most browsers has a default value of 16px). */



/* For small screen reduce left margin */

.left_mgn 	{	margin-left: 2em;	}

/* Change the margin-left to 1em when the browser window is 500px wide or less: */

@media (max-width: 500px) {
    .left_mgn{
       margin-left: 1em;
    }
}

/* Change the margin-left to 1em when the browser window is 700px wide or less: */
/*
@media (max-width: 700px) {
    .left_mgn{
       margin-left: 2em;
    }
}*/


/*
@media (min-width:320px)  {  smartphones, portrait iPhone, portrait 480x320 phones (Android) }
@media (min-width:480px)  {  smartphones, Android phones, landscape iPhone }
@media (min-width:600px)  {  portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android)  }
@media (min-width:801px)  {  tablet, landscape iPad, lo-res laptops ands desktops  }
@media (min-width:1025px) {  big landscape tablets, laptops, and desktops  }
@media (min-width:1281px) {  hi-res laptops and desktops  }
*/
	
//	Fonts 	

h1, h2, h3 {
  font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
}

h1 {
  font-size: x-large;
  background-color: navy;
  color: white;
  padding-top: 1.6em;
  padding-bottom: .6em;
  padding-left: .4em;
  margin: 0;
  background: navy url(backgrounds/header-bg.jpg) repeat-y right;
}

h2 {
  color: black;
  font-size: 130%;
  font-weight: normal;
  padding-top: 15px;
}

h3 {
  color: black;
  font-size: 118%;
   font-weight: normal;
  padding-top: 10px;
//  padding-left: .4em;
//  padding-left: 14px;
  font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;

}

h4 {
  color: black;
  font-size: medium;
  font-weight: bolder;
  font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
  padding-top: 7px;

}



h2, ul {
  margin-top: 15px;
  }
  
 h2.helv {
  color: black;
 // font-size: 118%;
 // font-weight: normal;
 // padding-top: 10px;
//  padding-left: .4em;
//  padding-left: 14px;
  font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;

}

h3.helv {
  color: black;
  font-size: 118%;
  font-weight: normal;
  padding-top: 10px;
//  padding-left: .4em;
  padding-left: 14px;
  font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;

}

/*

h4.std {
  font-weight: normal;
  padding-top: 1px;
}

h4.tnr {
  font-weight: normal;
  font-family: Times New Roman, Times, Serif;
  padding-top: 1px;
}

 
h4.news {
  color: #0099FF;
  font-weight: normal;
  font-family: Times New Roman, Times, Serif;
  padding-top: 1px;
}
*/


span.bkem {
     unicode-bidi: bidi-override;
     direction: rtl;
}


<style>
  .reverse {
    unicode-bidi: bidi-override;
    direction: rtl;
  }
</style>


body {
  font-family: Verdana, Helvectica, Arial, sans-serif;
  background-color: white;
  line-height: 125%;
  padding: 0;
  margin: 0;
  /* padding: 15px 15px 15px 15px;
  border: 4px solid navy;
*/
}


li {
//font-size: xx-small;
font-weight: normal;
//  font-family: 'Oswald', Verdana, Helvectica, Arial, sans-serif;
list-style-type: disc;
}



/*
p {
  font-size: small;
  color: black;
  margin-right: .2em;
}
*/

p {
  font-size: small;
  margin-right: .1em;
  
}



p.helv {
  color: black;
  font-size: small;
  font-weight: normal;
 // padding-top: 10px;
  padding-left: 2em;
//  padding-left: 14px;
  font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;

}


  
em {
   text-transform: uppercase;
   }
  
img  {
  border: 5px solid white;
  }
  

  /*	Tables */
/* Generic */
table  {
  border-collapse: collapse;
  border: 1px solid black;
  /*margin-right: .4em;*/
  }

th  {
  text-align: left;
  background: gray;
  color: white;
  padding: 0.2em;
  }

td  {
  border: 1px solid black;
  padding: 0.2em;
  }

/* Table - reg */

table.reg  {
  border-collapse: collapse;
  margin-right: 1.6em;
}

table.tnr {
  font-family: Times New Roman, Times, Serif;
  margin-right: 1.6em;
}



  
 blockquote.fun {
  font-style: italic;
}

.centeredImage
  {
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
  }