/* General */

html {
  padding:0;
  margin:0;
  border:0;
}

body {
  padding:0;
  margin:0;
  border:0;

  background-color: #333333;
}

.temp-logo {
  margin-top: 200px;
  margin-left: 40%;
  margin-right: 40%;
}

.container {
  width: 80%;
  max-width: 994px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
  min-width: 994px;
  margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
  position: relative;
  background-image: url(../graphics/global/site_background.png);
  background-repeat: repeat-y;
}

.header {
  background-image: url(../graphics/global/header_logo.png);
  background-repeat: no-repeat;
  background-position-x: 423px;
  background-position-y: 15px;

  position: relative;

  width: 994px;
  height: 186px;
}

.header-menu {
  width: 826px;
  height: 32px;

  margin-left: 74px;
  margin-right: 74px;
  margin-top: 0px;
  margin-bottom: 0px;

  padding-left: 10px;
  padding-right: 10px;

  position: absolute;

  bottom: 0px;

  background-color: #333333;
}

.header-menu p {
  height: 23px;

  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 9px;
  padding-bottom: 0px;
  text-align: left;
  font-size: 0.8em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;

  float: left;
}

.header-menu a {
  height: 23px;

  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 9px;
  padding-bottom: 0px;
  text-align: left;
  font-size: 0.8em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;

  text-decoration: none;

  float: left;
}

.header-menu a:hover {
  background-color: #128e9a;
}

.menu-selected {
  background-color: #128e9a;
}

.main-content {
  width: 846px;

  margin-left: 74px;
  margin-right: 74px;
  margin-top: 15px;
  margin-bottom: 0px;

  padding: 0px;

  position: relative;
}

.main-content-left-column {
  width: 586px;

  margin: 0px;
  padding: 0px;

  position: relative;
  float: left;
}

.main-content-right-column {
  width: 249px;

  margin: 0px;
  padding: 0px;

  position: relative;
  float: right;
}

.standard-text-box {
  width: 536px;

  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-top: 0px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  padding-bottom: 20px;

  background-color: #ffffff;
}

.wide-text-box {
  width: 796px;

  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-top: 0px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  padding-bottom: 20px;

  background-color: #ffffff;
}

.standard-text-box h1 {
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding: 0px;
  text-align: left;
  font-size: 1.0em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  color: #333333;
}

.wide-text-box h1 {
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding: 0px;
  text-align: left;
  font-size: 1.0em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  color: #333333;
}

.standard-text-box h2, .wide-text-box h2 {
  margin-left: 0px;
  margin-bottom: 5px;
  margin-right: 0px;
  margin-top: 0px;
  padding: 0px;
  text-align: left;
  font-size: 0.9em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  color: #333333;
}

.global-text-divider {
  width: 786px;
  height: 2px;

  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-top: 6px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;

  background-color: #128e9a;
}

.narrow-text-divider {
  width: 536px;
  height: 2px;

  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-top: 6px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;

  background-color: #128e9a;
}

.standard-text-box p, .wide-text-box p {
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 20px;
  text-align: left;
  font-size: 0.9em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #333333;
}

.standard-text-box ul, .wide-text-box ul {
  padding: 0px;
  margin-left: 10px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
}

.standard-text-box ul li:before, .wide-text-box ul li:before {
  content:"-";
  position:relative;
  left:-5px;
}

.standard-text-box ul li, .wide-text-box ul li {
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 20px;
  text-align: left;
  font-size: 0.9em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #333333;
  text-indent:-5px;
  list-style-type: none;
}

.standard-text-box a, .wide-text-box a {
  text-decoration: none;
  color: #4057a3;
}

.right-text-box {
  width: 199px;

  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-top: 0px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  padding-bottom: 20px;

  background-color: #ffffff;
}

.right-text-box h1 {
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding: 0px;
  text-align: left;
  font-size: 1.0em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  color: #333333;
}

.right-text-box h2 {
  margin-left: 0px;
  margin-bottom: 5px;
  margin-right: 0px;
  margin-top: 20px;
  padding: 0px;
  text-align: left;
  font-size: 0.9em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  color: #333333;
}

.right-text-divider {
  width: 199px;
  height: 2px;

  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-top: 6px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;

  background-color: #128e9a;
}

.right-text-box p {
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
  text-align: left;
  font-size: 0.9em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #333333;
}

.tags {
  font-style: italic;
}

.right-text-box a {
  text-decoration: none;
  color: #4057a3;
}


.footer {
  width: 846px;
  height: 60px;

  margin-left: 74px;
  margin-right: 74px;
  margin-top: 00px;
  margin-bottom: 0px;

  padding-top: 30px;

  position: relative;

  background-color: 431231;

  clear: both;
}

.footer p {
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 6px;
  padding: 0px;
  text-align: left;
  font-size: 0.8em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #333333;
}

.footer a {
  text-decoration: none;
  color: #4057a3;
}

.footer-divider {
  width: 846px;
  height: 2px;

  margin: 0px;
  padding: 0px;

  background-color: #333333;
}