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

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

#pagerectangle {
	background-color: #c8d5e1;
	margin: 10px 10px 0px 10px;
	width: 806px;
        margin: auto;
}

header {
	background-color: #a2afbb;
	margin: 10px 0px 0px 2px;
	height:           188px;
	width: 802px;
        margin: auto;
}

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

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

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

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

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

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

.tablerow {
	display: table-row;
}

#col1ele {
    display: table-cell;
    background-color: #c8d5e1;
    padding: 5px;
    vertical-align: top;
    text-align: center;
}

#col2lion {
  display: table-cell;
  background-color: #c8d5e1;
  font-size:        100%;
  padding:          5px;
  vertical-align: top;
  text-align: center;
}

#col3gazelle {
  display: table-cell;
  background-color: #c8d5e1;
  font-size:        100%;
  padding:          5px;
  vertical-align:   top;
  text-align: center;
}

#col1leopard {
    display: table-cell;
    background-color: #c8d5e1;
    padding: 5px;
    vertical-align: top;
    text-align: center;
}

#col2secretarybird {
  display: table-cell;
  background-color: #c8d5e1;
  font-size:        100%;
  padding:          5px;
  vertical-align: top;
  text-align: center;
}

#col3hyena {
  display: table-cell;
  background-color: #c8d5e1;
  font-size:        100%;
  padding:          5px;
  vertical-align:   top;
  text-align: center;
}

#col1wildebeest {
    display: table-cell;
    background-color: #c8d5e1;
    padding: 5px;
    vertical-align: top;
    text-align: center;
}

#col2zebra {
  display: table-cell;
  background-color: #c8d5e1;
  font-size:        100%;
  padding:          5px;
  vertical-align: top;
  text-align: center;
}

#col3giraffe {
  display: table-cell;
  background-color: #c8d5e1;
  font-size:        100%;
  padding:          5px;
  vertical-align: top;
  text-align: center;
}

/* 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:    center;
  line-height:   1.5;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:    thin dotted #c8d5e1;
}

/* Bold, dark blue Links for PICTURES */
a.bluedark:link, a.bluedark:visited, a.bluedark.hover, a.bluedark:active {
  font-size:     100%;
  color:         #223a51;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:    thin dotted #223a51;
}

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

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

h2 {
   font-size:     110%; 
   color:         #223a51;
}

a:link {
  color:            #395e81;
  text-decoration:  none;
  border-bottom:    thin dotted #395e81;
}
}
a:hover {
  color:            #ffffff;
  text-decoration:  none;
  border-bottom:    thin dotted #ffffff;
}
a:visited {
  color:            #4674a0;
  text-decoration:  none;
  border-bottom:    thin dotted #4674a0;
}