/* CSS Document */


BODY {
  background-color: #ffffff;
}

H1 {
	font-size: 160%;
}

H2 {
	font-size: 140%;
}

H3 {
	font-size: 120%;
}

H4 {
	font-size: 110%;
}

H5 {
	font-size: 110%;
}

H6 {
	font-size: 110%;
}

.BGhome { 
  background-color: #D11142;
  border-bottom-color: #D11142;
  color: #ffffff;
  padding: .3em .3em .3em .3em;
}
.BGhomeSubHead { 
  border-bottom: .2em dotted #D11142;
  color: #D11142;
  padding: .3em .3em .3em .3em;
}
.BGcourses, .BGeLearning {
  background-color: #0D89C4;
  border-bottom-color: #0D89C4;
  color: #ffffff;
  padding: .3em .3em .3em .3em;
}
.BGcoursesSubHead, .BGeLearningSubHead {
  border-bottom: .2em dotted #0D89C4;
  color: #0D89C4;
  padding: .3em .3em .3em .3em;
}
.BGotherservices {
  background-color: #ECBC2A;
  border-bottom-color: #ECBC2A;
  color: #ffffff;
  padding: .3em .3em .3em .3em;
}
.BGotherservicesSubHead {
  border-bottom: .2em dotted #ECBC2A;
  color: #ECBC2A;
  padding: .3em .3em .3em .3em;
}
.BGvisitorsresources, .BGreviews {
  background-color: #A0CE67;
  border-bottom-color: #A0CE67;
  color: #ffffff; 
  padding: .3em .3em .3em .3em;
}
.BGvisitorsresourcesSubHead {
  border-bottom: .2em dotted #A0CE67;
  color: #A0CE67;
  padding: .3em .3em .3em .3em;
}
.BGwebsitegoodies {
  background-color: #F8981D;
  border-bottom-color: #F8981D;
  color: #ffffff;
  padding: .3em .3em .3em .3em;
}
.BGwebsitegoodiesSubHead {
  border-bottom: .2em dotted #F8981D;
  color: #F8981D;
  padding: .3em .3em .3em .3em;
}
.BGsystem {
  background-color: #009CF0;
  border-bottom-color: #009CF0;
  color: #ffffff;
  padding: .3em .3em .3em .3em;
}
.BGsystemSubHead {
  border-bottom: .2em dotted #009CF0;
  color: #009CF0;
  padding: .3em .3em .3em .3em;
}

.page {
  position: relative;
}

#headerImages {
  position: absolute;
  top: 0;
  right: 0;
  height: 130px;
  overflow: hidden;
}

.header {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
/*  background-color: transparent; 
  background-image: url(dse_header_background_3.jpg);
	background-repeat: repeat-x; */
	height: 130px;
	z-index: 10;
}

.headerText {
  position :absolute;
  bottom: 0;
  left: 0;
  color: #eee;
  font-size: 140%;
  font-weight: bold;
  margin: 0;
  padding: 0;
  padding-left: 255px;
  padding-bottom: 5px;
  background-color: #0075B3;
  z-index: 12;
}
/*
  hack for IE6 - make header text bar go all the way across to the right
*/
.headerTextPad {
  position :absolute;
  display: block;
  bottom: 0;
  float: right;
  width: 100%;
  font-size: 140%;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 0;
  padding-bottom: 5px;
  background-color: #0075B3;
  z-index: 10;
}

.headerLogo {
  position :absolute;
  bottom: -48px;
  left: 0;
  z-index: 15;
}

.content {
  position: relative;
  font-size: 75%;
  padding: 0;
  margin: 0;
  border: 0;
  width: 99%;
  z-index: 1;
}

.infocolumn {
  position: absolute;
  left: 0;
  border: 1px solid #333333;
  margin: 0;
  background-color: #009CF0;
  color: #ffffff;
  width: 234px;
  padding: 10px;
  padding-top: 2em;
  z-index: 1;
}

  .infocolumn * a {
  color: white;
}

.infocolumn hr {
  border: 0;
  border-top: 1px dotted white;
}

.infocolumn div {
  padding: 0 0 0.7em 0;
}

