/* CSS Document */

 html, body {
    background:#FFFFFF;
    margin:0;
    padding:0;
}

/* noto-serif-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/noto-serif/noto-serif-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/noto-serif/noto-serif-v28-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/noto-serif/noto-serif-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/noto-serif/noto-serif-v28-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/noto-serif/noto-serif-v28-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/noto-serif/noto-serif-v28-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

#wrapper {
    background-color:#FFFFFF;
}

#header {
    margin:0 auto;
    min-width:1000px;
    background-color:#FFFFFF;
    height:100px;
    border-bottom:3px solid #000000;
    box-shadow:0px 0px 2px;
    background-image: url("../img/header-bg.jpg");
    background-repeat: repeat-x;
    background-size: 200px auto;
}

#headernavi {
    margin:0 auto;
    height:100px;
    width:1000px;
    background-image:url(../img/header.png);
    background-size:1000px 100px;
    background-repeat: no-repeat;
    vertical-align:middle;
}


#menu a:link {
    float:left;
    padding-top:5px;
    margin-top:30px;
    padding-left:8px;
    padding-right:8px;
    margin-left:15px;
    height:28px;
    text-decoration:none;
    font-family:'Noto Serif' !important;
    font-weight:800;
    color:#000000;
    font-size:20px;
}

#menu a:visited {
    float:left;
    padding-top:5px;
    padding-left:8px;
    padding-right:8px;
    margin-left:15px;
    height:28px;
    text-decoration:none;
    font-family:'Noto Serif' !important;
    font-weight:800;
    color:#000000;
    font-size:20px;
}

#menu a:hover {
    float:left;
    padding-top:3px;
    padding-left:8px;
    padding-right:8px;
    margin-left:15px;
    height:28px;
    text-decoration:none;
/*     background:#303030; */
    font-family:'Noto Serif' !important;
    font-weight:800;
    color:#000000;
    font-size:20px;
}

#menu a:active {
    float:left;
    padding-top:3px;
    padding-left:8px;
    padding-right:8px;
    margin-left:15px;
    height:28px;
    text-decoration:none;
/*     background:#303030; */
    font-family:'Noto Serif' !important;
    font-weight:800;
    color:#000000;
    font-size:20px;
}

#main {
    margin:0 auto;
    padding-top:50px;
    padding-left:50px;
    padding-right:50px;
    padding-bottom:80px;
/*     background-color:#ffffff; */
    width:900px;
    background-image:url("../img/main-bg.jpg");
    background-size:1000px auto;
    min-height:500px;
    font-size:16px;
    font-family:'Noto Serif' !important;
}

#main a:link {
    color:#00ab0c;
    text-decoration:underline;
}

#main a:visited {
    color:#00ab0c;
    text-decoration:underline;
}

#main a:hover {
    color:#000000;
    text-decoration:underline;
}

#main a:active {
    color:#000000;
    text-decoration:underline;
}

#table {
    padding-left:30px;
    font-weight:normal;
    text-align:left;
}

h2 {
    font-family:'Noto Serif' !important;
    font-weight:700;
    color:#000000;
    font-size:24px;
}

h4 {
    font-family:'Noto Serif' !important;
    font-weight:700;
    color:#000000;
    font-size:16px;
}

#spacer {
    margin:0 auto;
    height:30px;
    width:1000px;
}

#footer {
    margin: 0 auto;
    text-align:center;
    height:32px;
    min-width:1000px;
    padding-top:18px;
    background:#808080;
    font-family:'Lato-Regular' !important;
    font-size:12px;
}

#footer a:link {
    color:#000000;
    text-decoration:underline;
}

#footer a:visited {
    color:#000000;
    text-decoration:underline;
}

#footer a:hover {
    color:#00ab0c;
    text-decoration:underline;
}

#footer a:active {
    color:#00ab0c;
    text-decoration:underline;
}

.photo {
    box-shadow:#000 3px 3px 10px;
    width:350px;
}