/* Normalize Layout */

body {
  margin-top: 0;
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  font: 13px arial, helvetica, clean, sans-serif;
  *font-size: small;
  *font: x-small;
}

body * { 
  line-height: 1.22em;
}

table { 
  font-size: inherit;
  font: 100%;
}

form {
  margin: 0;
  padding: 0;
}

select, input, textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

select, input, textarea { 
  font: 99%;
  *font: x-small;
}

pre, code { 
  font: 115% monospace;
  *font-size: 100%;
}

/* Site-Specific Colors and Sizes */

h1 { color: #074887; font-size: 154%; margin-top: 0px; }
h2 { color: #c9260c; font-size: 129%; }
h3 { color: #c9260c; font-size: 114%; font-weight: normal; }
h4 { color: #c9260c; font-size: 100%; font-weight: normal; }

img { border-style: none; border-width: 0; }
a   { color: #074887; }

.color1 { color: #074887; background-color: inherit; }
.color2 { color: #c9260c; background-color: inherit; }

.color1r { background-color: #074887; color: white; }
.color2r { background-color: #c9260c; color: white; }
.color3r { background-color: #d3e2fd; }
.color4r { background-color: #fde2d3; }

.color1b { border: 1px solid #074887; }
.color2b { border: 1px solid #c9260c; }
.color3b { border: 1px solid #d3e2fd; }
.color4b { border: 1px solid #fde2d3; }

.reverse, .Reverse {
  color: #ffffff;
  background-color: #074887;
}

.halfreverse, .stripe {
  color: #000000;
  background-color: #d2e2fd;
}

/* Template Layout */

#outer {
  width: 57.69em;
  *width: 56.3em;
  min-width: 750px;
  margin: auto;
  text-align: left;
}

#outer950 {
  width: 73.074em;
  *width: 71.313em;
  min-width: 950px;
  margin: auto;
  text-align: left;
}

#header {
  margin-bottom: 0;
  text-align: left;
}

#bd:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#footer {
  margin-top: 5px;
  clear: both;
  color: #074887;
  background-color: inherit;
  font-size: 77%;
  text-align: center;
}

#topright { 
  font-size: 85%;
  float: left;
  position: absolute;
  top: 0;
}

#topright ul {
  margin-top: 1ex;
  padding-left: 0;
  margin-left: -0.5em;
}

#topright ul li { 
  display: inline;
  padding: 0 0.5em 0 0.75em;
  margin: 0;
}

#topright ul li+li { 
  border-left: 1px solid #c9260c;
}

#topright a {
  text-decoration: none;
}

#topright a:hover {
  text-decoration: underline;
}

#logo { 
  text-align: right;
}

#logo img {
  padding: 0;
  margin: 0;
}

#nav {
  background-color: #c9260c;
  color: white;
  text-align: center;
  font-family: sans-serif;
  font-size: 122%;
  font-weight: bold;
  margin-bottom: 5px;
  border-radius: 10px 10px;
  -moz-border-radius: 10px 10px;
  -webkit-border-radius: 10px 10px;
}

#nav ul {
  padding: 2px;
  margin: 0;
}

#nav ul li {
  display: inline;
  padding: 0 2em 0 2em;
}

#nav a {
  text-decoration: none;
  color: #ffffff;
}

#nav a:hover {
  text-decoration: underline;
  color: #ffffff;
}

@media print {
  #nav { display: none }
  #topright { display: none }
  .noprint { display: none }
}

#pub_sidebar {
  padding: 0;
}

#pub_sidebar h2 {
  margin-top: 0;
}

#pub_sidebar ul {
  list-style-position: inside;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
}

#pub_sidebar li {
  padding-bottom: 0.2em;
}

#pub_sidebar a {
  text-decoration: none;
}

#pub_sidebar a:hover {
  text-decoration: underline;
}

/* Reusable Styles */

ul.dense {
  padding-left: 15px;
  margin-left: 0;
}

ul.envelope {
  list-style-image: url(/images/envelope-30.gif);
  margin-left: 0;
  padding-left: 40px;
}

/*********************/
/* Single-Use Styles */
/*********************/

/* Home Page */

#login_block {
  float: right;
  width: 33%;
  min-width: 250px;
  border: 1px solid #666666;
  padding: 5px;
  margin-left: 10px;
  text-align: center;
}

#login_block td, #auth {
  text-align: left;
}

/* /postage/index.html */

#postage_comparison th {
  border-width: 0 2px 0 0;
}

#postage_comparison .header th {
  border-width: 0 0 2px 0;
  text-align: center;
}

#postage_comparison td {
  text-align: center;
  padding: 0.5em;
}

#tips dt a {
    font-size: 129%;
    font-weight: bold;
    color: #c9260c;
    text-decoration: none;
}

#tips dt a:hover {
    text-decoration: underline;
}
