body 
{
/* background-color:#99cccc;  then #aad5d5	#66cccc instead of background image */
background-color:#ffffff;
background-image:url('images/gradient_cyan_half.png'); 
background-repeat:repeat-x;
margin:0;
padding:10px;
font-size:100%;
color:#000080;
}
a:link {color:#ff0000;}      /* unvisited link */
a:visited {color:#0033cc;}  /* visited link */
a:hover {color:#3399ff;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */ 
#wrapper-original
{
width:800px;
margin: 0 auto;
text-align:left;
}
#wrapper
{margin-left:5%;margin-right:5%;padding:0.5% 0%;}
@media(min-width:900px){#wrapper{width:800px;margin: 0 auto;text-align:left;}}
.clearfloats
{
clear:both;
}
.imageleft {
  width: 20%;
  float: left;
  padding-top:45px;
}
.main {
  width: 60%;
  float: left;
  text-align:center;
}
.imageright {
  width: 20%;
  float: right;
  padding-top:20px;
}
.titleimg {
  max-width: 100%;
  height: auto;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.right-img
{
padding:20px;
float:right;
border-style:none;
max-width: 100%;
height: auto;
}
.left-img
{
padding:20px;
float:left;
max-width: 100%;
height: auto;
}
img.normal
{
max-width: 100%;
height: auto;
}
h1
{
font-size:2.0em;
font-family:Tahoma,Geneva,sans-serif;
color:#11325a;
}
h2
{
font-size:1.2em;
font-family:Tahoma,Geneva,sans-serif;
font-style:italic;
color:#ff0000;
}
h3
{font-size:1.0em;
font-family:"Times New Roman",Times,serif;
color:#264974;
}
p
{
font-size:0.95em;
font-family:Arial,Tahoma,Geneva,sans-serif;
color:#000080;
text-align:justify;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
}
p.center, h2.center
{
text-align:center;
}
div.white
{
background-color:#ffffff;
padding:15px;
border-style:solid;
border-width:1px;
}
.	
{
background-color:#ffffff;
border-style:double;
border-color:#000000;
}
ol
{
list-style-type:decimal;
padding: 0px;
margin-left:50px;
margin-right:30px;
font-size:0.95em;
font-family:Arial,Tahoma,Geneva,sans-serif;
color:#000000;
}
li
{
padding-left: 14px;
padding-bottom:5px;
text-align:justify;

}
table
{
width:100%;
background:#ffffff;
border:1px solid #0c67cb;
border-collapse:collapse;
margin-left:0px;
margin-right:0px;
padding:0px;
font-size:0.95em;
font-family:Arial,Tahoma,Geneva,sans-serif;
text-align:left;
}
/* th, td							Alternative gray tables
{
border:1px solid #000000;
padding:5px;
font-size:0.95em;
font-family:Arial,Tahoma,Geneva,sans-serif;
background-color:#e0e0e0;
text-align:left;
}
*/
th, td
{
border:1px solid #e2effe;
padding:5px;
font-size:0.95em;
font-family:Arial,Tahoma,Geneva,sans-serif;
background-color:#b5d6fb;
text-align:left;
}
/*  th.middle, td.middle			Alternative gray tables
{
border:1px solid #000000;
background-color:#b1b1b1;
}
*/ 
th.middle, td.middle
{
border:1px solid #b5d6fb;
background-color:#e2effe;
}
.grid-container {
  display: grid;
  grid-template-areas: 'image auto';
  background-color: #ffffff;
  border: 1px solid #2196F3;
  padding: 0.5px;
  }
.grid-item {
  background-color: #ffffff;
  padding: 20px;
  font-size: 0.95em;
  align-self: center;
  }
 @media (max-width: 600px) {
  .grid-container {
    grid-template-areas: 'image' 
							'auto';
  }
  }
table.gallery
{
background:#ffffff;
}
td.gallery
{
background-color:#ffffff;
width:33.3%;
text-align:center;
padding:15px 10px;
border:1px solid #0099cc; 
}
.center90
{
margin:auto;
width:90%;
}
.center80
{
margin:auto;
width:80%;
}
.center100
{
margin:auto;
width:100%;
}
#.-menu
{
width:45em;
}
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li
{
float: left;
margin: 0 0.15em;
}
#nav-menu li a
{
/*background: url("images/css-nav.gif") #fff bottom left repeat-x;*/
height: 2em;
float: left;
width: 6em;
display: block;
/*border: 0.1em solid #dcdce9;*/
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight:bold;
text-align:center;
}
/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */