body { 
  background-color: #a2afbb;
  font-family:      Tahoma, Arial, sans-serif;
  font-size:        14px;
  margin:           auto;
}

#pagerectangle {
	background-color: #c8d5e1;
	margin: auto;
	width:  1016px;
}

header {
	text-align:  center;
	width:       100%;
	margin:      auto;
}

.large {     /* This hides items like the small header picture. */
   display: none;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#opening {
	background-color: #c8d5e1;
	width: 1000px;
	margin: auto;
	padding: 0px 6px 0px 0px;
	text-align: center;
}

#padded {
	padding: 0px 20px 0px 20px;
}

.tablecontents {
	display: table;
	border-spacing: 5px;
        margin: auto;
}

.tablerow {
	display: table-row;
}

.border {
	border:2px solid #54626b;
}

#1ele {
    display: table-cell;
    background-color: #a2afbb;
    padding: 0px;
    vertical-align: top;
    text-align: center;
}

#colprevious {
    display: table-cell;
    background-color: #c8d5e1;
    padding: 1px;
    vertical-align: top;
    text-align: center;
    width:  300px;
}

#colnext {
    display: table-cell;
    background-color: #c8d5e1;
    padding: 1px;
    vertical-align: top;
    text-align: center;
    width:  300px;
}

#col0link {
    display: table-cell;
    background-color: #c8d5e1;
    padding: 0px 10px 2px 10px;
    vertical-align: top;
    text-align: center;
}

#col1link {
    display: table-cell;
    background-color: #c8d5e1;
    padding: 0px 10px 2px 10px;
    vertical-align: top;
    text-align: center;
}
#col2link {
    display: table-cell;
    background-color: #c8d5e1;
    padding: 0px 10px 2px 10px;
    vertical-align: top;
    text-align: center;
}
#col3link {
    display: table-cell;
    background-color: #c8d5e1;
    padding: 0px 10px 2px 10px;
    vertical-align: top;
    text-align: center;
}

#col4link {
    display: table-cell;
    background-color: #c8d5e1;
    padding: 0px 10px 2px 10px;
    vertical-align: top;
    text-align: center;
}

.button {
  background-color: #223a51; /* Dark Blue */
  border: none;
  color: white;
  padding: 5px 10px;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  border-radius: 10px;
  box-shadow: 0 2px 5px 0 #000000, 0 2px 5px 0 #000000;
}

.button:hover {
  background-color: #54626b; /* Dark Blue */
  box-shadow: 0 1px 1px 0 #000000, 0 1px 1px 0 #000000;
}

.next {
	text-align:  center;
	width:       90%;
	margin:      auto;
}

/* Bold, light blue Links for Footer */
a.blue:link, a.blue:visited, a.blue.hover, a.blue:active {
  font-size:     100%;
  color:         #c8d5e1;
  text-align:    left;
  line-height:   1.5;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:    thin dotted #c8d5e1;
}

footer {
  background-color: #223a51;
  color:            #c8d5e1;
  text-align:       center;
  padding:          10px 0px 10px 7px;
  margin:           auto;
  font-size:        90%;
  width:            1000px;
  line-height:      1.5;
}

h1 {
   font-size:      140%;
   color:          #223a51;
}

h2 {
   font-size:     120%; 
   color:         #4674a0;
}

a:link {
  color:            #223a51;
  text-decoration:  none;
  border-bottom:    thin dotted #223a51;
}

a:hover {
  color:            #ffffff;
  text-decoration:  none;
  border-bottom:    thin dotted #ffffff;
}
a:visited {
  color:            #223a51;
  text-decoration:  none;
  border-bottom:    thin dotted #223a51;
}