/* HTML5 Template Styles for HTML5Template page */
/* Help older browsers with HTML5 layout elements */
header, nav, aside, article, footer, section, figure, figcaption {
 display: block;
}
/* Get rid of white border around browser window */
body {
 margin: 0;
 padding: 0;
}
/* Get rid of large margins on headings */
h1, h2, h3, h4, h5, h6 {
 margin: 0;
}

/* Style rule for the body element */
body {
 background-color: #203731; /* Packer Green */
 /* Default font styling */
 font-family: "Times New Roman", Serif;
 font-size: 100%;
 color: #2b3856;}
#wrapper {
 /* Style rules for wrapper div */
 width: auto;
 min-width: 
 max-width: 
 margin: 1em auto; /* Vertical margins, and auto to center */
 background-color: white;
 border: solid 2px #4c2e16;
 border-radius: 20px;

 }

/*==================Layout Sections */
/*=========Styling for page header */
header {
  height: 80px;
  /* Font size, line-height, and family */
  font: 40px/80px Impact, Gadget, Fantasy;
  text-align: center;
  background-color: #FFB612; /* Packer Gold */
  /* Round the top corners */
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;  
}
/*Styling for the sidebar section (aside) */
aside {
 display: table-cell;
 width: 15%;
 padding: 1%;
 float: left;

 
}
/* Styling for links in the nav section */
nav a {
  display: block;
  background-color: #FFB612; /* Packer Gold */
  color:   #203731; /* Packer Green */
  font-weight: bold;
  text-align: center;
  /* As wide as the content width */
  width=100%;
  /* Small vertical margin, zero side margin */
  margin: 2px 0;
  /* Bigger text */
  font-size: 1.0em;
  /* Some extra height */
  padding: 12px 0;
  /* No underline or dotted outline */
  text-decoration: none;
  outline: none;
  }

nav a:link, nav a:visited {
  backgrnd-color: #FFB612; /* Packer Gold */
  color: #203731; /* Packer Green */  
}
nav a:hover, nav a:active {
  background-color: #203731;  /* Packer Green */
  color:  #FFB612; /* Packer Gold */
}

/* =============Styling for the Article section */

article {
  display: table-cell;
  padding: 10px;
  /* Left margin should match neighboring section */
  margin-left: 152px;
  border-left: solid 1px #d0ae8e;
  width: 85%;
  }


/* Style rules for tables in the articles section */

/* Center the table and put one blank line above and below */
/*Styling for the table as a whole*/
article table {
  /* Remove gaps between table cells */
  border-collapse: collapse;
  /* Font size, family, and color */
  font: 20pt Times, "Times New Roman", Serif;
  color:#203731; /* Packer Green */ 
  /* top/bottom and side margins (auto for centering) */
  margin:1em auto;
}

/* Style rules for years*/


#years {
  display: inline;
  border collapse: collapse;
 
  margin-left: 2px;
  text-align: center; 
  font: 16pt Arial Black, Gadget, Sans-Serif;
}


/* Style rules for three-column tables */
.columns {
     border-collapse: collapse;
     width: 100%;
     font: 12pt Times, "Times New Roman", Serif;   
     text-align: left; 
}

.columns td.left,
.columns td.right {
padding: 0 1%;
width: 33%;
}

.columns td.middle {
padding: 1%;
}


a.yearstable {
    text-decoration:none
}

/* ==========Links and link states in article section */
/* Unvisited Links */
article a:link {
   backgrnd-color: #FFB612; /* Packer Gold */
  color: #203731; /* Packer Green */ 
  text-decoration: none
}

/* Visited Links */
article a:visited {
  backgrnd-color: #FFB612; /* Packer Gold */
  color: #203731; /* Packer Green */ 
}

/* Mouse pointer on link */
article a:hover {
    background-color: #203731;  /* Packer Green */
  color:  #FFB612; /* Packer Gold */;
}

/* Mouse pointer on link */
article a:active {
  background-color: #203731;  /* Packer Green */
  color:  #FFB612; /* Packer Gold */
}

/*========================= More general style rules and classes */
/* Style for h1 headings */
h1 { 
 font: italic small-caps bold 24px Arial Black, Gadget, Sans-Serif;
 text-shadow: -2px -2px 2px #a48362;
 
}
/* Style for h2 headings */
h2 {
 font: italic small-caps bold 18px Arial Black, Gadget, Sans-Serif;
 text-shadow: -1px -1px 1px #a48362;
}
/* Style for paragraphs */
p {
 line-height: 1.5;
 margin-top: 0;
}

/* === Style classes */
/* Highlight any span of text */
.hilite {
 background-color: yellow;
}
/* Create raised appearance with border, rounded corners, and shadow */
/* Works with images, tables, and block elements (div, p, and headings) */
.raised {
 border: solid 1px gray;
 border-radius: 5px;
 box-shadow: 5px 5px 5px gray;
}
/* Image floating to the left of neighboring text */
img.left {
 float: left;
 width: 30%;
 margin-right: 10px;
}
/* Image floating to the left of neighboring text */
img.right {
 float: right;
 width: 30%;
 margin-left: 10px;
}
/* Use class="centerall" in p or div to center
 all text and images inside the element */
.centerall {
 text-align: center; 
 /* Clear any floating elements */
 clear: both;
}
.floatallleft {
  float: left;
  width 25%;
  margin-left: 1%
}

.floatallright {
  float: right;
  width 25%;
  margin-right: 1%
}