html {
  background: #5f000a;}

body {
  text-align: center;}

#pageContainer {
  width: 972px;
  margin: 0 auto;
  text-align: left;}

/* HEADER */
#header {}

#header .top {}

#header .top .navigation {
  height: 118px;}

#header .top .navigation .left {
  width: 324px;
  height: 118px;
  float: left;
  background: url(../images/headerLogoTop.jpg) transparent no-repeat left top;}
  
#header .top .navigation .left a {
  width 324px;
  height: 118px;
  display: block;}
  
#header .top .navigation .left a h1 {
  display: none;}

#header .top .navigation .right {
  width: 648px;
  height: 40px;
  margin-top: 78px;
  background: url(../images/headerNavigationBg.gif) repeat-x #90abbe;
  float: right;
  vertical-align: middle;}

#header .top .navigation .right ul {
  margin: 0;
  padding: 0;}

#header .top .navigation .right ul li {
  list-style-type: none;
  float: right;
  padding: 0 5px 0 15px;
  padding-top: 5px;
  background: url(../images/navigation_star.gif) transparent no-repeat 0 15px;}

#header .top .navigation .right ul li a {
  text-decoration: none;
  display: block;
  line-height: 30px;
  padding: 0 10px;
  font-variant: small-caps;
  font-weight: bold;
  color: #fff;}

#header .top .navigation .right ul li a:hover {}

/* HEADER - MIDDLE */
#header .middle {
  height: 223px;}
  
#header .middle .left {
  width: 324px;
  height: 100%;
  background: url(../images/headerLogoTop.jpg) #fff no-repeat left -118px;
  float: left;
  text-align: center;
  overflow: hidden;}

#header .middle .left a {
  width 324px;
  height: 98px;
  display: block;}
  
#header .middle .left a span {
  display: none;}

#header .middle .right {
  width: 648px;
  height: 100%;
  background: url(../images/indexHeaderImage.jpg) #153448 no-repeat 5px 5px;
  float: right;}

#header .middle #subpageHeader {
  width: 648px;
  height: 100%;
  background-image: none;
  background-color: #153448;
  float: right;}

#header .middle #subpageHeader img {
  margin: 5px;}

/* HEADER - BOTTOM */
#header .bottom {}

#header .bottom .navigation {
  height: 40px;}

#header .bottom .navigation .left,
#header .bottom .navigation .right {
  height: 40px;
  background: url(../images/headerNavigationBg.gif) repeat-x #90abbe;}

#header .bottom .navigation .left {
  width: 324px;
  float: left;}

#header .bottom .navigation .right {
  width: 648px;
  float: right;
  vertical-align: middle;}

#header .bottom .navigation .right ul {
  margin: 0;
  padding: 0;}

#header .bottom .navigation .right ul li {
  list-style-type: none;
  float: right;
  padding: 0 5px;
  padding-top: 5px;}

#header .bottom .navigation .right ul li a {
  text-decoration: none;
  display: block;
  line-height: 30px;
  padding: 0 10px;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 0.9em;
  color: #133447;}

#header .bottom .navigation .right ul li a:hover {}

/* BODY */
#body {}

/* BODY - INDEX */
#body .index {
  width: 972px;
  background: url(../images/blue5x1.gif) #fff repeat-y 324px 0;}

#body .index .left {
  position: absolute;
  width: 324px;}

#body .index .left .padding {
  padding: 5px;
  font-size: 0.8em;}

#body .index .left h1 {
  width: 314px;
  color: #fff;
  font-variant: small-caps;
  display: block;
  margin: 0;
  padding: 5px;}

#body .index .left h1 a {
  display: block;
  text-decoration: none;
  color: #fff;
  background: url(../images/index_h1_star.gif) transparent no-repeat 4px;
  padding-left: 30px;}

#body .index .left h1.blue {
  background: url(../images/index_h1_blue.gif) transparent repeat-y left top;}

#body .index .left h1.green {
  background: url(../images/index_h1_green.gif) transparent repeat-y left top;}

#body .index .left h1.red {
  background: url(../images/index_h1_red.gif) transparent repeat-y left top;}

#body .index .left p,
#body .index .left blockquote {
  margin: 0.25em 0 0.25em 0;
  padding: 0 1em 0 1em;}

#body .index .left ul, 
#body .index .left ol {
  margin: 0.5em 3em;
  padding; 0.5em 3em;}

#body .index .left ul li,
#body .index .left ol li {
  line-height: 1em;}

#body .index .right {
  padding-left: 324px;}

#body .index .right .top {
  height: 218px;
  background: #153448;
  padding-left: 5px;}

#body .index .right .top a {
  width: 208px;
  height: 206px;
  border: 1px solid #fff;
  margin: 5px 4px 5px 0;
  display: block;
  float: left;}

#body .index .right .content {
  text-align: center;}

#body .index .right .content .padding {
  padding: 8px 8px 8px 13px;
  text-align: left;}
  
/* BODY - SUBPAGE */

table.linksTable {
  border: 1px solid #2B5257;
  width: 250px;
  margin-left: 1em;
  margin-bottom: 1em;
  padding: 10px;
  float: right;
  position:relative;}

#body .subpage {
  width: 972px;
  background: #fff;}

#body .subpage .content {
  text-align: center;}

#body .subpage .content .padding {
  padding: 8px 13px;
  text-align: left;}

/* FOOTER */
#footer {
  background: #153448;
  height: 50px;
  font-size: 0.7em;
  color: #fff;
  line-height: 1em;
  padding: 5px;}

#footer a {
  color: #fff;
  text-decoration: none;}

#footer .left {
  width: 60%;
  float: left;}

#footer .left p {
  margin: 0;
  padding: 10px 0 0 0;}

#footer .right {
  width: 40%;
  float: right;}

#footer .right ul {
  margin: 0;
  padding: 0;}

#footer .right ul li {
  list-style-type: none;
  float: right;
  border-right: 1px solid #fff;
  white-space: nowrap;
  margin: 4px 4px 4px 8px;
  line-height: 0.7em;}

#footer .right ul li a {
  display: block;
  margin: 4px 8px 4px 0;}