body { background-color: #FFFFFF; margin-left:0pt; margin-right:0pt;margin-top:0pt;margin-bottom:0pt }
html * { font-family:"Times New Roman", Times, serif;}

header {background : #3C8F3D;box-shadow: 0px 3px 5px rgb(90,90,90);}
.div-blue {height:10px; background:#00CCFF}
.div-red {height:10px; background:#FF3300}
.div-yellow {height:10px; background:#FFFF00}
.top-menu {text-align:center}
.top-menu a {color:#FFFF00}
.top-menu a:hover {color:#FFFFFF}
.header-text {font-size:18pt;color:#FFFFFF;text-align:center;text-shadow:1px 1px #000000}
.container {width:950px;margin:0 auto}
.page-box { margin:30px;  border:1px solid #49714E;box-shadow: 0 0 8px 4px #C0C0C0;background:#fff9cc;padding:30px; 	}
.page-text h1 {font-size:16pt;text-align:center;color:#2F592D; border-bottom:1px dotted #2F592D}
.page-text p {font-size:10pt; } 
.page-text li {font-size:10pt;color:#413E31}
.page-text b {font-size:10pt; font-weight:700; color:#2F592D}
.page-box  h1{font-size:24pt;text-transform:uppercase;color:red;text-shadow:2px 2px #FFFFFF}
.page-box  h2{font-size:20pt;text-transform:uppercase;color:red;text-shadow:2px 2px #FFFFFF}

.details {
	line-height:30px;
}




.box{border: 1px solid #27654A; background:#F6FFF4}

.mid  { background-color: #DCF8DA }
.myform {border: 1px solid #FFFFFF;background-color:#DDEDDD;width:750px; margin:0 auto; box-shadow: 0 0 8px 4px #C0C0C0;margin-bottom:10px}
.myform th {border-top:1px solid #FFFFFF;color:#0E9600;padding:5px;text-transform:uppercase;text-shadow:1px 1px #FFFFFF;font-size:12pt}
.myform td { padding:5px;font-size:10pt}
.myform b { font-weight:700}
.myform small {font-size:8pt}
.text { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; color: #000000; text-align:Justify; padding:5px; text-shadow:0px 0px}
.title { color:#27654A; font-size: 18pt; font-weight: bold; text-align:center;margin:0;margin-top:10px;text-transform:uppercase }
.subtitle { color:#27654A; font-size: 15pt; font-weight: bold; text-align:center ;margin:0;margin-top:5px }
.grid { border: 1px solid #44A87F; background:#D2EFBD; font-family: arial,verdana; font-size: 9pt; color: #27654A;  padding:5;font-weight:bold}
.gridm { border: 1px solid #44A87F;  font-family: arial,verdana; font-size: 9pt; color: #000000;  padding:4}

.mylist * {font-size:9pt}

a { text-decoration: none; color: #00F; }
a:hover {color:#181854}
input {font-family:verdana;font-size:10pt;padding:5px}
select {font-family:verdana;font-size:10pt;padding:5px}
textarea {font-family:verdana;font-size:10pt;padding:5px}

.hightlight1 {
  width: 950px;
  height: auto;
  padding:10px;
  font-size:30px;
  color:#fff;
  text-align:justify;
  font-weight:bold;
  -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
    background-color: rgb(117, 209, 63);
    border: 3px solid #e50000;
  }
  50%, 100% {
    background-color: #e50000;
    border: 3px solid rgb(117, 209, 63);
  }
}

.hightlight2 {
  width: 950px;
  height: auto;
  padding:10px;
  font-size:30px;
  color:#fff;
  text-align:justify;
  font-weight:bold;
  -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
    background-color: rgb(117, 209, 63);
    border: 3px solid #002aff;
  }
  50%, 100% {
    background-color: #316d00;
    border: 3px solid rgb(54, 145, 208);
  }