.left-nav
{
  margin-right: 8px;
  margin-bottom: 40px;
}


.left-nav ul
{
  font-size: 11px;
  line-height: 18px;
}


.left-nav ul li
{
  padding-left: 28px;
  border-bottom: 1px solid #cccccc;
}


.left-nav ul li a
{
  color: #000000;
  text-decoration: none;
}

.left-nav ul li a:hover
{
  color: #336699;
}

.left-nav ul li a.active
{
  color: #336699;
  font-weight: bold;
}


/* This rule only applies when we have a second or more <div class="left-nav"> following a <div class="left-nav">
 * So the first <div> would not have the following rule applied, but any subsequent <div class="left-nav"> immediately
 * following the first or subsequent blocks will have the rule applied.
 *
 * Example 1:
 * <div class="left-nav">
 * </div>
 * <div class="left-nav">
 *    <!-- Rule applies to this one -->
 * </div>
 * <div class="left-nav">
 *    <!-- Rule applies to this one too -->
 * </div>
 *
 * Example 1:
 * <div class="left-nav">
 * </div>
 * <h1></h1>
 * <div class="left-nav">
 *    <!-- Rule does NOT apply to this one -->
 * </div>
 * <div class="left-nav">
 *    <!-- Rule applies to this one -->
 * </div>
 */
/*
.left-nav + .left-nav ul li
{
  padding-left: 0px;
  margin-left: 28px;
  border-bottom: 1px solid #cccccc;
}*/


.nav-level-two ul li
{
  padding-left: 0px;
  margin-left: 28px;
  border-bottom: 1px solid #cccccc;
}


.highlights
{
  color: #336699;
  line-height: 16px;
  /*margin-right: 28px;*/
  padding-right: 28px;
}


.block
{
  margin-top: 10px;
  padding: 10px 0px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}


.block + .block
{
  margin-top: 40px;
}


.block .more
{
  clear: both;
}


.large-image-and-text
{
  clear: both;
  margin-bottom: 20px;
}


.nodecoration a
{
  text-decoration: none;
}


.resources a
{
  text-decoration: none;
}


.podcast a
{
  text-decoration: none;
}


.podcast em, .articles em
{
  color: #336699;
  font-weight: normal;
  font-style: italic;
}


.highlight-graphic
{
  float: left;
  margin-right: 5px;        /* Space between the graphic and the accompanying text */
  padding-bottom: 20px;
}


.rows .highlight-graphic
{
  width: 100%;
  padding-bottom: 10px;
}


.cols .highlight-graphic
{
  padding-bottom: 5px;
}


.cols .extra-text
{
  clear: both;
}


/*
 * Common box styles
 *
 */
.basic-box, .title-box, .box
{
  color: #555555;
  border: 1px solid #b0bec7;
  text-align: center;
  padding: 12px 14px;
}


/*
 * Open box styles
 *
 */
.open
{
  text-align: center;
}


.open .title
{
  line-height: 18px;
  padding-bottom: 8px;
}


.open .highlight-graphic
{
  float: none;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}


/*
 * Title box styles
 * Box styles
 */
.title-box, .box
{
  background-color: #f2f6f7;
}


.title-box-content, .box
{
  text-align: center;
  padding: 12px 0;
}


.title-box-title
{
  font-size: 11px;
  line-height: 24px;
  text-transform: uppercase;
  border-bottom: 1px solid #b0bec7;
  vertical-align: middle;
  /*padding-left: 8px;*/
}


.basic-box, .box
{
  margin-bottom: 20px;
}

.basic-box h4 + img, .box h4 + img
{
  margin-top: 15px;
}


/*
 * Facts box styles
 */
.facts-box
{
  border: 1px solid #cccccc;
  padding: 5px;
}


.facts-box h1, .facts-box h2, .facts-box h3, .facts-box h4, .facts-box h5, .facts-box h6
{
  color: #324c81;
  text-transform: uppercase;
}


.facts-box ul
{
  list-style: disc;
  margin: 0em 0em 1em;
  padding: 0em 0em 1em 1.25em;
}


.facts-box ul.last
{
  margin-bottom: 0em;
  padding-bottom: 0em;
}


.facts-box-title
{
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0.5em;
}


.facts-box-title h5
{
  font-size: 1.2em;
}


/*
 * Quote styles
 */
.quotes
{
  width: 176px;             /* CONFIG: Change this to match the width of the quote graphics below */
  padding: 10px 0px;
}


.quotes .top
{
  display: block;
  width: auto;
  background: url(../images/layout/quotes_top.gif) no-repeat left top;
}


.quotes .bottom
{
  display: block;
  width: auto;
  background: url(../images/layout/quotes_bottom.gif) no-repeat left bottom;
}


.quotes cite
{
  font-size: 11px;
  font-style: normal;
}


.quotes cite span
{
  display: block;
  line-height: 12px;
}


/*
 * Toggle block styles
 */
.toggle
{
  clear: both;
  margin-top: 20px;
}


.toggle .control
{
  color: #555555;
}

.toggle .control:hover
{
  color: #336699;
  cursor: pointer;
}


.toggle div.hidden-content
{
  margin-top: 15px;
}


.toggle div.hidden-content em
{
  color: #336699;
  font-style: italic;
  font-weight: normal;
}


.news ul li+li, .articles ul li+li
{
  margin-top: 12px;
}


.news .header, .articles .header
{
  margin-top: -8px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 2px;
  border-bottom:1px solid #CCCCCC;
}