body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-image: url(/common/img/bg_purple_170x120.jpg);
  background-repeat: repeat;
  background-color: #7dcada;
}
a:hover { 
  text-decoration: underline; 
}
a:visited { 
  color: #003355; 
}
#wrapper {
  width: 760px;
  margin: 0px auto 0px auto;
  border-style: none solid none solid;
  border-width: 1px;
  border-color: #660000;
}
#banner {
  width: 760px;
  border-bottom: solid 4px #660000;
}
span.images {
  float: left;
}
div.clears {
  clear: both;
}
/* I created these two containers in order to extend the backgrounds of both 
   the leftnav and the transition, since I couldn't come up with a better way */
#mainContainer1 {
  width: 760px;
  height: 100%;
  min-height: 375px;
  background-color: transparent;
  background-image: url(/common/img/transition_blue-pink45.jpg);
  background-position: 141px 0px; 
  background-repeat: repeat-y;
  margin: 0;
  padding: 0;
}
#mainContainer2 {
  width: 760px;
  min-height: 375px;
  background-color: transparent;
  background-image: url(/common/img/leftnav_bg_blue.jpg);
  background-position: 0px 0px;
  background-repeat: repeat-y;
  margin: 0;
  padding: 0;
}
#leftnav {
  width: 141px;
  height: 100%;
  margin: 0;
  padding: 20px 0px 0px 0px;
  float: left;
  background-image: url(/common/img/leftnav_bg_blue.jpg);
  background-color: #7777CC;
  font-family: Arial, sans-serif;
  font-weight: 580;
  line-height: 150%;
  color: #330000;
  text-align: center;
}
#leftnav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#leftnav ul li {
  margin: 0;
  padding: 0;
  line-height: 115%;
  font-size: 13px;
  font-weight: bold;
}
#leftnav li.active {
  line-height: 160%;
  color: #dddddd
}
#leftnav li.activeCategory, #leftnav li.activeCategory a {
  color: #bbbbbb;
}
#leftnav ul li a {
  line-height: 160%;
  font-size: 13px;
  font-weight: bold;
  color: #550000;
  text-decoration: none;
}
hr {
  height: 1px;
  color: #660000;
  background-color: #660000;
}
#leftnav hr {
  width: 80%;
} 
#leftnav p {
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  line-height: 115%;
  margin-top: 10px;
  margin-bottom: 10px;
}
#transition {
  width: 7px;
  height: 10px;
/*height: 100%; */
  margin: 0;
  padding: 0;
  float: left;
  background-image: url(/common/img/transition_blue-pink45.jpg);
  background-position: top left;
  background-repeat: repeat-y;
  background-color: #ecc4c5;
}
#contentContainer {
  width: 612px;
  margin: 0;
  padding: 0px 0px 20px 0px;
  float: left;
  background-image: url(/common/img/main_bg_pink45pc.jpg);
  background-repeat: repeat;
  background-color: #ecc4c5;
}
#contentArea {
  width: 552px;
  margin: 30px;
  margin-top: 10px; 
  padding-top: 10px; /* IE 6 seems to mishandle this on home page */
}
.pagetitle {
  padding-top: 10px;
}
h2 {
  font-size: 16px;
  line-height: 120%;
  color: #330000;
  padding: 0;
  margin: 30px 0px 20px 0px;
}
h3 {
  font-size: 14px;
  line-height: 120%;
  color: #330000;
  padding: 0;
  margin: 30px 0px 20px 0px;
}
.bodytext {
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 120%;
  color: #330000;
}
.bodytext2 {
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 120%;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0;
  color: #330000;
}
.subject {
  font-style: italic;
  font-weight: bold;
  color: #400000;
}
blockquote {
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-style: italic;
  color: #330000;
}
.author {
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  color: #330000;
  padding-left: 4em;
}
.authorDescrip {
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-style: italic;
  color: #330000;
  padding-left: 4em;
}
ul.list {
  margin-top: 4px;
  margin-bottom: 7px;
}
ul.list li {
  font-size: 13px;
  line-height: 120%;
  color: #330000;
}
ul#programs {
  list-style-type: none;
  padding-left: 0; /* for Firefox */
  margin-left: 0;  /* for IE 6 */
}
ul#programs li {
  font-size: 13px;
  font-weight: bold;
  line-height: 120%;
  color: #330000;
}
ul#programs ul {
  list-style-type: disc;
}
ul#programs ul li {
  font-weight: normal;
}
dl {
  font-size: 13px;
}
dt {
  margin-top: 5px;
}
.credits {
  font-size: 10px;
}
