body {
  margin: auto;
  text-align: center;
  width: 732px;
  font-family: verdana, helvetica, sans-serif;
  font-size: 9.5pt;
/*  font-size: 0.8em; */
  color: black;
  margin-top: 20px;
}

#container {
  width: 762px;
  text-align: left;
  background-image: url(images/shadowSide.png);
  background-position: top right;
  background-repeat: repeat-y;
  overflow: hidden;
}

#searchBox {
  width: 676px;
  background: #f1f1f1;
  border: 1px solid #bbb;
  padding: 6px;
}
#searchBox * { vertical-align: middle; }
#searchBox td { padding: 0; }

#header {
  margin-top: 15px;
}

#navLinks {
  text-align: center;
  width: 690px;
  padding-bottom: 5px;
  border-bottom: 1px solid black;
}
  #navLinks a {
    margin-left: 20px;
    margin-right: 20px;
    text-decoration: none;
    color: #600;
  }
  #navLinks a:hover { text-decoration: underline; }

#content {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  padding-top: 20px;
  background: url(images/textBackground.png) repeat-y;
  overflow: hidden;
}
.regular_size{width:425px;}
.large_size{width:676px;}


#content h2 {
  margin-top: 0px;
  padding-top: 0px;
}

#minHeightHack {
  float: left;
  height: 400px;
  width: 1px;
}

#categories {
  float: right; display: inline;
  width: 230px;
  margin-right: 72px;
_ margin-right: 50px; /* not sure why IE needs this, but it does */
}
#categories td { width: 50%; }
#categories ul {
  list-style-type: none;
  margin: 0px;
  padding: 15px;
}
#categories li {
  line-height: 170%;
}
#categories a { text-decoration: none; color: #002a52; }
#categories a:hover { text-decoration: underline; color: #002a52; }

#categories p {
  margin-bottom: 0;
  text-align: center;
}

#shadowFooter {
  background: url(images/shadowBottom.png) repeat-x;
  width: 100%;
  height: 29px;
}

.floatRight {
  float: right; display: inline;
}

.alert {
  color: red;
}

img.bookPhoto {
  border: 2px solid black;
  display: block;
  margin: 5px;
}

.bookPhotoWrapper {
  float:right; display:inline;text-align:center;
}

h2 {
  font-family: "Times New Roman", times, serif;
  letter-spacing: 4px;
  font-size: 1.8em;
  color: #1a223f;
  font-weight: normal;
}

h3 {
  font-family: verdana, sans-serif;
  letter-spacing: 1px;
  font-size: 1.2em;
  color: #533;
  font-weight: bold;
}

form { margin: 0px; padding: 0px; }

form.details input[type=text] {
  width: 250px;
  margin-bottom: 5px;
}
form.details textarea {
  width: 250px;
  margin-bottom: 5px;
}

input[type=text] {
  width: 7em;
  margin-right: 10px;
  border: 1px solid black;
}
input[type=submit] {
  border: 1px solid black;
  background: #bbb;
}
input[type=submit]:hover {
  background-color: #ccc;
}
#content input[type=submit] { background-color: #e5e5e5; }
#content input[type=submit]:hover { background-color: #efefef; }

textarea {
  border: 1px solid black;
}
select {
  margin-right: 10px;
  width: 8em;
  border: 1px solid black;
}

hr {
 border: none; margin: 0px; padding: 0px;
 height: 1px;
 background-color: #aaa;
}

a { color: #002a52; text-decoration: underline; }
a:hover{ color: #354c6e; }

a.button {
  display: block;
  width: auto;
  float: right; display: inline;
  color: black;
  text-decoration: none;
  padding: 3px;
  border: 1px solid black;
  background-color: #bbb;
}
a.button:hover {
  background-color: #ccc;
}
#content a.button { background-color: #e0e0e0; }
#content a.button:hover { background-color: #e9e9e9; }

table {
  width: 99%;
  _width: 95%;
}

tr {
  vertical-align: top;
}

td {
  border: none;
}

img {
  border: none;
}