body {
  margin: 0;
  padding: 0;
}

/* set everything to use Tahoma (sans-serif if it's not available), and a "medium" font */
body, p, input, td, div, p, th, li, dd {
  font-family: Tahoma, sans-serif;
  font-size: medium;
}

/* some css tricks for better cross-platform relative font sizes: http://www.alistapart.com/articles/relafont/ */
body, body div, body p,
body th, body td, body li, body dd {
  font-size: small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: medium
}

html>body, html>body div, html>body p, 
html>body th, html>body td, 
html>body li, html>body dd {
  font-size:    medium /* be nice to Opera */
}

/* default link styles */
a {
}

a:visited {
    color: #0000FF;
}
/* end default link styles */

/* center everything, with a fixed width of 971px */
#allcontent {
  width: 971px;
  margin: 0 auto;
}

#header {
  background: #1f7bb1 url(../images/header.png) no-repeat 0 0;
  width: 971px;
  height: 134px; 
}

/* navigation menu styles/layout */
#nav {
  width: 971px;
  min-height: 48px;
  height: auto !important; /* ie min-height hack */
  height: 48px; 
  background-color: #808080;
}

#nav ul {
  padding: 5px;
  padding-left: 37px; /* spacing for navigation menus */
  margin: 0px;
  list-style: none;
  float: left;
  display: inline; /* ie 6 fix */
}

/* navigation menu title (the white heading above each list of links) styling */
#nav .menu-title {
  font-weight: bold;
  color: white;
  padding-left: 0px;
}

#nav .menu-title h2 {
  margin: 0px;
  font-size: 1.2em;
}
/* end nav menu title styles */

#nav li {
  font-size: 0.7em;
  padding-left: 15px;
}
/* end nav menu styles */

.clear {
  clear: both;
}

#footer {
  font-size: 0.85em;
  text-align: center;
  padding-top: 50px;
  clear: both; /* keep the footer below all other content on the page */
}

/* page heading style */
h1 {
  font-size: 1.2em;
  font-weight: bold;
  color: #808080;
  border-bottom: 1px solid black;
  padding-bottom: 3px;
}

/* layout adjustments for the actual content */
#content {
  margin-left: 280px; /* extra space for the image on the left */
  padding-left: 5px;
}

#content p {
  margin: 5px 10px;
}

#content ul li {
    padding-left: 4px; /* this is the amount of space between the bullets and the text */
}

/* address list, for contact page */
ol.address {
    list-style: none;
}

/* some lists have headings at the top (specifcally the front page) */
#content ul li.heading {
    font-weight: bold;
    list-style: none;
    list-style-image: none;
    margin-left: -10px;
    padding-left: 0px;
}

#content ul {
    list-style-image: url(../images/diamond.png);
}

#content ul.left {
    float: left;
    display: inline; /* ie fix */
    margin-top: 10px;
    padding-top: 10px;
}

#content ul.right {
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 20px;
    margin-left: 300px;
}

/* layout for the left image on each page */
img.feature {
  float: left;
}

/* give a little space above all of the content, below the nav menus */
img.feature, #content {
  margin-top: 25px;
}

.required {
  color: red;
  font-weight: bold;
}

caption {
  font-size: 120%;
  font-weight: bold;
}