#navigator {}
.housebutton {
line-height: 90%;}
.housebutton a {
font-size: 90%;
font-family:  Verdana, sans-serif;}
.housebutton a:hover {
font-size: 90%;
font-family:  Verdana, sans-serif;}
#navigator {
background-color: transparent;
border: transparent;
width: auto;
margin-top: auto;
margin-left: 2px;
margin-right: auto;
padding: 2px;
text-align: left;}
.housebutton {
font-weight: bold;
text-align: center;
margin-bottom: 2px;
margin-top: 2px;}
.housebutton a {
padding: 4px;
text-decoration: none;
display: block;
color: #000; /*this is where you change the button font color*/
background-color: #b3cddc;
border-top: solid #013b6d;
border-left: solid #013b6d;
border-bottom: solid #013b6d;
border-right: solid #013b6d;}
.housebutton a:hover {
color: #fff; /*-----this is where you change the button font color, when the button is hovered over*/
background-color: #013b6d;
border-top:  solid #013b6d;
border-left: solid #013b6d;
border-bottom: solid #013b6d;
border-right: solid #013b6d;}
#center-nav {
  display:table;
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  white-space:nowrap;
  text-align:center;}
#center-nav li {
  display:table-cell;}
* html #center-nav li {
  float:left;}
#center-nav a {
  width:auto;
  display:block;
  padding:4px 16px;
  color:#fff; 
  background:#08c; 
  border:1px solid #fff; 
  text-decoration:none;}
* html #center-nav a {
  float:left;}
#center-nav a:hover {
  color:#000; 
  background:#d4d4d4;}
.container {clear:both; text-decoration:none;}
* html .container {display:inline-block;}