/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1.2; background-color: #ffffff; font-family: sans-serif; font-size: 17px; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*========================================= Main Styles =========================================*/ body { font-family: Arial,sans-serif; } h1 { font-size: 28px; color: #000000; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 16px; } header nav { float: right; margin-right: 5px; } header nav li { display: inline; font-size: 12px; vertical-align: top; } a:link { text-decoration: none; color: black; } a:visited { text-decoration: none; color: black; } a:hover { text-decoration: underline; color: #E13200; } a:active { text-decoration: underline; } /*================================== FileTree stuff =====================================*/ /* Remove default bullets */ ul, #myUL { list-style-type: none; } /* Remove margins and padding from the parent ul */ #myUL { margin: 0; padding: 0; } /* Style the caret/arrow */ .caret { cursor: pointer; user-select: none; /* Prevent text selection */ } /* Create the caret/arrow with a unicode, and style it */ .caret::before { content: "\25B6"; color: black; display: inline-block; margin-right: 6px; padding-bottom: 5px; padding-top: 5px; } /* Rotate the caret/arrow icon when clicked on (using JavaScript) */ .caret-down::before { transform: rotate(90deg); } /* Hide the nested list */ .nested { display: none; } /* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */ .active { display: block; } /* Class for file tree items to override heading style*/ .filetree { display: inline-block; font-size: 18px; font-weight: normal; } /* class to define style for PDF file links*/ .archivePDF { text-decoration: underline; font-size: 16px; padding-bottom: 5px; padding-top: 5px; } /*========================================= Div IDs =========================================*/ #text-container-nav { display: block; padding: 0px 44px 0px 20px; border-bottom: 1px solid #968b8a; margin-bottom: 1px; } #text-container-nav-prod { display: block; padding: 0px 44px 0px 20px; border-bottom: 1px solid #968b8a; margin-bottom: 1px; } #categories { display: block; margin-top: 20px; margin-bottom: 390px; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 20px; } #files { display: block; /*border: solid 1px #000000;*/ margin-top: 2%; margin-left: 8%; margin-right: 8%; padding: 10px; } #text-container-banner { display: block; padding: 51px 44px 67px; background-color: #f5f3f2; } #text-container { display: block; padding: 51px 44px 67px; } #footer { position: fixed; bottom: 0; width: 99%; margin-top: auto; padding-right: 10px; background-color: #00213C; color: white; text-align: right; font-size: 15px; } /*========================================= Classes =========================================*/ .container { display: block; } .caption { max-width: 240px; padding: 5px; border: 1px; border-radius: 4px; text-align: left; float: center; background-color: #ffffff; } .logo { position: absolute; margin-top: 15px; left: 10px; width: auto; height: auto; } .navigation { position: absolute; margin-top: 15px; margin-right: 20px; right: 10px; width: auto; height: auto; font-size: 15px; } .navigation-link { font-size: 15px; } .center { display: block; margin-left: auto; margin-right: auto; width: auto; } .jumbotron-heading { font-size: 80px; font-weight: bold; margin: 0px 0px 28px; } .button { height: 150px; width: 250px; padding-left: 40px; padding-right: 60px; padding-top: 40px; padding-bottom: 80px; border: 15px solid #f5f3f2; float: left; margin: 20px; background-color: #f5f3f2; } .button-text { display: inline-block; font-size: 22px; font-weight: bold; }