body {
  text-align: center;
  font-family: Arial, Sans-serif;
  font-size: 12px;
  line-height: 18px;
  background: url('../images/page-bg.png') repeat;
}

#bg {
  background: url('../images/page2-bg.png') repeat-y center top;
  width: 100%;
  display: table;
}

#container {
  margin: 0 auto;
  width: 960px;
  min-width: 960px;
  text-align: left;
  position: relative;
}

#header-section {
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
}

#header-section a {
  color: #ffffff;    
}

#header-section a:hover {
  text-decoration: underline;
}

#header-column-left {
  float: left;
  width: 620px;  
}

#header-column-right {
  float: left;
  text-align: right;
  width: 300px;
}

#header-column-right img {
  vertical-align: middle;
}

#top-menu {
  background: #741216 url('../images/menu-bg.png') no-repeat;
  height: 33px;  
}

#logo {
  background: url('../images/fingerprint-bg.png') no-repeat;
  height: 107px;
  padding-left: 25px;
  color: #777777;  
}

#logo-image {
  padding: 10px 0px 0px 0px;	 
}

.nav li {
  display: inline;
  list-style-type: none;  
}

.nav li a {
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
}

/* content section */

#panoramic-banner {
  background: url('../images/banner-bg.png') no-repeat;
  height: 205px;	
  color: #ffffff;
}

#panoramic-banner p {
  font-size: 14px;
  line-height: 25px;
}

#panoramic-banner-left {
float: left;
  width: 590px;
}

#panoramic-banner-right {
  position: absolute;
  top: 47px;
  left: 553px;
  height: 297px;
  width: 402px;
  background: url('../images/panoramic-banner.png') no-repeat;	
}

#pagetitle-heading {
  padding: 30px 0px 0px 25px;
}

#pagetitle-banner {
  background: url('../images/page-title-bg.png') no-repeat;
  height: 84px;	
  color: #ffffff;  
}

#pagetitle-purchase {
  position: absolute;
  top: 165px;
  left: 750px;
  padding-top: 10px;
  width: 200px;
  height: 35px;  
}

#pagesubtitle-banner {
  background: url('../images/page-subtitle-bg.png') no-repeat;
  height: 49px;	
  color: #ffffff;  
}

#pagesubtitle-text {
  text-align: left;
  padding: 7px 50px 0px 25px;
}


#content-area {
  background: url('../images/content-white.png') repeat-y;	
  color: #6c6c6c;
}

#content-area a  {
  color: #6c6c6c;
}

#content-area a:hover {
  text-decoration: underline;
  color: #741216;
}

#content-area ul,
#content-area ol {
  padding-left: 30px;  
}

#content-area li {
  font-size: 11px;
}

#content-column-left {
  float: left;
  width: 690px;
}

#content-column-right {
  float: left;
  width: 260px;	
}

/* baseline ads section */

#baseline-ads {
  background: url('../images/content-gray.png') repeat-y;	
  color: #6c6c6c;
}

.baseline-spacer {
  height: 20px;
}

.baseline-column {
  float: left;
  width: 319px;
  height: 250px;
  border-right: 1px solid #666666;
}


/* footer section */

#footer-section {
  background: url('../images/footer-bg.png') no-repeat;
  height: 73px;		
  color: #777777;
}

#footer-section a {
  color: #777777;
}

#footer-section a:hover {
  text-decoration: underline;
  color: #ffffff;
}

#footer-column-left {
  float: left;
  width: 300px;
}

#footer-column-right {
  float: left;
  width: 650px;
  text-align: right;
}

#footer-copyright {
  text-align: center;
}

/* form elements */
select {
  width: 250px;
  border: 4px solid #ffffff;
  background-color: #dddddd;
  font-size: 12px;  
}

input {
  width: 250px;
  border: 4px solid #ffffff;
  background-color: #dddddd;
  font-size: 12px;  
  height: 20px;
}

/* generic class definitions */
h1 {
  font-size: 30px;	
}

h2 {
  font-size: 24px;	
  line-height: 30px;
}

h3 {
  font-size: 18px; 
}

h4 {
  font-size: 14px; 
}

td {
  font-size: 11px;
}

.menu {
  padding: 7px 0px 0px 15px;  
}

.red {
  color: #741216;	
}

.button-gray a {
  background: url('../images/button-gray.gif') no-repeat 0px 0px;
  padding: 10px 38px 15px 38px;
  text-decoration: none;
  width: 166px;
  height: 35px;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  border: none;
}

.button-gray a:hover {
  background: url('../images/button-gray-over.gif') no-repeat 0px 0px;
  color: #ffffff;
}

.button-small-gray a {
  background: url('../images/button-small-gray.gif') no-repeat 0px 0px;
  padding: 7px 25px 10px 23px;
  text-decoration: none;
  width: 86px;
  height: 28px;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  border: none;
}

.button-small-gray a:hover {
  background: url('../images/button-small-gray-over.gif') no-repeat 0px 0px;
  color: #ffffff;
}
	
#content-area .button-red a {
  background: url('../images/button-red.gif') no-repeat 0px 0px;
  padding: 10px 35px 15px 35px;
  text-decoration: none;
  width: 166px;
  height: 35px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  border: none;
}

#content-area .button-red a:hover {
  background: url('../images/button-red-over.gif') no-repeat 0px 0px;
  text-decoration: none;
  color: #741216;
}

#content-area .button-red-gray a {
  background: url('../images/button-red-gray.gif') no-repeat 0px 0px;
  padding: 10px 38px 15px 38px;
  text-decoration: none;
  width: 166px;
  height: 35px;
  font-size: 12px;
  font-weight: bold;  
  color: #ffffff;
  border: none;
}

#content-area .button-red-gray a:hover {
  background: url('../images/button-red-gray-over.gif') no-repeat 0px 0px;
  text-decoration: none;
  color: #741216;
}

.no-padding {
  padding-bottom: 0px; 
  margin-bottom: 0px;
  margin-top: 0px;
}

.bullet-arrow {
  background: url('../images/bullet-arrow.png') no-repeat 5px 5px;
  padding: 1px 5px 5px 18px;
  font-size: 12px;
}

.gray-box {
  background-color: #eaeaea;  
  border: 1px solid #a3a9a9;
  padding: 15px 15px 15px 15px;
}

.noborder {
  border: none;
}

.content {
  padding: 25px;
}

.clearfix {
  clear: both;
}

.course-subtitle {
  text-transform: uppercase;
  padding-top: 0px; 
  margin-top: 5px;
}
