* {
  margin: 0;
  padding: 0;
}

html {
  background: #c80a0f;
}

body {
  _width: 100%;
  background-color: #fff;
  color: #888;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  	font-size: 0.9em;
  margin: 0 auto;
  max-width: 1000px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  }

h1 {
  font: 2.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #003399;
  font-weight: 600;
  }

h2 {
  font: 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #003399;
  font-weight: 600;
  }
  
h3 {
    font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000066;
  font-weight: 200;
  text-align: center;
  margin: 0 auto 20px;
  }

#container {
  background-color: #fff;padding: 0;
    margin: 0.3em auto 0 auto;
  }
  
.logo_top { max-width:100%}

.logo_bottom { max-width:100%}

#headline { 
            padding: 1.2em 0 0.3em;
            text-align: center;
    }
    
#subheadline { 
                padding: 0.3em 0 0.5em;
                margin: 0 0 1.2em;
                text-align: center;
    }
    


#content {
   background-color: #fff; 
}
.content_1 {
            color: #003399;
           padding: 2.0em 4.0em 0.5em;
        text-align: left;
}

.content_2 {
    color: #424242;
    padding: 0.5em 6.0em;
        text-align: justify;
}



a
        {
            font-family: Verdana;
            font-size: 14px;
            color: #000066;
            text-decoration: none;

        }

a:hover
        {
            font-family: Verdana;
            font-size: 14px;
            color: #000006;
            text-decoration: none;

        }

a.blue
        {
            font-family: Verdana;
            font-size: 14px;
            color: #000080;
            text-decoration: none;

        }
a.red:link { color:#fe642e;
         text-decoration:none;
       }


a.red:visited { color:#fe642e;
            text-decoration:none;
          }

a.red:hover { color:#003399;
          text-decoration:none;
        }

a.red:active { color:#333; }


.footer {
  font-size: 11px;
    background-color: #808080;
      font-size: 14px;
    text-align: center;
    color: #ffffff;
    padding: 20px 80px;
  }
  
#menu {	background: #708de2; height: 30px; }


#menu ul { list-style: none; margin:0 auto; }


#menu ul li { float:left; text-align: center; }


#menu ul li a { color: #fff; text-decoration: none; font-size: 1.0em; display:block; float:left; padding: 5px 20px; border-right: 1px solid #ccc; }


#menu ul li a.last { border: none; }


#menu ul li a:hover, #menu ul li a.active { color: #fff; background: #003399; }


#menu ul li a span { cursor: pointer; }
#menu li.last { display: none; }
  


@media screen and (max-width: 1200px) {
  h1 {
    font: 2.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
    }
  }
  
@media screen and (max-width: 1024px) {
  h1 {
    font: 2.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
    }
.content {
    background-color: #888;
    text-align: justify;
    color: #ffffff;
    padding: 20px 4%;
}
  }
  
@media screen and (max-width: 768px) {
  h1 {
    font: 1.7em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
    }

h2 {
  padding: 0px 15%;
  }
.content {
    background-color: #888;
    text-align: justify;
    color: #ffffff;
    padding: 20px 4%;
}
  }

@media screen and (max-width: 480px) {
  h1 {
    font: 1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
    }
#main_form {
        position: relative; top:2%; left: auto;
    }
h2 {
  padding: 0px 2%;
  }
.content_1 {
    background-color: #ccc;
    text-align: left;
    color: #003399;
    padding: 1% 3%;
}
.content_2 {
    background-color: #ededed;
    text-align: justify;
    color: #424242;
    padding: 1% 5%;
}
  }
  
@media screen and (max-width: 320px) {
  h1 {
    font: 1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
    }
h2 {
  padding: 0px 2%;
  }
.content_1 {
    background-color: #ccc;
    text-align: left;
    color: #003399;
    padding: 1% 3%;
}
.content_2 {
    background-color: #ededed;
    text-align: justify;
    color: #424242;
    padding: 1% 5%;
}

  }
  

