#mainContainer {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
}

#extHeader {
  min-width: 830px;
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
  height: 51px;
  text-align: right;
  margin-bottom: 18px;
}

#headerLeft {
  display: block;
  height: 61px;
  width: 5px;
  background: transparent url("./images/headerLeftBG.gif") no-repeat center left;
  float: left;
}

#headerRight {
  display: block;
  height: 61px;
  width: 5px;
  background: transparent url("./images/headerRightBG.gif") no-repeat center right;
  float: right;
}

#header {
  background-color: #0d111f;
  height: 51px;
  text-align: right;
  padding: 10px 0 0 5px;
  margin: 0 5px;
}

#logo {
  float: left;
  background: transparent url("./images/logo.gif") no-repeat;
  height: 47px;
  width: 141px;
}

.cssgraphic h1, .cssgraphic h2 {
  display: none;
}

#poweredBy {
  font-style: italic;
  color: #999;
  display: block;
  height: 14px;
  width: auto;
  padding-right: 30px;
  margin-right: 10px;
  background: transparent url("./images/sicomSmall.gif") no-repeat top right;
  text-decoration: none;
}

#nav {
  padding-top: 1em;
  list-style: none;
  font-size: 1.1em;
}

#nav li {
  float: right;
}

#nav li .currentPage {
  color: #aaa;
  border-bottom: 1px solid #999;
  display: block;
  padding: 0 10px 5px 10px;
}

#nav li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0 10px 5px 10px;
}

#nav li a:visited {
  color: #fff;
}

#nav li a:hover {
  color: #fff;
  border-bottom: 1px solid #444;
}

#mainSplash {
  background: transparent url("./images/mainSplashBG.jpg") no-repeat top left;
  height: 251px;
  width: 840px;
  margin-left: auto;
  margin-right: auto;
  z-index: 3;
}

#splashText {
  text-align: left;
  float: left;
  margin-top: 140px;
  margin-left: 7px;
  width: 380px;
}

#contentBox {
  background: #eae9e9 url("./images/contentBG.jpg") no-repeat top center;
  z-index: 2;
  width: 100%;
  text-align: left;
}

#contentSplashOverlap {
  width: 840px;
  margin-left: auto;
  margin-right: auto;
  height: 59px;
  margin-bottom: -59px;
  background: transparent url("./images/contentSplashOverlap.jpg") no-repeat top center;
}

#breadcrumb {
  min-width: 800px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-size: 85%;
  padding: 15px 5px 10px;
  text-align: left;
}

#breadcrumb a {
  color: #3d96ae;
}

#contentBoxInner p {
  margin-bottom: 10px;
}

#contentBoxTopBorder {
  z-index: -1;
  position: relative;
  bottom: 9px;
  height: 9px;
  width: 100%;
  background: transparent url("./images/contentTopBorder.gif") repeat-x top left;
}

#contentBoxBottomBorder {
  z-index: -1;
  position: relative;
  top: 9px;
  height: 9px;
  width: 100%;
  background: transparent url("./images/contentBottomBorder.gif") repeat-x top left;
}

#contentBoxInner {
  color: #000;
  min-width: 800px;
  max-width: 900px;
  min-height: 55px;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6em;
}

#contentBoxInner h3 {
  font-size: 100%;
}

#footer {
  min-width: 830px;
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0;
  font-size: 85%;
}

#footerNav {
  list-style: none;
  text-transform: uppercase;

}

#footerNav li {
  float: left;
  margin-right: 15px;
}

#footerNav li span {
  font-weight: bold;
}

#footer * a {
  color: #fff;
  text-decoration: none;
}

#footer * a:hover {
  text-decoration: underline;
}

#copyright {
  float: right;
}

#leftColumn {
  float: left;
  width: 600px;
}

#rightColumn {
  float: left;
  width: 210px;
  border-left: 1px solid #bbb;
  padding: .5em 0 5em 20px;
  margin-left: 10px;
}

.thumbnail {
  background-color: #cdcdcd;
  padding: 3px;
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
  line-height: 0;
}

.thumbnail img {
  border: 1px solid #606060;
}

.thumbnail:hover {
  background-color: #b1becd;
}

.thumbnail:hover img {
  border: 1px solid #375477;
}

table {
  border-collapse: collapse;
}

table tr {
  background-color: #ddd;
}

table tr.alt {
  background-color: #ccc;
}

table tr.head {
  background-color: #345780;
  color: #fff;
}

table th, table td {
  padding: 5px;
}


table tr td.first {
  background-color: #c1cfe0;
  font-weight: bold;
}

table tr.alt td.first {
  background-color: #a9b8c9;
  font-weight: bold;
}

.footnote {
  text-align: right;
  margin: 0 !important; 
}

.example {
  padding: 5px;
  margin-bottom: 10px;
  float: left;
  width: 265px;
}

.example h3 {
  margin-bottom: 5px;
}

.infoItem {
  padding: 10px;
  width: 535px;
}

.entryTitle {
  border-bottom: 1px solid #c6c6c6;
}

.entryTitle small {
  float: right;
  color: #3f3f3f;
  padding: 3px 3px 0 0;
}

.entryBody {
  padding: 5px 0;
}