/* HTML5 Template Styles for HTML5Template page */
/* Help older browsers with HTML5 layout elements */
header, nav, aside, article, footer, section, figure, figcaption {
    display: block;
   }
   @font-face {
    font-family: 'bearpawregular';
  
  src: url('ufont/BEARPAW_-webfont.eot');
   
 src: url('ufont/BEARPAW_-webfont.eot?#iefix') format('embedded-opentype'),
 
        url('ufont/BEARPAW_-webfont.woff2') format('woff2'),
  
       url('ufont/BEARPAW_-webfont.woff') format('woff'),
   
      url('ufont/BEARPAW_-webfont.ttf') format('truetype'),
  
       url('ufont/BEARPAW_-webfont.svg#bearpawregular') format('svg');
 
   font-weight: normal;
    font-style: normal;
/* navigation donwe with bearpaw */
}nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: bearpawregular, Helvetica, Sans-Serif;
    font-size: 24pt;
    color: black;
}
/* Each list item inside horizontal menu bar */
nav ul li {
	float: left;
	width: 25%;
	position: relative;
	z-index: 10;
}
/* Text and links across navbar */
nav span, nav a {
    /* Preload two background images */
        background-color: #246175;
        color: white;
    
        text-decoration: none;
        outline: none;
        display: block;
        height: 40px;
        line-height: 40px;
        width: 100%;
        text-align: center;
    }
    /* Unvisited/visited links in horizontal bar */
    nav a:link, nav a:visited {
        background: #246175;
        color: white;
    }
    /* Hovering over list item in top menu bar */
nav ul li:hover a, nav ul li:hover span {
    background: lightblue;
    color: black;
}
/* Drop-down menu for each item in menu bar */
nav ul li ul {
    background: #cc5f00;
    color: white;
    box-shadow: 0 40px 40px -20px black inset;
    position: absolute;
    z-index: 11;
    width: 100%;
    visibility: hidden;
}
/* Make drop-down visible when hovering on menu bar item  */
nav ul li:hover ul {
    visibility: visible;
}/* Individual list items in drop-down menus */
nav ul li ul li {
    width: 100%;
    float: none;
    height: 44px;
    line-height: 44px;

}
/* Links in drop-down menus */
nav ul li ul li a, 
nav ul li ul li a:link, 
nav ul li ul li a:visited {
    background: none;
    display: block;
    text-align:left;
    text-indent:10%;
    width: 100%;
    height: 100%;
    color: white;
    text-decoration: none;
    outline: none;
}
/* Hover and active states in drop down menu */
nav ul li ul li a:hover, 
nav ul li ul li a:active {
    background: lightblue;
    color: black;
}
   /* Get rid of white border around browser window */
   body {
    margin: 0;
    padding: 0;
    background-image: url(upix/bryceback.jpg) , linear-gradient(lightblue,peachpuff) ;
    background-attachment: fixed, fixed;
    background-position: right bottom;
    background-size: 15%, cover;
    background-repeat: no-repeat, no-repeat;
   }
   /* Get rid of large margins on headings */
   h1, h2, h3, h4, h5, h6 {
    margin: 0;
   }
   #wrapper {
    /* Set your own widths, % for fluid, px for fixed */
    width: 100%;
    min-width: 780px;
    max-width: 2560px; /* Vertical margins, and auto to center */
    margin: 0 auto;
   }
   /* Sample styles for 3-column layout */
   /* Section containing multiple columns */
   .columns {
    display: table;
    border-collapse: collapse;
    width: 100%; /* border is optional, style to taste */
    border: solid 1px silver;
   }
   /* Aside columns in columns div */
   .columns aside {
    display: table-cell; /* Use any width and padding you like */
    width: 18%;
    padding: 1%;
   }
   /* Main article in the columns */
   .columns article {
    padding: 1%;
   }
   /*Optional, style to taste */
   .columns .left {
    background-color: #ddd;
    border-right: solid 1px gray;
   }
   .columns .right {
    background-color: #ddd;
    border-left: solid 1px gray;
   }
   /* Style rules for formal, captioned figures */
   figure {
    width: 80%;
    max-width: 600px;
    clear: both;
    margin: 1em auto;
    border: solid 1px gray;
    border-radius: 4px;
    box-shadow: 3px 3px 3px 3px silver;
   }
   figure img {
    width: 100%;
    display: block;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
   }
   figcaption {
    font: 10pt/10pt Verdana, Tahoma, Sans-serif;
    padding: 2px 4px;
   }
   /* Left-floating pictures */
   figure.floatleft {
    float: left;
    width: 33%;
    max-width: 400px;
    margin: 0 10px 0 0;
   }
   /* Right-floating pictures */
   figure.floatright {
    float: right;
    width: 33%;
    max-width: 400px;
    margin: 0 0 0 10px;
   }
   /* Pictures with no caption */
   figure.nocaption figcaption {
    display: none;
   }
   /* Pictures in the side columns */
   .columns aside img {
    display: block;
    width: 90%;
    margin: 0.5em auto;
    border: solid 1px gray;
    border-radius: 4px;
    box-shadow: 3px 3px 3px 3px silver;
   }