<style type="text/css">
<!--

/* Style the body */
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

/* Style the header */
.header {
  flex: 100%;
}

.header h1 {
	font-size: 36pt;
}
.header h2 {
	font-size: 26pt;
}

/* Style the top navigation bar */
.navbar {
  overflow: hidden;
  background-color: #333;
}

/* Style the navigation bar links */
.navbar a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  font-size: 24pt;
  padding: 14px 20px;
  text-decoration: none;
}

/* Right-aligned link */
.navbar a.right {
  float: right;
}

/* Change color on hover */
.navbar a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the main pane */
.main {   
  -ms-flex: 70%; /* IE10 */
  flex: 70%;
  align: right;
  background-color: #95e030;
  padding: 20px;
}

/* Fake image, just for this example */
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

.portrait {
	height:200px;
	width:200px;
}

.table1 {
	border:1px;
}

/* Style the footer */
.footer {
  flex: 100%;
  padding: 20px;
  text-align: center;
  background: #ddd;
}

-->
</style>
