body {font-size: 0.85em;
      color: black
}

ul li {font-size: 0.8em;
      color: darkblue
}

 { 
    padding-left: 16px; 
}

a:link {
    font: 12pt;
    color: darkgreen;
}

/* visited link */
a:visited {
    font: 12pt;
    color: darkgreen;
}

/* selected link */
a:active {
    font: 12pt;
    color: lightgreen;
}

table a:link {
    font: 8pt;
	font-style: italic;
    color: darkgreen;
}

/* visited link */
table a:visited {
    font: 8pt;
	font-style: italic;
    color: darkblue;
}

/* mouse over link */
table a:hover {
    font: 8pt;
	font-style: italic;
    color: blue;
}

/* selected link */
table a:active {
    font: 8pt;
	font-style: italic;
    color: blue;
}

td hr {color: lightblue;
    background-color: lightblue;
    height: 2px;
	border: none}

hr {color: lightblue;
    background-color: lightblue;
    height: 2px;
	border: none;
    margin-top: 0;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0}

p.mess {color: green;
    font-size: 12px;}

.col {-webkit-column-count: 2; /* Chrome, Safari, Opera */
      -moz-column-count: 2; /* Firefox */
      column-count: 2;

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

.pagecontainer {margin: auto;
                max-width: 800px;

}

.container {
  display: inline-block;
  width: 100%;
}

.left {
  float: left;
  width: 49%;
  margin-right:5%;}

.right {
    float: right;
    width: 49%;
    margin-left:5%;}

@media screen and (max-width: 600px)
 {p.mess{font-size: 0px;};
  .col {-webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;}

  .left {
    float: left;
    width: 100%;
    margin-right:5%;
    order: 2;}

  .right {
    float: center;
    width: 100%;
    margin-left:5%;
	order: 1;}
 }

input[type=submit], input[type=button]
   {border: none;
	padding: 8px 15px 8px 15px;
	background: #FF8500;
	color: #fff;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

input[type=submit]:hover, input[type=button]:hover{
	background: #EA7B00;
	color: #fff;
}

.focus {display: block;
        margin: auto;
	    width: 75%;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
 .focus img:hover {
  border: 2px solid blue;
  }
  
h1 {display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
	font-size: 1.25em;
    color: #006400;
	font-style: italic;
	font-weight: bold;
	}

h2 {display: block;
    text-align: center;
    font-size: 0.8em;
    color: darkblue;
	font-style: italic;
	font-weight: bold;
	}
	
h3 {display: block;
    text-align: left;
    font-size: 0.9em;
    color: #008080;
	font-style: italic;
	font-weight: bold;
	}
	
h6 {display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 0.75em;
	font-style: italic;
    color: red;
}

table {color: darkblue;
    font-size: 0.8em;
}

table h2 {display: block;
    text-align: left;
    font-size: 1.0em;
    color: darkgreen;
    margin-top: 0;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
	font-weight: bold;
	}

table h3 {display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    font-size: 0.7em;
    color: green;
	}

table a:link {color: darkblue;
     font-style: normal;
	}

table a:hover {color: blue;
	}
	
body {font: 1.25em times; color=darkblue}

img {border="0"}

input[type=number]{width: 75px;}

p {text-align: left;
   color: darkblue;
   font-size: 0.85em;
}