body {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; line-height: 24px; 
  background: #FFFFCC; 
  margin: 0;
  padding: 16px;
}

.logo {
  border: 0px solid #ffffCC;
  max-width: 380px;
}

.navbar {
  width: 100%;
  background-color: #ffffCC;
  overflow: auto;
}

.navbar a {
  float: left;
  padding: 4px 8px;
  color: #006600;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover {
  color: #980404;
  background-color: #ffffCC;
}

.active {
  color: #006600;
  background-color: #ffffCC;
}

@media screen and {
  .navbar a {
    float: none;
    display: block;
  }
}

h1 {
  font-family: Roboto Condensed, Verdana, Tahoma, Arial;
  color: #4c4c4c; 
  font-size: 32pt; 
  margin: 0; 
  text-decoration:none;
  font-weight: normal; 
  padding-bottom: 0px;
  margin-bottom: 4px;
  border-bottom: 0px solid #006600;
}
h2 {
  margin-top: 12; 
  color: #4C4C4C; 
  font-size: 24pt; 
  line-height: 30px;
  font-family: Roboto Condensed, Verdana, Tahoma, Arial; 
  font-weight: normal; 
  padding-bottom: 8px;
  margin-bottom: 4px;
  border-bottom: 1px dashed #006600;
  border-top: 2px #006600;
}

h7 {
  font-size: 20pt; 
  font-family: Roboto Condensed, Tahoma, Arial; 
  font-weight: normal; 
  line-height: 30px;
  padding-bottom: 26px;
  margin-bottom: 10px;
  border-bottom: 0px dashed #006600;
}

#container {
  max-width: 1000px; 
  margin: 0 auto; 
  background: #FFFFCC; 
}

#header { 
  padding: 10px 0 6px 0px;
  border-bottom: 2px solid #006600;  
}

#content { 
  background: #FFFFCC; 
  margin: 20px 5px 20px 0px; 
  padding: 0px; 
  border: 0px solid #006600; 
}

#footer { 
  max-width: 1000px; 
  margin: 0 auto; 
  background: #FFFFCC; 
  color: #4c4c4c; 
  font-size: 12pt; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  padding: 0px 0px 10px 0px; 
  clear: left; 
}

p {
  text-align: left; 
  padding-bottom: 0px; 
}

p1 {
  font-size: 11pt; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  text-align: left; 
  padding-bottom: 10px; 
}

a:link {
  text-decoration:underline; 
  color:#006600;
}
a:hover {
  color:#980404; 
  text-decoration:underline; 
  cursor:pointer
}

img {
  border: 8px solid #ffffCC;
}
.leftimg {
  float:left; 
  margin: 7px 7px 7px 0; 
}
.rightimg  {
  float: right;  
  margin: 7px 0 7px 7px; 
}


.videoWrapperAll {
  max-width: 560px;
  margin: auto;
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  box-sizing: border-box;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; max-width: 560px;
  height: 100%; max-height: 315px;
}
}

hr {
  background-color:#006600; 
  border: 0; 
  color: #006600; 
  height: 2px; 
  margin: 4px 0 4px 0; 
}

ul {
  list-style-type: disc; 
}

a.button {
  font-family: Arial, sans-serif; 
  font-weight:normal; 
  margin: 4px auto 4px;
  border:1px solid #006600;
  text-decoration: none;
  background-color: #006600;
  color: #FFFFFF;
  padding:4px 16px 4px 16px;
  margin:4px 4px 4px 4px;
  display: inline-block;
}
.button:hover {
  background-color: #980404;
  color: #ffffff; 
  border:1px solid #980404;
}
.button:active {
  border-top:0 none;
  border-bottom:1px solid #fff;
}

a.button1 {
  font-family: Arial, sans-serif; 
  font-weight:normal; 
  margin: 4px auto 4px;
  border:1px solid #006600;
  text-decoration: none;
  background-color: #FFFFCC;
  color: #006600;
  padding:4px 16px 4px 16px;
  margin:4px 4px 4px 4px;
  display: inline-block;
}
.button1:hover {
  background-color: #ffffcc;
  color: #006600; 
  border:1px solid #980404;
}
.button1:active {
  border-top:0 none;
  border-bottom:1px solid #fff;
}

ul{list-style: disc; background-image: none; margin:0 0 20px 0px}
ul li{padding:0 0 8px 0px}
ol{list-style:decimal; margin:0 0 20px 0px}
ol li{margin:0 0 0 10px; padding:0 0 8px 0px}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul,  ol ol,  ul ol,  ol ul{margin-bottom:0}