.infocolumn h3 {
  margin: 0;
}

.maincolumnwrapper {
  position: relative;
  height: 1%;
  left: 0;
  top: 0;
  padding: 5px 5px 5px 260px;
  border: 0;
/*  background-color: yellow; */
/*  border: 2px dashed yellow; */
}

.mainleft {
position: relative;
float: left;
width: 49%;
/* background-color: lightgreen; */
border: 0;
/* border-right: 1px solid black; */
margin: 0 0 0 .25em;
padding: 0;
}

.mainright {
position: relative;
float: right;
width: 49%;
/* background-color: DarkGoldenRod; */
border: 0;
/* margin: 0 -10px 0 0; */
margin: 0;
padding: 0;
}

.footer {
  font-size: 75%;
  text-align: center;
  margin: 5px 5px 5px 260px;
  padding: 5px 0 5px 0;
  border-top: 1px solid #0075B3;
  color: #0075B3;
}

.postContainer {
  width: 100%;
  clear: both;
}

.postAbstractContainer {
  width: 100%;
  clear: both;
  padding: 0 0 0 0;
  background-color: #ffffff;
  color: #000000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 0;
  margin-top: .5em;
  margin-bottom: .5em;
  overflow: none;
}

.postTitle {
  font-weight: bold;
  font-size: 100%;
  border-bottom: 0;
}

.postBuyline {
  font-size: 80%;
  font-style: italic;
  text-align: left;
  padding: .1em 0 .3em .3em;
  background-color: #ffffff;
  color: #333333;
/*  
  border-bottom-style: dotted;
  border-bottom-width: 1px;
*/
}

.postBody {
  font-size: 100%;
/*  background-color: white; */
  padding: .1em .5em .3em .5em;
}

.postAbstractContainer IMG {
  float: right;
/*  width: 100px; 
  height: 100px; */
  background-color: #ffffff;
  color: #000000;
  padding: .2em 0 .2em .2em;
  margin: 0;
}

.content * IMG {
  padding: 0.5em;
}

/*  These font sizes are relative to the font size set for the content element */

.halfWidthFloating {
  width: 47%;
  float: left;
  padding: 0 .5em 0 .5em;
}

.flLeft {
  float: left;
}

.flRight {
  float: right;
}

.clRight {
  clear: right;
}

.clLeft {
  clear: left;
}

.clRight {
  clear: right;
}

.clBoth {
  clear: both;
}

.noWrap {
  white-space: nowrap;
}

.content * TABLE {
}

.content * TBODY {
}

.content * THEAD {
  color: #0075B3;
}

.content * TR {
}

.content * TH {
  border-bottom: 1px solid #0075B3;
}

.content * TD {
  border-bottom: 1px dotted #0075B3;
}

.pagination-links {
  text-align: center;
  font-weight: bold;
/*  font-size: 120%; */
  border-top: .2em dotted #009CF0;
  border-bottom: .2em dotted #009CF0;
  padding: .3em .3em .3em .3em;
  color: #888888;
  width: 100%;
  clear: both;
}

.downloadContainer {
  float: left;
  width: 32%;
  padding: 0.5em;
}

.galleryFolder {
  float: left;
  /*
  height: 100px;
  */
  width: 100px;
  padding: 1em;
  font-weight: bold;
  text-align: center;
}

.galleryFolder IMG {
  border: 0px;
}

.galleryFolder a {
        text-decoration: none;
}

.galleryFolder img {
        border: 0px;
}

.galleryImages {
  text-align: center;
}

.galleryImages img {
        padding: 0px;
        border: .25em solid #000000;
}

.galleryThumbnail {
  width: 170px;
  padding: 10px 0 0 10px;
  margin: 0;
  height: 170px;
  float: left;
}

.galleryPrevNextThumbnail {
  width: 170px;
  padding: 10px 0 0 10px;
  margin: 0;
  height: 170px;
}

.galleryImage {
  width: 100%;
  padding: 2em 0 0 2em;
  text-align: center;
}

.galleryImage IMG {
  padding: 0px;
  margin: 0px;
  border: .25em solid #000000;
}