h1 {
    /* this does center in the new parlance.  
    or another way to think about is is -- there's no center. */
    margin: 0 auto;

    /* instead you set a width and do margin: 0 auto; kinda weird. */
    width: 700px;

    text-align: center;
    font-weight: bold:
    padding: 0;
}

p span {
    color:#ff00ff; /* fuschia */
    font-weight: bold;
    display: inline;
    margin:0;
    padding:0;
}

#footer {
    /* border-top: 2px solid #ccc; */
    width: 100%;
    height: 40px;
    padding-top: 8px;
    float:left; 
    position:relative;
}
.contact-box {
    font-size: 0.83em;
    margin: 0 auto;
    padding: 14px;
    width: 300px;
    text-align:center;
}
.contact-box a {
    color: #999;
}

/* main page inside of the window */
#page {
    width : 900px;
    background-color: #ffffff;
    border: 4px solid #ccc;
    margin: 30px auto;
    padding: 10px 0 0 0;

    -moz-border-radius: 15px;
    border-radius: 15px;

    overflow:hidden; /* "haslyout" for IE7 & contains floats in all browsers */
}

* html #page {
    height:1%; /* "haslyout" for IE6 & contains floats */
    overflow:visible; 
}

img {
    border:0;
}

#nav {

    width: 890px;
    padding: 3px 0 3px 14px;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;

    /* block is implicit in float */
    float:left; /* floating the container changes the way it contains divs */
    margin: 12px 0 26px 0;
}

#nav a {
    padding: 2px;
    margin: 0 20px;
    width: 60px;
    color: #ff8800;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
}
#nav a:hover {
    /* text-decoration: underline; */
    color:#80a0ff;
}

#main-text {
    padding: 5px 16px;
}
.old {
    font-family: Book Antiqua, Georgia, Garamond, Times, serif;
    font-style: italic;
    font-size: 1.2em;
}

li span {
    font-family: Book Antiqua, Georgia, Garamond, Times, serif;
/*    font-style: italic; */
    font-weight: bold;
    font-size: 1.4em !important;
    text-decoration: underline;
    color: #309 !important;
}
li {
    margin-bottom:9px;
    font-size: 0.93em;
    color: #eee;
}

.shop-item {
width:822px;
border: 2px solid #f0f;
-moz-border-radius: 15px;
border-radius: 15px;
float:left;
padding:6px 20px 6px 20px ;
margin-bottom: 14px;
}

.shop-item img {
height: 100px;
float:left;
border:0;
margin:0px 20px 0 0;
}
.shop-price {
float:right;
}
.shop-num-items {
float:right;
clear:right;
}
.shop-buy-button {
float:right;
clear:right;
margin-top:10px;
height:65px;
}
.shop-buy-button a {
font-weight:bold;
text-decoration:underline;
color: #000;
font-size:1.3em;
}
.point {
    width: 88%;
    margin: 14px auto;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #c9f;
    border: 3px solid #96c;
    color: #fff;
    display: block;
    clear: both;
    padding: 14px;
    font-size: 1.15em;
    font-weight: bold;
}

#contact {
width: 420px;
margin: 0 auto;
border: 1px dashed #990099;
clear:both;
padding: 6px;
-moz-border-radius: 10px;
border-radius: 10px;
}