/*
 *
 * Styles for the alternate content if Flash is not supported by the client
 *
 */
#id-highlight
{
  position: relative;
  background: url('/images/layout/hp-highlight-bg.png');
  border: 1px solid #AAAAAA;
  padding:10px;
  height: 193px;
}

#id-highlight h2, #id-highlight p, #id-highlight span, #id-highlight img
{
  position: absolute;
  left: 35px;
}

#id-highlight img
{
  left: auto;
  right: 15px;
  bottom: 0px;
}

#id-highlight h2
{
  top: 35px;
  font-size: 28px;
  color: #FFFFFF;
}

#id-highlight p
{
  top: 85px;
  font-size: 18px;
  color: #555555;
}

#id-highlight span
{
  top: 135px;
  font-size: 12px;
  font-weight: bold;
  color: #616A87;
}
#id-highlight a
{
}

/*
 *
 * Styles for the alternate content if Flash is not supported by the client
 *
 */
.home-highlight
{
  width: 100%;
  margin-top: 5px;
}


.home-highlight #id-news
{
  margin-top: 10px;
}


#id-news table
{
  height: 100%;
  width: 100%;
}


#id-news table td
{
  vertical-align: middle;
}


#id-news table td img
{
  margin-right: 10px;
  margin-bottom: -3px;
}


#id-news .more-link
{
  margin-left: 10px;
}


#id-news .more-link a
{
  color: #FF6600;
  font-weight: bold;
  text-decoration: none;
}


.home-highlight .overlay-base
{
  color: #336699;
  font-size: 11px;
  font-weight: bold;
  position: relative;
  background-color: #f1f5f8;
  border: 1px solid #aaaaaa;
  z-index: 1;
}


.home-highlight .overlay-base a
{
  font-size: 12px;
}


.home-highlight .overlay-base p
{
  padding-bottom: 10px;
}


.home-highlight .overlay-base p em
{
  color: #336699;
  font-style: italic;
}


.home-highlight .overlay-base p:last-child
{
  padding-bottom: 0px;
}


.home-highlight .overlay-image
{
  padding: 1px 1px 1px 1px;
  position: absolute;
  z-index: 2;
}


.override-standard-content-area
{
  display: table;
  width: 100%;
  border-top: 1px solid #AAAAAA;
  margin-top: 10px;
  padding-top: 5px;
  clear: both;
}


/*
 *
 * Main styles for the 3 columns on the bottom of the home page
 *
 */
.home-content
{
  display: table-row;
  width: 100%;
  overflow: hidden;     /* Used in conjunction with insanely large bottom padding and margin to create equal height columns */
}


.home-content h2
{
  color: #2C4C7E;
}


.home-content .initial-graphic
{
  float: right;
  padding-top: 4px;
  padding-right: 4px;
}


/*
 * Layout of module: .initial-graphic h2 .short-content .list .more-link
 */
.home-content .short-content
{
  padding-top: 8px;
  clear: both;
}


.home-content .list
{
  clear: both;
  padding-top: 8px;
}


.home-content .more-link
{
  clear: both;
  padding-top: 15px;
  padding-bottom: 10px;
}


.home-content .more-link a
{
  color: #cf6d39;
  font-weight: bold;
  text-decoration: none;
}


.home-content-left
{
  display: table-cell;
  float: left;
  width: 238px;
  padding: 0px 5px 0px 5px;
}


.home-content-left .short-content
{
  height:59px;          /* CONFIG: This value is dependent on the graphic or height of the middle content requested */
}


.home-content-left .short-content-graphic
{
  float: left;
  position: absolute;
}


.home-content-left .short-content .base-valign-table
{
  width: auto;
  padding-left: 100px;  /* CONFIG: This value is dependent on the graphic or height of the middle content requested */
}


.home-content-left .list ul
{
  list-style: square;
  list-style-position: inside;
}


.home-content-middle
{
  display: table-cell;
  float: left;
  width: 238px;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  padding: 0px 5px 0px 5px;
}


.home-content-right
{
  display: table-cell;
  float: left;
  width: 238px;
  padding: 0px 5px 0px 5px;
}


.home-content-right .short-content div
{
  margin-left: auto;
  margin-right: auto;
}


.bottom-border-block
{
  border-bottom: 1px solid #AAAAAA;
  padding-bottom: 15px;
}


/* The next rules are used in conjunction with over flow hidden of the entire content area to create equal height columns */
/*
.home-content-left, .home-content-middle, .home-content-right
{
  padding-bottom: 5000px;
  margin-bottom: -5000px;
}*/


/* Override the background of the last menu item */
/* We only have to deal with the <a> tag since it takes over the entire table cell */
.chromestyle table td:last-child a
{
  color: #ffffff;
  background-color: #ff9900;
}


.chromestyle table td:last-child a:hover
{
  color: #000000;
  background-color: #ff9900;
}