/* Fonts */ @font-face { font-family: 'Lato'; font-weight: 300; src: url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2); } @font-face { font-family: 'Lato'; font-weight: 300; src: url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXiWtFCc.woff2); } /* Generic Selectors */ body { font-family: 'Lato'; font-size: 14px; color: #333333; background-color: #F9F9F9; } p {width: 80%;} li { list-style-type: none; line-height: 150%; list-style-image: url(../images/arrowSmall.gif); } h1 { font-family: 'Lato'; font-size: 18px; font-weight: 400; color: #000000; } h2 { font-family: 'Lato'; font-size: 16px; font-weight: 400; color: #000000; } /**************** Pseudo classes ****************/ a:link { color: #888888; text-decoration: none; font-weight: 300; } li a:link { color: #00CC00; text-decoration: none; font-weight: 400; } a:visited { color: #888888; text-decoration: underline; font-weight: 400; } li a:visited { color: #00CC00; text-decoration: none; font-weight: 400; } a:hover { color: #000000; padding-bottom: 5px; font-weight: 400; text-decoration: underline; } a:active { color: rgb(255, 0, 102); font-weight: 400; } /************************* ID's *************************/ #navigation { position: absolute; z-index: 10; width: 100vw; height: 40px; margin: 0; border-bottom: 1px solid #000000; font-weight: normal; } #centerDoc { position: absolute; z-index: 15; padding: 0 0 0 0; /*top right bottom left*/ margin-top: 50px; margin-left: 0px; }