* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #fff;
}

#page-container {
  width: 100%;
  height: 100%;
  border: none;
  border-collapse: collapse;
}
#page-container-left, #page-container-right, #page-container-bottom {
  font-size: 0;
  line-height: 0;
}
#page-container-content {
  width: 976px;
  vertical-align: top;
  background-position: top left;
  background-repeat: repeat-y;
  background-image: url(../i/body-new-bg.png);
}

/* Top */
#page {
  width: 976px;
}

#header-container {
  position: relative;
  height: 84px;
  padding: 17px 98px 4px 98px;
/*  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../i/body-top-bg.png);*/
}
#header-logo {
  float: right;
  width: 202px;
  height: 84px;
  margin-left: 15px;
}

#header-nav {
  float: left;
  height: 84px;
}
#header-nav .item {
  float: left;
  margin: 36px 0 0 0;
}
#header-nav .delim {
  float: left;
  width: 9px;
  height: 16px;
  margin: 36px 10px 0 10px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../i/header-nav-delim.png);
}


#header-content {
  width: 820px;
  margin: 30px auto 13px auto;
//  border-bottom: 13px solid #fff;
}

#teaser-content {
  width: 820px;
  margin: 0 auto 18px auto;
//  border-bottom: 13px solid #fff;
}


#middle-container {
  width: 820px;
  margin: 0 auto;
}

#mainnav {
  float: left;
  width: 218px;
}
#mainnav-top {
  width: 218px;
  height: 19px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../i/mainnav-top.png);
}
#mainnav-middle {
  width: 218px;
  min-height: 350px;
  background-position: top left;
  background-repeat: repeat-y;
  background-image: url(../i/mainnav-middle.png);
}
#mainnav-bottom {
  width: 218px;
  height: 19px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../i/mainnav-bottom.png);
}
#mainnav img {
  margin: 3px 0 22px 66px;
}
.item-list {
  padding: 0 0 4px 18px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../i/mainnav-dot.png);
}
#mainnav .item-list {
  margin-left: 23px;
}

#middle-address {
  padding: 50px 0 4px 23px;
}

#content-container {
  float: right;
  width: 590px;
}
#content {
  margin-bottom: 40px;
}
#content p, #content ul, #content ol, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  margin-left: 20px;
  margin-right: 20px;
}
#content .csc-uploads {
  margin-left: 20px;
}
#content table p, #content table h1, #content table h2, #content table h3, #content table h4, #content table h5, #content table h6 {
  margin-left: 0;
  margin-right: 0;
}

.content-banner * {
  padding-left: 0;
  padding-right: 0;
}

.content-top {
  width: 590px;
  height: 19px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../i/content-top.png);
}
.content-middle {
  width: 590px;
  padding-left: 17px;
  background-position: top left;
  background-repeat: repeat-y;
  background-image: url(../i/content-middle-columns.png);
}
.content-middle ul {
  margin: 0;
  padding: 0;
}
.content-middle li {
  list-style-type: none;
  padding: 0 0 4px 18px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../i/mainnav-dot.png);
}
.content-bottom {
  width: 590px;
  height: 18px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../i/content-bottom.png);
}

.content-top-banner {
  width: 590px;
  padding-top: 19px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(../i/content-top-banner.png);
}
.content-banner {
  padding: 10px 20px 28px 19px;
  margin-bottom: 10px;
  text-align: center;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-image: url(../i/content-middle-banner.png);
}
.content-banner * {
  margin: 0;
  padding: 0;
}


.content-column {
  float: left;
}
.column1 {
  width: 168px;
}
.column2 {
  width: 178px;
  padding-left: 26px;
}
.column3 {
  width: 170px;
  padding-left: 28px;
}

#bottom-container {
  height: 17px;
/*  background-position: bottom left;
  background-repeat: no-repeat;
  background-image: url(../i/body-bottom-bg.png);
*/
}


/* common styles */
div.clear {
  margin: 0;
  padding: 0;
  clear: both;
}
a img {
  border: 0;
}

p {
  margin: 0 0 13px 0;
  padding: 0;
}
h1 {
  padding: 0;
  margin: 0 0 20px 0;
}
h2,h3,h4,h5,h6 {
  padding: 0;
  margin: 0 0 13px 0;
}

#slider {
  width: 540px
  height: 30px;
  overflow: hidden;
  padding: 19px 90px 10px 190px;
  background-position: top left;
  background-repeat: repeat-y;
  background-image: url(../i/teaser-bg.png);
  cursor: pointer;  
}

.scroll, .scrollContainer div.panel {
  width: 540px;
  height: 30px;
  background-color: #c4c5c8;
}

#program-archive {
  margin: 0 20px 20px 20px;
}
#program-archive h1 {
  margin-left: 0;
  margin-right: 0;
}
.program-archive-week {
  float: left;
  padding-right: 10px;
}
.news-list-container div {
  cursor: pointer;
}
.news-list-container tr:hover {
  background-color: #f3f3f4;
}
#program-archive table td div {
  cursor: pointer;
}