.content {
	background-color: #fff;
	padding: 10px;
}

#courseShell {
  width:681px;
  background:transparent url(/omages/online-courses-bg.jpg) repeat-y top center;
}

#courseContent {
  width:630px;
  text-align:left;
  margin:0 23px 0 23px;
}

#courseGraphic {
  float:left;
  width:240px;
}

#courseBlurb {
  float:left;
}

.clr {
  clear:both;
}

.catgoryFont {
  font:bold small-caps 8px Arial, Helvetica, sans-serif;
  color:#999999;
}

.viewDesc {
  font:bold small-caps 8px Arial, Helvetica, sans-serif;
  float:right;
}

.descText {
  padding:15px;
  border:1px #eeeeee solid;
  font-size:9px;
}

#video {
  background-color:#333333;
  padding:15px;
  width:460px;
  height:344px;
  margin:0 auto;
}

#videoText {
  text-align:center;
  padding:15px 0 10px 0;
}

 /* sliding door button */

   .clear { /* generic container (i.e. div) for floating buttons */
         overflow: hidden;
         width: 100%;
   }

   a.button {
         background: transparent url('/omages/bg_button_a.jpg') no-repeat scroll top right;
         color: #941505;
         display: block;
         float: left;
         font: bold 15px arial, sans-serif;
         height: 54px;
         margin-right: 6px;
         padding-right: 18px; /* sliding doors padding */
         text-decoration: none;
         float:right;
   }

   a.button span {
         background: transparent url('/omages/bg_button_span.jpg') no-repeat;
         display: block;
         line-height: 44px;
         padding: 5px 0 5px 18px;
   }
   a.button:active {
         background-position: bottom right;
         color: #000;
         outline: none; /* hide dotted outline in Firefox */
   }

   a.button:active span {
         background-position: bottom left;
         padding: 6px 0 4px 18px; /* push text down 1px */
   }