body{
 font-family: 'Alegreya',Book Antiqua, Garamond, Times, serif;
 background:  url(webbg.png) repeat-y #000030;
 background-size: 300px;
 color:#ffffff;
 width: 94%;
}

h1{
 border: solid 2px #202080;
 background: #000060;
 padding-left: 4px;
 font-size: 150%
}
h2{
	font-size: 120%;
	background: #101060;
 	border: solid 2px #202080;
	padding-left: 4px;
}

h3{
	color:#ffffc0;
	font-size:100%;
	font-style: italic;
	margin-bottom:0;
	margin-top:6;
}

a{
 font-size: 100%;
 font-style: italic;
 font-weight: bold;
 color: #ffffc0;
}
a:active{
 color: #c00000;
 background-color: #ffffc0;
}
a:hover{
  color: #c00000;
}
hr{
 width:100%;
 border:0;
 color: #22a;
 background-color: #22a;
}

table.tablelines{
	border-spacing:1px;
	border-color:#2020a0;
	border-width:3px;
	border-style: ridge;
}
table.tablelines td, th{
	border-color:#2020a0;
	border-width:3px;
	border-style: groove;
}

table ul {
	margin-left:1em;
	padding:0px;
}
table ul li {
	padding:5px;
}

ul.hmenu{
 margin: 0;
 padding: 0;
}

ul.hmenu li{
 float: left;
 margin: 4 4 4 4;
 padding: 0 0;
 xwhite-space: nowrap;
 list-style:none;
 border: solid #22a;
 border-width: 1;
}
ul.hmenu li a{
 xwidth:135;
 xheight:55;
 background: #228;
 padding: 0 0;
}
ul.hmenu li a:hover{
 border: solid #33b;
 border-width:2;
 background: #218;
}

q {
	color: #ffc0ff;
	font-family: sans-serif;
	font-style:italic;
}

.borderimg {
	border: solid 2px #2020a0;
	padding:6px 4px 4px 4px;
	margin: 8px 0px 8px 0px;
}

#main-menu{ 
	float:left;
	width:120;
}

#main-content{
	float:right;
	width:80%;
}

table.lined{
  border-width:0px;
  border-spacing:2px;
  background:#226;
}
table.lined td{
	border-width:0px; 
	padding:8px;
	background-color:#002;
}
table.lined th{
	border-width:0px; 
	padding:8px;
	background-color:#004;	
}

.container{
  display:flex;
}
.container > div{
  flex:1 1 auto;
  margin:0.5em;
}