* { margin: 0; padding: 0; }

BODY  {
padding: 0;
  margin: 0;
  background-color: #f4f4f4;
        font-family : Verdana;
        color : Black;
        font-size : 9pt;
         text-align:center
}

P  {
        font-family : Verdana;
        color : black;
        font-size : 11pt;
         text-align : justify;
         }

H1  {
        font-family : Verdana;
        color : ##000000;
        font-size : 12pt;
        font-weight : bold;
        text-align : center;
}

H2  {
        font-family : Verdana;
        font-size : 14pt;
        font-weight : bold;
        color : Black;
        text-align : center;
}

TABLE  {  margin:auto;   }

TD  {
        font-family : Verdana;
        color : Black;
        font-size : 9pt;
         text-align: left;
}

TH  {
        font-family : Verdana;
        color : Black;
        font-weight : bold;
        font-size : 11pt;
}

ul {        font-family : Verdana;
        color : black;
        font-size : 11pt;
         text-align : left;
}

li {margin-bottom: 10px;}

.fleft {float: left;}
.fright {float: right;}

#top{
margin:auto; 
width: 900px;
height: 430px;
padding-left: 10px;
padding-top: 10px;
}

#top2{
margin:auto; 
width: 900px;
height: 280px;
padding-left: 10px;
padding-top: 10px;
}

#top3{
float: right; 
width: 300px;
height: 280px;
padding-left: 10px;
padding-top: 10px;
margin-top: 60px;
}

#content { margin:auto; 
width: 900px;
padding-left: 10px;
padding-top: 10px;
}

#logo{
  float:right;
}

#tpleft { width: 400px;
height: 300px;
  float:left;
}

#tpright  { width: 400px;
height: 230px;
  float:right;
}

#content { margin:auto; 
           max-width: 900px;
}

#navmain {  clear: both;
margin:auto; 
           max-width: 500px;
}

#navmain ul {
	margin: auto;
	list-style: none;
	margin-top: 5px;
}

.button {
    background-color: #005eb8; 
    border: none;
    color: white;
    padding: 15px 32px;
    width: 180px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 4px;
    margin-right: 5px;
}

#nav ul {
    width:100%;
    padding-bottom:2.5%;
    background:#ccc;
    float:left;
    list-style-type: none;
}

#nav ul li {
    width:270px;
    margin:2.5% 0 0 2.5%;
    float:left;
    position:relative; /* Needed for z-indexing later */
}

#nav ul li img {
    max-width:100%;
    border:2px solid #eee;
    box-sizing:border-box; /* Don't forget vendor prefixes! */
}

.button1 {background-color: #4CAF50;} /* Green */
.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */
.button4 {background-color: #e7e7e7; color: black;} /* Gray */
.button5 {background-color: #555555;} /* Black */

#footer {clear: both;
margin:auto; 
           max-width: 800px;}