@font-face {
    font-family: 'EBGaramondRegular';
    src: url('EBGaramond-webfont.eot');
    src: url('EBGaramond-webfont.eot?#iefix') format('embedded-opentype'),
         url('EBGaramond-webfont.woff') format('woff'),
         url('EBGaramond-webfont.ttf') format('truetype'),
         url('EBGaramond-webfont.svg#EBGaramondRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'junctionregularRegular';
    src: url('Junction-webfont.eot');
    src: url('Junction-webfont.eot?#iefix') format('embedded-opentype'),
         url('Junction-webfont.woff') format('woff'),
         url('Junction-webfont.ttf') format('truetype'),
         url('Junction-webfont.svg#junctionregularRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.publicaccess {
   	position: relative;
	display: inline-block;
}
.publicaccess:before {
	content: "+";
}
.publicaccess .tooltiptext {
	visibility: hidden;
	width: 250px;
	background-color: #ffffca;
	color: #000000;
	text-align: center;
	padding: 1px 0;
	border-radius: 2px;
	border-color: black;
	border-width: thin;
	border-style: solid;

	position: absolute;
	z-index: 1;
}
.publicaccess:hover .tooltiptext {
	visibility: visible;
}

.specialtext3
{
	color:#000000;
	font-weight:bold;
	font-style:italic;
}

.garamond {
  font-family: 'EBGaramondRegular', Georgia, serif;
}
.junction {
  font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

body {
  margin: 0;
  padding: 0;
  background: #000;
  font-family: sans-serif;
  font-size: 12px;
  /* line-height: 1.4em; */
  line-height: 1.5em;
  color: #333;
  /*min-width:1200px; */
}
a {
  color: #0000EE;
  cursor: pointer;
}

a:visited
{
  color: #551A8B
 
}

.tableInfo
{
	font-size:12px; 
	color:#333;
}

.home, .home a {
  color: #666;
}
img {
  border: 0;
}

h1 {
  padding: 0;
  margin: 0 0 20px;
  font-family: 'EBGaramondRegular', Georgia, serif;
  font-size: 26px;
  line-height: 44px;
  background: url(../webimages/tealLine.gif) repeat-x left 43px;
  font-weight: normal;
}
  h1 strong {
    display: inline-block;
    font-weight: normal;
    background: url(../webimages/tealLine.gif) repeat-x left 42px;
  }
h2 {
  margin: 0;
  padding: 0 0 5px;
  font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  color: #000;
}
h3 {
  margin: 0;
  padding: 0 0 5px;
  font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  /*font-size: 16px;*/
  font-size: 15px;
  line-height: 22px;
  font-weight: normal;
}
h4 {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.4em;
}
h5 {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1.4em;
}

p {
  margin: 0;
  padding: 0 0 15px;
}
  .home p {
    padding: 0 0 10px;
  }
ul, ol {
  margin: 0;
  padding: 0 0 15px 40px;
}
input, select, textarea {
  font-size: 12px;
  font-family: sans-serif;
  color: #333;
}
.smalltext
{
	font-size:12px; 
	font-family: sans-serif;
	color: #333;
	padding-bottom: 0px;
	padding-top: 5px;
}
.leftImage, .leftImageBorder {
  clear: left;
  float: left;
  margin: 3px 24px 3px 0;
}
.rightImage, .rightImageBorder {
  clear: right;
  float: right;
  margin: 3px 0 3px 24px;
}
  .leftImage th, .rightImage th, .leftImage .image, .rightImage .image {
    display: block;
    padding: 3px;
    border: 1px solid #498fa3;
    background: #fff;
  }
    .leftImage img, .rightImage img {
      vertical-align: top;
    }
  .leftImage td, .rightImage td, .leftImage .caption, .rightImage .caption {
    display: block;
    padding: 5px;
    color: #478ea2;
    font-style: italic;
    text-align: center;
  }
  img.leftImageBorder, img.rightImageBorder {
    border: 1px solid #488fa3;
  }

.embedCode { display: none; }
  
.quote {
  display: block;
  padding: 8px 12px 5px 24px;
  margin: 0 0 15px;
  border-left: 5px solid #000;
  background: #ccc;
  overflow: hidden;
  zoom: 1;
  font-size: 14px;
  line-height: 1.4em;
}
  .quote .blockquote {
    display: block;
    margin: 0;
    padding: 0 12px 5px 0;
    border-bottom: 1px solid #fff;
  }
    .quote .blockquote .leftQuote {
      display: inline-block;
      width: 6px;
      margin: 0 0 0 -6px;
    }
  .quote .author {
    display: block;
    padding: 5px 0;
    color: #fff;
  }
.shortQuote {
  float: right;
  width: 220px;
  color: #000;
}
  .shortQuote .blockquote {
    margin: 0;
    padding: 0 0 8px;
    font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 24px;
    line-height: 25px;
    background: url(../webimages/tealLine.gif) repeat-x left bottom;
  }
    .shortQuote blockquote .leftQuote {
      display: inline-block;
      width: 9px;
      margin: 0 0 0 -9px;
    }
  .shortQuote .author {
    display: inline-block;
    padding: 0;
    font-size: 14px;
    line-height: 26px;
    font-style: italic;
    background: url(../webimages/tealLine.gif) repeat-x left top;
  }
.quoteLeft {
  float: left;
  /*width: 200px;*/
  width: 340px;
  margin: 0 20px 10px 0;
}
.quoteRight {
  float: right;
  width: 220px;
  margin: 0 0 10px 15px;
}

p.inlineMacro { display: inline; }

#page {
  position: relative;
  width: 1024px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  /*border-top: 0px solid #478ea2;*/
}
  .home #page {
    /*border-top: 0px solid #fff;*/
  }
  
#logo {
  position: absolute;
  top: 15px;
  left: 0;
  width: 215px;
  height: 130px;
  margin: 0;
  padding: 0 7px 0 0;
  overflow: hidden;
  background: url(../webimages/logo.png) no-repeat left top;
  line-height: 130px;
  text-align: center;
  z-index: 53;
}
  /*#logo a {
    display: block;
    height: 130px;
    background: url(../webimages/ASABE_Logo.gif) no-repeat left top;
  }
    #logo a:hover {
      background-position: left -130px;
    }
    #logo span {
      display: none;
    }*/
  #logo img {
    vertical-align: middle;
  }
.tagline {
  position: absolute;
  top: 145px;
  left: 0;
  width: 190px;
  height: 12px;
  padding: 6px 27px 6px 17px;
  overflow: hidden;
  background: url(../webimages/tagline.png) no-repeat right bottom;
  font-family: 'junctionregularRegular', sans-serif;
  font-size: 10px;
  line-height: 12px;
  color: #fff;
  text-align: center;
  z-index: 55;
}
.home .tagline {
  color: #000;
  /*background: url(../webimages/tagline_home.png);*/
}
  .tagline2 {
    top: 139px;
    width: 193px;
    height: 24px;
  }

.dashboard {
  position: absolute;
  top: 15px;
  right: 0;
  height: 130px;
  width: 844px;
  background: url(../webimages/dashboard.png) no-repeat left top;
  color: #fff;
  font-size: 11px;
  line-height: 15px;
  z-index: 50;
}
  .dashboard a {
    color: #fff;
  }

.sitename {
  position: absolute;
  top: 20px;
  left: 58px;
  width: 340px;
  margin: 0;
  padding: 0;
  font-weight: normal;
  text-align: center;
  font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 11px;
  line-height: 15px;
}

.searchBox {
  position: absolute;
  top: 19px;
  left: 615px;
  width: 197px;
  height: 19px;
  background: url(../webimages/searchBox.png) no-repeat left top;
}
  .searchBox .searchText {
    vertical-align: top;
    border: 0;
    padding: 2px 0;
    background: transparent;
    color: #fff;
    font-size: 11px;
    width: 156px;
  }
  .searchBox .searchButton {
    display: inline-block;
    vertical-align: top;
    height: 18px;
    width: 36px;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    color: #333;
    text-decoration: none;
  }

.ftrigger {
  position: absolute;
  top: 15px;
  display: block;
  height: 22px;
  width: 88px;
  border: 1px solid #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 10px;
  line-height: 22px;
}
  .ftriggerLogin {
    left: 390px;
  }

.trigger {
  position: absolute;
  top: 15px;
  display: block;
  height: 22px;
  width: 88px;
  border: 1px solid #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 10px;
  line-height: 22px;
}
  .triggerLogin {
    left: 390px;
  }
  .triggerLinks {
    left: 494px;
  }
  .triggerSelected {
    padding-bottom: 7px;
  }
  .triggerOpen {
    background: #000;
    border: 1px solid #000;
    padding-bottom: 6px;
  }
  
#selectedTrigger {
  position: absolute;
  top: 45px;
  left: 475px;
  z-index: 20;
  height: 20px;
  padding: 0 10px;
  background: #fff;
  color: #478ea2;
  font-size: 10px;
  line-height: 20px;
}

.triggerStripe {
  display: none;
  position: absolute;
  top: 45px;
  right: 0;
  height: 31px;
  padding: 0 38px 0 28px;
  background: url(../webimages/triggerStripe.png) no-repeat left top;
  overflow: hidden;
  z-index: 60;
  font-size: 10px;
  line-height: 30px;
}
  .triggerStripe a {
    text-decoration: none;
  }
  .triggerStripe input {
    vertical-align: middle;
  }
  .triggerStripe .textbox {
    padding: 2px 0 2px 2px;
    width: 150px;
    margin-right: 5px;
    border: 0;
    font-size: 10px;
  }
  .triggerStripe .loginButton {
    display: inline-block;
    height: 18px;
    width: 36px;
    padding-right: 5px;
    margin-right: 25px;
    overflow: hidden;
    vertical-align: middle;
    background: #fff url(../webimages/loginButton.gif) no-repeat left top;
    color: #000;
    text-align: center;
    font-size: 10px;
    line-height: 18px;
  }
  .triggerStripe label.keepLogin {
    margin-right: 25px;
  }
  .quickLinks {
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 30px;
  }
    .quickLinks li {
      float: left;
      padding: 0 8px;
    }
  
.utilityMenu {
  position: absolute;
  top: 16px;
  left: 405px;
  padding: 0;
  list-style: none;
  font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
  .utilityMenu li {
    float: left;
    margin: 0 0 0 -5px;
  }
    .utilityMenu li.first {
      padding-left: 0;
      background: none;
    }
  .utilityMenu a {
    display: inline-block;
    padding: 4px 15px 2px;
    text-decoration: none;
    background: url(../webimages/utilityMenu.png) no-repeat left center;
  }
    .utilityMenu .first a {
      background: none;
    }
    .utilityMenu a:hover {
      color: #f00;
    }
    .utilityMenu a.selected, .utilityMenu a.selected:hover {
      background: #fff;
      color: #000;
    }
    
.primaryMenu {
  position: absolute;
  top: 76px;
  right: 370px;
  padding: 0;
  list-style: none;
  background: url(../webimages/primaryMenu.gif) no-repeat 8px 30px;
  font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 14px;
  line-height: 31px;
}
  .primaryMenu li {
    float: left;
    margin: 0 0 0 -16px;
  }
  .primaryMenu a {
    display: inline-block;
    height: 31px;
    padding: 0 15px 0 0;
    text-decoration: none;
  }
    .primaryMenu .last a {
      padding: 0;
    }
    .primaryMenu a.selected {
      color: #478ea2;
      background: url(../webimages/primaryMenu_a.png) no-repeat right -31px;
    }
    .primaryMenu span {
      display: inline-block;
      height: 31px;
      padding: 0 11px 0 23px;
    }
      .primaryMenu .last span {
        padding-right: 8px;
      }
      .primaryMenu a.selected span {
        background: url(../webimages/primaryMenu_a.png) no-repeat left top;
      }
      
#primaryMenuToolTip {
  display: none;
  position: absolute;
  top: 104px;
  left: 0;
  padding: 5px 5px 0 8px;
  background: url(../webimages/primaryMenu_tooltip.png) no-repeat left top;
}


/* home */
.homeslide {
  width: 1024px;
  height: 575px;
  overflow: hidden;
}
  .homeslide .images {
    padding: 0;
    list-style: none;
  }
    .homeslide .images li {
      position: absolute;
      top: 0;
      left: 1024px;
      width: 1024px;
    }
      .homeslide .images li:first-child {
        left: 0;
      }
  #homeslide-bullets {
    position: absolute;
    top: 155px;
    left: 256px;
    z-index: 20;
  }
    #homeslide-bullets span {
      display: inline-block;
      vertical-align: top;
      width: 9px;
      height: 8px;
      overflow: hidden;
      margin: 0 3px 0 0;
      background: url(../webimages/homeslide_bullets.png) no-repeat left -8px;
      cursor: pointer;
    }
      #homeslide-bullets span.active {
        background-position: left top;
      }
  .homeslide .details {
    padding: 0;
    list-style: none;
    color: #000;
  }
    .homeslide .details .LeftBlack, .homeslide .details .RightBlack {
      color: #fff;
    }
    .homeslide .details li {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      height: 150px;
      overflow: hidden;
    }
      .homeslide .details li:first-child {
        display: block;
      }
    .homeslide .details .LeftWhite {
      padding: 294px 498px 0 126px;
      width: 400px;
      background: url(../webimages/homeslide_details_leftWhite.png) no-repeat 71px 282px;
    }
    .homeslide .details .LeftBlack {
      padding: 294px 498px 0 112px;
      width: 400px;
      background: url(../webimages/homeslide_details_leftBlack.png) no-repeat 71px 282px;
    }
    .homeslide .details .RightWhite {
      padding: 366px 132px 0 446px;
      width: 446px;
      background: url(../webimages/homeslide_details_rightWhite.png) no-repeat 446px 354px;
      text-align: right;
    }
    .homeslide .details h3 {
      padding: 0 0 8px;
      font-family: 'EBGaramondRegular', Georgia, serif;
      font-size: 24px;
      line-height: 1em;
      font-weight: normal;
    }
    .homeslide .details .desc {
      padding: 0 0 5px;
      font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
      font-size: 14px;
      line-height: 1em;
      color: #06c;
    }
      .homeslide .details .LeftBlack .desc, .homeslide .details .RightBlack .desc {
        color: #80a8ff;
      }
      .homeslide .details .RightWhite .desc {
        padding-right: 10px;
      }
    .homeslide .details .text {
      padding: 0 0 4px;
      width: 315px;
    }
      .homeslide .details .RightWhite .text {
        margin: 0 0 0 auto;
        padding-right: 30px;
      }
      .homeslide .details .RightWhite .buttons {
        padding-right: 48px;
      }
      .homeslide .details .buttons a {
        display: inline-block;
        padding: 0 9px;
        margin: 0 2px;
        border: 1px solid #000;
        font-weight: bold;
        font-size: 11px;
        line-height: 22px;
        color: #000;
        text-decoration: none;
      }
        .homeslide .details .LeftBlack .buttons a, .homeslide .details .RightBlack .buttons a {
          border: 1px solid #fff;
          color: #fff;
        }
  .homeslide .leftArrow, .homeslide .rightArrow {
    position: absolute;
    top: 236px;
    left: 40px;
    width: 59px;
    height: 242px;
    overflow: hidden;
    background: url(../webimages/homeslide_leftArrow.png) no-repeat left top;
    cursor: pointer;
    z-index: 20;
  }
  .homeslide .rightArrow {
    left: 925px;
    background-image: url(../webimages/homeslide_rightArrow.png);
  }
  
.homeCols {
  width: 1024px;
  padding: 20px 0;
  overflow: hidden;
}
  .homeLeft {
    float: left;
    width: 245px;
    padding: 0 23px 0 32px;
    overflow: hidden;
  }
  .homeMiddle {
    float: left;
    width: 360px;
    min-height: 338px;
    padding: 0 31px;
    overflow: hidden;
    background: url(../webimages/homeCols_homeMiddle.gif) no-repeat left top;
  }
  .homeRight {
    float: right;
    width: 237px;
    padding: 0 40px 0 0;
    overflow: hidden;
  }
  .homeCols h3 {
    padding: 20px 0 3px;
    font-size: 11px;
    line-height: 14px;
    color: #507f8d;
    border-bottom: 1px solid #507f8d;
  }
    .homeMiddle h3 {
      color: #000;
      border-bottom: 1px solid #000;
    }
    .homeCols h3 .floatLink {
      float: right;
      border: 1px solid #686868;
      color: #686868;
      margin: -12px 0 0;
      padding: 0 14px;
      font-family: sans-serif;
      font-size: 10px;
      line-height: 22px;
      font-weight: bold;
      text-decoration: none;
    }
  
.actionMenu {
  padding: 0 0 10px;
  list-style: none;
  width: 245px;
  overflow: hidden;
  font-family: 'EBGaramondRegular', Georgia, serif;
  font-size: 20px;
  line-height: 26px;
  color: #000;
}
  .actionMenu li {
    padding: 0 0 10px;
  }
  .actionMenu a {
    display: block;
    height: 26px;
    overflow: hidden;
    padding: 10px 0 10px 50px;
    background: url(../webimages/actionMenu.gif) no-repeat left top;
    color: #000;
    text-decoration: none;
  }
    .actionMenu .item2 a {
      background-position: left -56px;
    }
    .actionMenu .item3 a {
      background-position: left -112px;
    }
    .actionMenu .item4 a {
      background-position: left -168px;
    }
    

	.boldblack  
{
  font-weight: bold;
  color: #000
 
}
.snippet {
  padding: 8px 0 0;
  overflow: hidden;
  zoom: 1;
}
  .snippet h2 {
    padding: 0 0 5px;
    font-family: 'EBGaramondRegular', Georgia, serif;
    font-size: 20px;
    line-height: 23px;
    color: #000;
  }
  .snippet .image {
    float: left;
    padding: 3px;
    margin: 2px 12px 4px 0;
    border: 1px solid #010101;
  }
    .snippet .image img {
      vertical-align: top;
      width: 100px;
    }
  .snippet .actions {
    font-size: 10px;
    line-height: 15px;
    font-weight: bold;
  }
    .snippet .actions a {
      text-decoration: none;
    }
    
.eventTeaser {
  padding: 15px 0 0;
  list-style: none;
}
  .eventTeaser li {
    padding: 0 0 15px;
    overflow: hidden;
    zoom: 1;
  }
  .eventTeaser .dNote {
    float: left;
    margin: 4px 15px 4px 0;
  }
  .eventTeaser .details {
    overflow: hidden;
    zoom: 1;
  }
    .eventTeaser h4 {
      padding: 0;
      font-family: 'EBGaramondRegular', Georgia, serif;
      font-size: 14px;
      line-height: 18px;
      color: #000;
      font-weight: normal;
    }
      .eventTeaser h4 a {
        text-decoration: none;
        color: #000;
      }

/* end home */

.body {
  padding: 145px 0 0;
  width: 1024px;
  overflow: hidden;
}
  .contentCol {
    float: right;
    width: 754px;
    overflow: hidden;
  }
  .navCol {
    float: left;
    width: 239px;
    overflow: hidden;
  }
  .HeadlineInfo {
    font-size: 13px;
  }  
#breadcrumb {
  /*padding: 42px 0 12px 57px;*/
  padding: 36px 0 10px 57px;
  text-indent: -32px;
  background: url(../webimages/breadcrumb.gif) no-repeat left bottom;
  font-size: 10px;
  line-height: 15px;
  text-indent: -30px;
  color: #000;
}
  #breadcrumb a {
    color: #000;
    text-decoration: none;
  }
  #breadcrumb .home {
    display: inline-block;
    vertical-align: top;
    height: 14px;
    width: 14px;
    background: url(../webimages/breadcrumb_home.gif) no-repeat left top;
  }
    #breadcrumb .home span {
      display: none;
    }
    
.mainMenu {
  padding: 4px 0 15px 18px;
  list-style: none;
  font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  /* font-size: 12px; */
  font-size: 11px;
  line-height: 18px;
  color: #666;
}
  .mainMenu li {
    padding: 7px 0 2px 9px;
  }
    .mainMenu .selected {
      background: url(../webimages/mainMenu_sel.gif) no-repeat left 13px;
      color: #000;
    }
    .mainMenu .parent {
      background: url(../webimages/mainMenu_par.gif) no-repeat 0 15px;
    }
  .mainMenu a {
    text-decoration: none;
    color: #666;
  }
    .mainMenu a:hover {
      color: #000;
    }
    .mainMenu .selected a {
      color: #000;
    }
  .mainMenu ul {
    padding: 0 0 0 18px;
    list-style: none;
    font-size: 11px;
    line-height: 16px;
  }
    .mainMenu ul .selected {
      background-position: 0px 11px;
    }
    .mainMenu ul .parent {
      background-position: 0px 13px;
    }
.myMenuTitle {
  margin-top: 10px;
  padding: 0 27px;
  background: #ccc url(../webimages/myMenuTitle.gif) no-repeat right top;
  font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  /* font-size: 12px */
  font-size: 11px;
  line-height: 22px;
  color: #fff;
  font-weight: normal;
}
.myMenu {
  margin: 0 0 15px 0;
  padding: 4px 0 10px 45px;
  list-style: none;
  background: #e7e7e7;
  font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  /* font-size: 12px */
  font-size: 11px;
  line-height: 18px;
  color: #666;
}
  .myMenu li {
    padding: 7px 2px 2px 9px;
  }
  .myMenu a {
    text-decoration: none;
    color: #666;
  }
  .myMenu a:hover{
    color: #333;
  }
  
.pageHeadline {
  padding: 15px 34px 5px 3px;
  background: url(../webimages/pageHeadline.gif) no-repeat left bottom;
}
  .pageHeadline h1 {
    margin: 0;
    padding: 2px 0 0;
    font-size: 30px;
    line-height: 40px;
    background: none;
  }
  .pageHeadline .attention {
    float: right;
    padding: 0 25px 1px;
    border: 1px solid #676767;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
  }
    .pageHeadline .attention .title {
      padding: 0;
      font-weight: bold;
      color: #666;
    }
    .pageHeadline .attention .link {
      padding: 0;
      font-weight: bold;
      color: #478ea2;
    }
      .pageHeadline .attention .link a {
        text-decoration: none;
        color: #478ea2;
      }
  .pageHeadline .loginOptions {
    float: right;
    padding: 38px 26px 0 10px;
    list-style: none;
    font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #666;
  }
    .pageHeadline .loginOptions li {
      float: left;
      padding: 0 8px 0 15px;
      background: url(../webimages/loginOptions.gif) no-repeat left 6px;
    }
      .pageHeadline .loginOptions .first {
        background: none;
      }
    .pageHeadline .loginOptions a {
      text-decoration: none;
      color: #666;
    }
  
.copy {
  padding: 20px 35px 30px 3px;
}
.introCopy {
  padding: 20px 35px 5px 22px;
}

.relResources {
  padding: 0;
  font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 14px;
  line-height: 1.1em;
  text-transform: uppercase;
  font-weight: normal;
}

.tabs {
  clear: both;
  padding: 15px 0 0;
  list-style: none;
  height: 31px;
  overflow: hidden;
  font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  /* font-size: 12px */
  font-size: 11px;
  line-height: 26px;
  background: url(../webimages/tab_border.gif) repeat-x left bottom;
}
.macroCol .tabs {
  padding: 0;
}
  .tabs li {
    float: left;
    margin: 0 0 0 -11px;
  }
    .tabs .active {
      position: relative;
      z-index: 5;
      margin-right: -2px;
      margin-left: -13px;
    }
    .tabs .first {
      margin-left: 0;
    }
  .tabs a {
    display: block;
    height: 31px;
    padding: 0 15px 0 0;
    background: url(../webimages/tab_inactive.png) no-repeat right -31px;
    text-decoration: none;
    color: #fff;
  }
    .tabs .active a {
      background: url(../webimages/tab_active.png) no-repeat right -31px;
      color: #000;
      line-height: 20px;
    }
  .tabs span {
    display: block;
    height: 26px;
    padding: 5px 30px 0 20px;
    background: url(../webimages/tab_inactive.png) no-repeat left top;
  }
    .tabs .first span {
      padding-left: 17px !important;
      background-position: -15px top;
    }
    .tabs .active span {
      padding-right: 32px;
      padding-left: 22px;
      background: url(../webimages/tab_active.png) no-repeat left top;
    }
.tabBody {
  display: none;
  border-right: 1px solid #676767;
  border-bottom: 1px solid #676767;
  border-left: 1px solid #676767;
  padding: 20px 27px 25px;
}
  .tabFirst {
    display: block;
  }
  .tabBody .headline {
    padding: 0 0 15px;
    font-size: 16px;
    line-height: 1em;
    font-weight: normal;
    background: url(../webimages/tabBody_headline.gif) repeat-x left 12px;
  }
    .tabBody .headline em {
      font-style: normal;
      background: #fff;
      padding: 0 5px 0 0;
    }

    
.tabSlider {
  position: relative;
  border-right: 1px solid #676767;
  border-bottom: 1px solid #676767;
  border-left: 1px solid #676767;
  padding: 15px 40px 15px 28px;
  margin: 0 0 10px;
}
  .tabSlider .frame {
    position: relative;
    width: 646px;
    height: 76px;
    overflow: hidden;
  }
  .tabSlider ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    padding: 0;
    list-style: none;
  }
    .tabSlider li {
      float: left;
      width: 235px;
      padding: 0 0 0 15px;
    }
    .tabSlider h4 {
      padding: 2px 0;
      font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
      /* font-size: 12px; */
      font-size: 11px;
      line-height: 18px;
      font-weight: normal;
      color: #000;
    }
      .tabSlider h4 a {
        color: #000;
        text-decoration: none;
      }
    .tabSlider .actions {
      padding: 0;
      font-size: 11px;
      line-height: 15px;
      color: #666;
    }
      .tabSlider .actions a {
        color: #666;
        text-decoration: none;
      }
.leftArrow, .rightArrow {
  position: absolute;
  top: 22px;
  left: 13px;
  display: block;
  width: 15px;
  height: 61px;
  overflow: hidden;
  background: url(../webimages/tabSlider_arrows.png) no-repeat left top;
  cursor: pointer;
}
.rightArrow {
  left: 686px;
  background-position: left -61px;
}
.leftFade, .rightFade {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 615px;
  display: block;
  width: 59px;
  overflow: hidden;
  background: url(../webimages/tabSlider_fade.png) repeat-y left top;
}
.leftFade {
  left: 28px;
  width: 15px;
  background-position: -60px top;
}
    
.stepList {
  padding: 0;
  list-style: none;
}
  .stepList li {
    overflow: hidden;
    zoom: 1;
  }
  .stepList .step {
    float: left;
    width: 42px;
    padding: 0 8px 0 0;
    overflow: hidden;
    text-align: center;
  }
    .stepList .step .label {
      height: 18px;
      padding: 0 4px 0 0;
      background: url(../webimages/stepList_step.gif) no-repeat left top;
      color: #fff;
      font-size: 11px;
      line-height: 18px;
      text-transform: uppercase;
    }
    .stepList .step .num {
      padding: 0 4px 0 0;
      color: #666;
      font-size: 14px;
      line-height: 20px;
      font-weight: bold;
    }
  .stepList .details {
    overflow: hidden;
    zoom: 1px;
  }
  
.timeline {
  position: relative;
  clear: both;
  border-top: 2px solid #000;
  height: 230px;
  overflow: hidden;
  padding: 0 0 132px;
  background: #666;
  color: #fff;
}
  .timeline .background {
    height: 230px;
    overflow: hidden;
  }
  .timeline ul {
    position: absolute;
    top: 230px;
    left: 19px;
    padding: 0 0 0 5px;
    list-style: none;
    height: 132px;
    width: 2000px;
  }
    .timeline li {
      position: relative;
      float: left;
      margin-left: -5px;
      border-left: 1px solid #fff;
      width: 205px;
      height: 132px;
    }
      .timeline li:hover {
        z-index: 5;
      }
    .timeline .slide {
      position: absolute;
      top: 0;
      left: 0;
      padding: 18px 26px 0 21px;
      /*height: 114px;*/
      height: 235px;
    }
      .timeline li:hover .slide {
        top: -120px;
        background: url(../webimages/timeline_slide.png) no-repeat left top;
      }
      .timeline .year {
        padding: 0 0 10px;
        font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size: 20px;
        line-height: 1.1em;
        font-weight: normal;
        color: #fff;
      }
      .timeline .image {
        display: none;
        padding: 0 0 10px;
      }
        .timeline li:hover .image {
          display: block;
        }
        
    
.timeslide {
  position: relative;
  height: 60px;
  background: url(../webimages/timeslide.gif) repeat-x left top;
  font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  /* font-size: 12px; */
  font-size: 11px;
  line-height: 26px;
  color: #666;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
  .timeslide h4 {
    text-align: center;
    font-size: 12px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: normal;
  }
  .timeslide .min {
    float: left;
    padding-left: 50px;
  }
  .timeslide .max {
    float: right;
    padding-right: 50px;
  }
  .timeslide .grip {
    position: absolute;
    top: 10px;
    left: 935px;
    /*left: 60px;*/
    height: 33px;
    width: 21px;
    overflow: hidden;
    background: url(../webimages/timeslide_grip.png) no-repeat left top;
    cursor: pointer;
  }
    #timeslideTip {
      position: absolute;
      top: 45px;
      left: 915px;
      display: block;
      width: 60px;
      text-align: center;
      color: #999;
      font-size: 10px;
      line-height: 14px;
    }
  .timeslide .left, .timeslide .right {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 36px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -300px;
    background: url(../webimages/timeslide_arrows.gif) no-repeat left top;
  }
  .timeslide .right {
    left: auto;
    right: 0;
    background-position: left -60px;
  }
  
.whyLeft {
  float: left;
  width: 666px;
  padding: 10px 0 20px 40px;
  color: #666;
}
  .whyLeft a {
    color: #666;
  }
.whyRight {
  float: right;
  width: 252px;
  padding: 50px 35px 0 0;
}

.callout {
  padding: 0 0 30px;
}
  .callout p {
    padding: 0;
  }
  .callout img {
    vertical-align: top;
  }
  
.presentation {
  padding: 0 0 30px;
  margin: 0 0 0 4px;
  min-height: 155px;
  width: 240px;
  overflow: hidden;
  color: #666;
  background: url(../webimages/presentation.gif) repeat-x left 23px;
}
  .presentation h4 {
    padding: 0 0 3px;
    background: url(../webimages/line_666.gif) repeat-x left 9px;
    text-align: center;
    font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
  }
    .presentation h4 em {
      display: inline-block;
      padding: 0 8px;
      background: #fff;
      font-style: normal;
    }
  .presentation .slides {
    position: relative;
    padding: 0;
    list-style: none;
  }
    .presentation .slides li {
      position: absolute;
      top: 0;
      left: 240px;
      padding: 10px 15px;
      width: 210px;
      text-align: center;
    }
      .presentation .slides .first {
        left: 0;
      }
  .presentation .bullets {
    display: block;
    text-align: center;
  }
    .presentation .bullets span {
      display: inline-block;
      height: 8px;
      width: 9px;
      margin: 0 2px;
      background: url(../webimages/presentation_bullets.png) no-repeat left top;
      overflow: hidden;
      cursor: pointer;
    }
      .presentation .bullets .active {
        background-position: left -8px;
      }
      
.featuredArea {
  margin: 0 0 0 3px;
  background: #e7e7e7;
  padding: 19px;
  overflow: hidden;
  zoom: 1;
  font-size: 12px;
  line-height: 1.5em;
}
  .featuredArea p {
    padding: 0 0 10px;
  }
  .featuredArea .actions {
    padding: 0;
    font-size: 11px;
    line-height: 15px;
    color: #666;
  }
    .featuredArea .actions a {
      text-decoration: none;
      color: #666;
      font-weight: bold;
    }
  .ftResource {
    float: left;
    width: 407px;
    overflow: hidden;
  }
    .ftResource .image {
      background: #fff;
      padding: 3px;
      margin: 0 0 10px;
      border: 1px solid #4c91a5;
    }
      .ftResource .image img {
        vertical-align: top;
      }
  .ftSpotlight {
    float: right;
    width: 272px;
    padding: 0 0 0 18px;
    border-left: 1px solid #fff;
    overflow: hidden;
  }
    .ftSpotlight .spotlightLabel {
      display: inline-block;
      padding: 0 16px 0 10px;
      background: #666 url(../webimages/ftSpotlight_label.gif) no-repeat right top;
      color: #fff;
      font-size: 10px;
      line-height: 18px;
      text-transform: uppercase
    }
    .ftSpotlight h3 {
      padding: 5px 0;
      color: #000;
    }
    .ftSpotlight .leftImage {
      margin: 0 12px 5px 0;
    }
    .ftSpotlight p {
    padding: 3px 0px 2px 0px;
    }
    
  .ftsLabel {
    margin: -8px 0 0;
    padding: 0 3px 5px;
    font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    font-weight: normal;
  }
    #ftsBullets {
      margin: 0 5px;
    }
      #ftsBullets span {
        display: inline-block;
        vertical-align: middle;
        height: 8px;
        width: 9px;
        margin: 0 2px;
        background: url(../webimages/presentation_bullets.png) no-repeat left top;
        overflow: hidden;
        cursor: pointer;
      }
        #ftsBullets .active {
          background-position: left -8px;
        }
  .ftsImageWrap {
    position: relative;
    float: left;
    width: 419px;
    height: 146px;
    overflow: hidden;
    padding: 3px;
    margin: 0 0 15px;
    border: 1px solid #4b90a4;
  }
    .ftsImages {
      position: relative;
      padding: 0;
      list-style: none;
      width: 419px;
      height: 146px;
      overflow: hidden;
    }
      .ftsImages li {
        position: absolute;
        top: 0;
        left: 419px;
        width: 419px;
        height: 146px;
        overflow: hidden;
      }
        .ftsImages li:first-child {
          left: 0;
        }
    .ftsLeft, .ftsRight {
      position: absolute;
      top: 3px;
      left: 3px;
      width: 43px;
      height: 146px;
      /*background: url(../webimages/ftsArrows.png) no-repeat left top;*/
      cursor: pointer;
      opacity: 0;
      -moz-transition: 1s ease all;
      -webkit-transition: 1s ease all;
      transition: 1s ease all;
      /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='../webimages/ftsArrows.png');*/
    }
    .ftsRight {
      left: auto;
      right: 3px;
      background-position: left -146px;
    }
      .ftsImageWrap:hover .ftsLeft, .ftsImageWrap:hover .ftsRight {
        opacity: 1;
      }
  .fBookSize .ftsImageWrap, .fBookSize .ftsImages, .fBookSize .ftsImages li {
    width: 63px;
    height: 100px;
  }
  .fBookSize .ftsLeft, .fBookSize .ftsRight {
    width: 25px;
    height: 100px;
    background-position: -8px -24px;
  }
  .fBookSize .ftsRight {
    background-position: -9px -170px;
  }
  .ftsContent {
    float: right;
    position: relative;
    padding: 0;
    width: 253px;
    list-style: none;
    color: #666;
  }
    .ftsContent li {
      position: absolute;
      top: 0;
      width: 253px;
      left: 500px;
    }
  .fBookSize .ftsContent, .fBookSize .ftsContent li {
    width: 609px;
  }
      .ftsContent li:first-child {
        left: 0;
      }
      .ftsContent h3 {
        color: #000;
      }
      .ftsContent .date, .ftsContent .author {
        padding: 0;
        font-weight: bold;
      }
      .ftsContent .location {
        padding: 0;
      }
      .ftsContent .actions {
        padding: 0;
        font-size: 11px;
        line-height: 15px;
      }
        .ftsContent .actions a {
          font-weight: bold;
          color: #666;
          text-decoration: none;
        }
    
.macroCol {
  float: left;
  width: 416px;
  padding: 28px 0 20px 2px;
  overflow: hidden;
}
  h2.macroTitle {
    padding: 0 15px 10px 20px;
    font-size: 20px;
    line-height: 30px;
    color: inherit;
  }
  h2.macroNewsTitle {
    padding: 0 10px 10px 2px;
  }
  .tabBody h2.macroTitle {
    padding: 0 0 10px 0;
  }
    .macroCol .floatLink {
      float: right;
      border: 1px solid #686868;
      color: #686868;
      margin: 5px 0 0;
      padding: 0 14px;
      font-family: sans-serif;
      font-size: 10px;
      line-height: 22px;
      font-weight: bold;
      text-decoration: none;
    }
  .macroCol .eventTeaser {
    padding: 10px 0 0 20px;
  }
  
.macroEvents {
  padding: 10px 15px 0 20px;
  list-style: none;
}
.tabBody .macroEvents {
  padding: 10px 0 0;
}
.macroNews {
  padding: 10px 10px 0 0;
}
  .macroEvents li, .macroNews li {
    padding: 0 0 20px 2px;
    list-style: none;
    overflow: hidden;
    zoom: 1;
  }
  .macroEvents .dNote, .macroNews .dNote {
    float: left;
    margin: 2px 15px 4px 0;
  }
  .macroNews .image {
    float: left;
    width: 77px;
    padding: 3px;
    margin: 0 20px 8px -2px;
    border: 1px solid #4a90a3;
  }
    .macroNews .image img {
      vertical-align: top;
      width: 77px;
    }
  .macroEvents .details, .macroNews .details {
    overflow: hidden;
    zoom: 1;
  }
    .macroEvents h4, .macroNews h4 {
      padding: 0;
      font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
      /* font-size: 12px; */
      font-size: 11px;
      line-height: 16px;
      color: #000;
      font-weight: normal;
    }
    .macroNews h4 {
      font-size: 14px;
      line-height: 18px;
    }
      .macroEvents h4 a, .macroNews h4 a {
        text-decoration: none;
        color: #000;
      }
    .macroEvents p {
      padding: 0 0 5px;
    }
    .macroNews p {
      padding: 0;
    }
    .macroEvents .location {
      padding: 0;
      font-style: italic;
    }
    .macroEvents .actions, .macroNews .actions {
      padding: 0 0 5px;
      font-size: 11px;
      line-height: 15px;
      color: #666;
    }
      .macroEvents .actions a, .macroNews .actions a {
        font-weight: bold;
        color: #666;
        text-decoration: none;
      }
      
.modCol {
  float: right;
  padding: 25px 35px 20px 0;
  width: 277px;
  overflow: hidden;
}
  .advancedSearch {
    width: 259px;
    padding: 9px;
    margin: 0 0 15px;
    background: url(../webimages/advancedSearch.jpg) repeat-y left top;
    color: #fff;
  }
    .advancedSearch a {
      color: #fff;
    }
    .advancedSearch .asWrap {
      padding: 10px 10px 10px 25px;
      background: #666;
    }
    .advancedSearch h3 {
      padding: 5px 0;
    }
    .advancedSearch p {
      padding: 0 0 8px;
    }
    .advancedSearch ul{
    padding: 0 0 15px 0px;
    }
    .advancedSearch li{
    list-style-type: none;
    padding: 0 0 8px;
    }
    .advancedSearch .radioList {
      padding: 0 0 4px;
      list-style: none;
    }
      .advancedSearch .radioList li {
        padding: 0 0 8px;
      }
    .advancedSearch .label {
      padding: 0 0 3px;
    }
      .advancedSearch .date label {
        margin: 0 10px 0 0;
      }
      .advancedSearch .date img {
        margin: 0 0 3px 4px;
        vertical-align: middle;
        cursor: pointer;
      }
      .advancedSearch .textbox {
        border: 0;
        background: #fff;
        padding: 4px 0 4px 5px;
        width: 204px;
        color: #666;
      }
      .advancedSearch .datefield {
        width: 76px;
      }
    .advancedSearch .button {
      padding: 4px 0 10px;
    }
    .goButton {
      display: inline-block;
      border: 1px solid #fff;
      padding: 5px 40px;
      font-size: 11px;
      line-height: 12px;
      font-weight: bold;
      text-decoration: none;
      color: #fff;
    }
  #calendarLoad {
    display: none;
    height: 32px;
    padding: 10px 10px 10px 10px;
    background: #666 url(../webimages/loadCalendar.gif) no-repeat center center;
  }
  .eventCal {
    width: 259px;
    padding: 9px;
    background: url(../webimages/advancedSearch.jpg) repeat-y left top;
    color: #fff;
  }
    .eventCal a {
      color: #fff;
    }
    .eventCal .ecWrap {
      padding: 10px 10px 10px 10px;
      background: #666;
    }
    .eventCal .month {
      padding: 0 0 4px 12px;
    }
      .eventCal .monthLeft, .eventCal .monthRight {
        display: inline-block;
        vertical-align: middle;
        margin: 0 4px 0 0;
        height: 10px;
        width: 5px;
        text-decoration: none;
        overflow: hidden;
        background: url(../webimages/eventCal_month.gif) no-repeat left top;
      }
      .eventCal .monthRight {
        background-position: left -10px;
      }
        .eventCal .monthLeft span, .eventCal .monthRight span {
          display: none;
        }
    .eventCal table {
      border: 0;
      border-collapse: collapse;
      margin: 0 0 3px;
      padding: 0;
    }
      .eventCal th {
        padding: 2px 9px;
        width: 14px;
      }
      .eventCal td {
        padding: 2px 9px;
        width: 14px;
      }
      .eventCal .today {
        font-weight: bold;
        background: #fff;
        color: #666;
      }
        .eventCal .today a {
          color: #666;
        }
  .eventSearch {
    padding: 12px 14px;
    margin: 0 0 15px;
    background: #e8e8e8;
  }
    .eventSearch .label {
      padding: 0 0 5px;
      color: #000;
      font-weight: bold;
    }
    .eventSearch .input {
      padding: 0 0 10px;
    }
      .eventSearch .textbox {
        width: 246px;
        padding: 2px 0;
        border-top: 1px solid #7c7d7e;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
      }
    .eventSearch .button {
      padding: 3px 0 8px;
    }
      .eventSearch .goButton {
        border: 1px solid #676767;
        color: #676767;
      }

.archiveSort {
  width: 676px;
  padding: 10px;
  margin: 0 0 0 22px;
  background: url(../webimages/archiveSort.jpg) repeat-y left top;
  color: #fff;
}
  .archiveSort a {
    color: #fff;
  }
  .archiveSort .asWrap {
    padding: 10px 10px 10px 24px;
    background: #666;
    overflow: hidden;
  }
    .archiveSort h3 {
      padding: 5px 0 15px;
    }
      .archiveSort .sortRow label {
        margin-right: 5px;
      }
      .archiveSort .sortRow select {
        margin-right: 25px;
      }
      .archiveSort .textbox {
        border: 0;
        padding: 5px 0 4px 8px;
        margin-right: 15px;
        width: 181px;
        vertical-align: middle;
        color: #666;
      }
        .archiveSort .userinput {
          width: 189px;
          padding-left: 0;
          color: #000;
        }
      .archiveSort .goButton {
        padding: 5px 25px;
      }
    .archiveSort .filterYear {
      padding: 0 0 5px;
    }
      .archiveSort .filterYear a {
        margin: 0 0 0 8px;
        text-decoration: none;
      }
        .archiveSort .filterYear a:hover, .archiveSort .filterYear a.selected {
          text-decoration: underline;
        }
        
.magArchive {
  padding: 25px 35px 35px 22px;
  color: #000;
}
  .magArchive h2 {
    font-size: 20px;
    line-height: 23px;
  }
  .results {
    padding: 0;
  }
    .results .paging {
      margin-left: 20px;
    }
  .magArchive ul {
    padding: 5px 0;
    list-style: none;
  }
    .magArchive li {
      padding: 15px 0;
      overflow: hidden;
      zoom: 1;
    }
    .magArchive .image {
      float: left;
      width: 78px;
      margin: 4px 18px 0 0;
    }
      .magArchive .image img {
        width: 78px;
      }
    .magArchive .details {
      overflow: hidden;
      zoom: 1;
    }
      .magArchive h4 {
        padding: 0;
        font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: normal;
      }
        .magArchive h4 a {
          text-decoration: none;
        }
      .magArchive p {
        padding: 0;
      }
      .magArchive .info {
        padding: 0 0 2px;
        font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
      }
      .magArchive .actions {
        padding: 5px 0 0;
        font-size: 11px;
        line-height: 15px;
        color: #666;
      }
        .magArchive .actions a {
          font-weight: bold;
          color: #666;
          text-decoration: none;
        }

#membership {
  padding: 13px 0 0 4px;
}
.memImage {
  padding: 0;
  list-style: none;
}
  .memImage li {
    position: relative;
    display: none;
    width: 715px;
    overflow: hidden;
    border-bottom: 10px solid #fff;
  }
    .memDefault li.memDefault, .memPotential li.memPotential, .memNew li.memNew, .memCurrent li.memCurrent {
      display: block;
    }
      .memPotential li.memPotential, .memImage li.memPotential .image, .memDefault .memContent .memPotential {
        border-color: #069;
      }
      .memNew li.memNew, .memImage li.memNew .image, .memDefault .memContent .memNew {
        border-color: #606;
      }
      .memCurrent li.memCurrent, .memImage li.memCurrent .image, .memDefault .memContent .memCurrent {
        border-color: #7c7d00;
      }
    .memImage .image {
      width: 707px;
      padding: 3px;
      overflow: hidden;
      border: 1px solid #4d92a5;
    }
      .memImage .image img { vertical-align: top; }
    .memImage .caption {
      position: absolute;
      top: 3px;
      left: 3px;
      width: 683px;
      padding: 5px 10px 5px 14px;
      font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
      font-size: 14px;
      line-height: 20px;
      background: url(../webimages/membership_caption.png) repeat-x left top;
      /*background: rgba(255,255,255,.7);*/
      color: #000;
    }
      .memImage .memDefault .caption {
        top: auto;
        left: auto;
        right: 3px;
        bottom: 3px;
        width: 464px;
      }
.memContent {
  padding: 0 0 20px;
  list-style: none;
  overflow: hidden;
  zoom: 1;
}
  .memContent h2, .memContent h5 {
    color: #666;
  }
  .memContent .memPotential, .memContent .memNew, .memContent .memCurrent {
    float: left;
    margin: 6px 7px 0 0;
    border-top: 7px solid #666;
    padding: 10px 17px;
    width: 200px;
    overflow: hidden;
    background: url(../webimages/membership_memBody.jpg) no-repeat left top;
    cursor: default;
  }
    .memContent .memPotential {
      margin: 6px 6px 0 0;
    }
    .memPotential .memContent .memPotential, .memNew .memContent .memNew, .memCurrent .memContent .memCurrent {
      margin-top: 0;
      border-top-width: 13px;
    }
    .memDefault .memPotential h2, .memDefault .memPotential h5, .memPotential .memPotential h2, .memPotential .memPotential h5 {
      color: #069;
    }
    .memDefault .memNew h2, .memDefault .memNew h5, .memNew .memNew h2, .memNew .memNew h5 {
      color: #606;
    }
    .memDefault .memCurrent h2, .memDefault .memCurrent h5, .memCurrent .memCurrent h2, .memCurrent .memCurrent h5 {
      color: #626300;
    }
    .memLinks {
      padding: 0 0 10px;
      list-style: none;
      font-size: 11px;
      line-height: 14px;
      color: #666;
    }
      .memLinks li {
        padding: 2px 0;
      }
      .memLinks a {
        text-decoration: none;
        color: #666;
      }
      
.contactBanner {
  position: relative;
  clear: both;
  height: 229px;
  overflow: hidden;
  background: #666;
}
  .contactBanner .image {
    float: right;
    width: 647px;
    overflow: hidden;
  }
  .contactBanner .caption {
    position: absolute;
    left: 377px;
    bottom: 0;
    padding: 13px 20px 10px;
    width: 314px;
    background: url(../webimages/WhiteOpacBlock.png) 0 0 repeat;
    font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    /* font-size: 12px; */
    font-size: 11px;
    line-height: 1.5em;
    color: #000;
  }
    .contactBanner blockquote {
      margin: 0;
      padding: 0;
    }
      .contactBanner blockquote .leftQuote {
        display: inline-block;
        width: 6px;
        margin: 0 0 0 -6px;
      }
    .contactBanner .caption p {
      padding: 0;
    }
  .contactBanner .address {
    padding: 40px 62px 40px 42px;
    overflow: hidden;
    zoom: 1;
    color: #fff;
  }
    .contactBanner address {
      font-style: normal;
    }
.contactArea {
  position: relative;
  padding: 0 0 20px;
  min-height: 475px;
}
  .contactArea .label {
    padding: 0 0 5px;
    font-weight: bold;
  }
    .contactArea .goButton {
      padding: 5px 24px;
      border: 1px solid #686868;
      color: #666;
    }
  .contactDir {
    width: 439px;
    padding: 18px 40px 20px 40px;
  }
    .contactDir h2 {
      font-size: 20px;
      line-height: 22px;
    }
    .staffDepartment, #cf_staffHeader {
      display: none;
    }
    .contactCards {
      margin: 0 -40px 0 -13px;
      width: 492px;
      padding: 0;
      list-style: none;
    }
      .contactCards li {
        border-left: 5px solid #fff;
        padding: 8px 40px 5px 8px;
        margin: 0 0 15px;
        width: 439px;
        overflow: hidden;
      }
        .contactCards li.active {
          background: #e7e7e7;
          border-left: 5px solid #478ea2;
        }
      .contactCards .image {
        float: left;
        width: 75px;
        padding: 3px;
        margin: 2px 15px 5px 0;
        border: 1px solid #488ea2;
        overflow: hidden;
        text-align: center;
      }
        .contactCards .image img {
          vertical-align: top;
        }
      .contactCards .details {
        overflow: hidden;
        zoom: 1;
      }
        .contactCards h4 {
          padding: 0;
          font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
          font-size: 14px;
          line-height: 18px;
          font-weight: normal;
        }
        .contactCards .title {
          padding: 0;
          font-weight: bold;
        }
        .contactCards p {
          padding: 0 0 8px;
        }
  #cf_load {
    display: none;
    height: 32px;
    background: url(../webimages/loadContact.gif) no-repeat center center;
  }
  #cf_success, #cf_error, #staffClose {
    display: none;
  }
  .contactForm {
    position: absolute;
    top: 23px;
    left: 519px;
    width: 420px;
    border-top: 5px solid #000;
    height: 400px;
    padding: 15px 22px 15px 28px;
    overflow: hidden;
    background: #e7e7e7;
    color: #000;
  }
    .contactForm .closeEmail {
      float: right;
      padding: 0 0 0 10px;
      background: url(../webimages/contactForm_close.gif) no-repeat left 6px;
      text-decoration: none;
    }
    .contactForm h3 {
      height: 44px;
      width: 300px;
      overflow: hidden;
      padding: 0 0 10px;
    }
    .contactForm p {
      padding: 0 0 10px;
    }
    .contactForm .label {
      padding: 0;
    }
      .contactForm .textbox {
        width: 246px;
        padding: 3px 0;
        border-top: 1px solid #7c7d7e;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
      }
      .contactForm textarea {
        margin: 2px 0 0;
        width: 400px;
        border-top: 1px solid #7c7d7e;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        resize: none;
      }
      .contactForm .remaining {
        display: block;
        padding: 0 15px 0 0;
        text-align: right;
        font-style: italic;
      }
      #cf_message_error {
        float: left;
        font-style: normal;
      }
      .contactForm .errorMessage {
        display: none;
        color: #900;
      }

.paging .next, .paging .previous {
  margin-left: 10px;
  text-decoration: none;
}

.searchResults {
  clear: both;
  border-top: 2px solid #000;
  margin: -2px 0 0;
  padding: 18px 42px 40px;
}
  .searchResults h2 {
    padding: 0 0 10px;
    font-family: sans-serif;
    font-size: 20px;
    line-height: 1.2em;
  }
  .searchDisplay {
    padding: 0 0 8px;
    font-size: 14px;
    line-height: 22px;
  }
    .searchDisplay .research {
      float: right;
      font-size: 12px;
      line-height: 22px;
    }
    .paging .research {
      margin-left: 30px;
    }
      .research .textbox {
        margin: 0 3px;
        padding: 3px 0 3px 5px;
        width: 181px;
        color: #666;
      }
        .research .userinput {
          color: #000;
        }
      .research .goButton {
        margin: 0 3px;
        padding: 5px 27px;
        border: 1px solid #676767;
        color: #333;
      }
  .searchResults .paging {
    padding: 0 0 5px;
  }
    .searchResults .helpLink {
      float: right;
      text-decoration: none;
    }
    .searchResults .sortBy {
      margin-left: 40px;
    }
  .resultList {
    padding: 20px 0 5px;
    list-style: none;
  }
    .resultList li {
      padding: 0 0 20px;
    }
    .resultList h4 {
      padding: 0;
      font-size: 18px;
      line-height: 22px;
      font-weight: normal;
    }
    .resultList p {
      padding: 0;
    }
      .resultList .link a {
        text-decoration: none;
        font-weight: bold;
      }
    .resultList .readMore {
      text-decoration: none;
    }
    
    
.calloutLink {
  display: block;
  border-top: 5px solid #000;
  padding: 15px 18px;
  margin: 0 0 15px;
  background: #537b87 url(../webimages/calloutLink.gif) repeat-x left top;
  color: #fff;
  text-decoration: none;
}
  .calloutLink a {
    color: #fff;
    text-decoration: none;
  }
  .calloutLink .icon {
    float: left;
    width: 38px;
    height: 38px;
    border: 1px solid #fff;
    margin: 0 18px 0 0;
    padding: 0;
    text-align: center;
    line-height: 38px;
    overflow: hidden;
  }
    .calloutLink .icon img {
      vertical-align: middle;
    }
  .calloutLink .details {
    font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    /* font-size: 12px; */
    font-size: 11px;
    line-height: 22px;
    overflow: hidden;
    zoom: 1;
  }
  .calloutLink p {
    padding: 0;
  }
  .calloutLink h3 {
    padding: 0;
  }


.dNote {
  display: block;
  width: 50px;
  height: 45px;
  overflow: hidden;
  background: url(../webimages/dNote.gif) repeat-x left top;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
  .dNote a {
    color: #fff;
    text-decoration: none;
  }
  .dNote .month {
    display: block;
    height: 17px;
    overflow: hidden;
    font-size: 8px;
    line-height: 17px;
    text-transform: uppercase;
  }
  .dNote .day {
    display: block;
    height: 28px;
    overflow: hidden;
    font-size: 15px;
    line-height: 26px;
  }
  
.socialBox {
  padding: 3px 0 0 10px;
  color: #333;
}
  .socialBox h4 {
    padding: 5px 0;
    font-size: 10px;
    line-height: 15px;
    text-transform: uppercase;
    background: url(../webimages/blackLine.gif) repeat-x left 14px;
  }
    .socialBox h4 em {
      font-style: normal;
      background: #fff;
      padding-right: 5px;
    }
  .socialBox ul {
    padding: 0;
    list-style: none;
    font-family: 'junctionregularRegular', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    /* font-size: 12px; */
    font-size: 11px;
    line-height: 1.5em;
  }
    .socialBox li {
      float: left;
      padding: 0 0 0 12px;
    }
      .socialBox li.first {
        padding: 0;
      }
    .socialBox ul a {
      text-decoration: none;
    }
    .socialBox ul img {
      vertical-align: middle;
      margin: 0 2px 1px 0;
    }
    
.latestTweet {
  padding: 0 0 0 7px;
  color: #000;
}
  .latestTweet h2 {
    margin: 0 0 5px;
    padding: 9px 0 0;
    font-family: 'EBGaramondRegular', Georgia, serif;
    font-size: 20px;
    line-height: 30px;
    background: url(../webimages/redLine.gif) repeat-x left 37px;
  }
    .latestTweet h2 em {
      display: inline-block;
      font-style: normal;
      background: url(../webimages/redLine.gif) repeat-x left 29px;
    }
  .latestTweet p {
    padding: 0 0 3px;
  }
  .latestTweet .date {
    color: #666;
    font-size: 10px;
    font-style: italic;
  }
    .latestTweet .date a {
      text-decoration: none;
    }
  
.baseline {
  background: #527b87 url(../webimages/baseline.gif) repeat-x left -56px;
  overflow: hidden;
}
  .baseline .latestTweet {
    float: none;
    padding: 25px 0 11px 35px;
    color: #fff;
    line-height: 18px;
  }
    .baseline .latestTweet a {
      color: #fff;
    }
    .baseline .tweetBox {
      display: inline;
    }
    .baseline .latestTweet h2 {
      display: inline-block;
      vertical-align: top;
      margin: -12px 5px 0 -35px;
      padding: 8px 0 0;
      background: none;
      line-height: 23px;
      color: #fff;
    }
      .baseline .latestTweet h2 em {
        background: url(../webimages/redLine.gif) repeat-x left top;
        vertical-align: top;
        margin: -8px 0 0;
        padding: 8px 0 0 35px;
      }
    .baseline .latestTweet p {
      display: inline;
      margin: 0 5px 0 0;
    }
    .baseline .latestTweet .date {
      color: #fff;
    }
  .baseline .socialBox {
    float: right;
    margin: 0 35px 0 0;
    padding: 0 10px;
    color: #fff;
    background: #5f8d99 url(../webimages/baseline.gif) repeat-x left top;
  }
    .baseline .socialBox a {
      color: #fff;
    }
    .baseline .socialBox h4 {
      background-image: url(../webimages/whiteLine.gif);
    }
      .baseline .socialBox h4 em {
        background: #5f8d99;
      }
  
.footer {
  min-height: 494px;
  overflow: hidden;
  background: #000 url(../webimages/footer.jpg) no-repeat left top;
  color: #fff;
}
  .footer a {
    color: #fff;
    text-decoration: none;
  }
    .footer a:hover {
      text-decoration: underline;
    }
  .footerMenu {
    float: left;
    padding: 10px 0 0 40px;
  }
    .footerMenu h3 {
      padding: 20px 0 3px;
      font-size: 11px;
      line-height: 14px;
      border-bottom: 1px solid #fff;
    }
    .footerMenu ul {
      float: left;
      padding: 8px 0 10px 40px;
      list-style: none;
    }
      .footerMenu ul.first {
        padding-left: 0;
      }
      .footerMenu li {
        padding-bottom: 3px;
      }
  .footerCopy {
    padding: 25px 40px 0;
    overflow: hidden;
    zoom: 1;
    text-align: right;
    font-size: 12px;
    line-height: 22px;
  }
    .footerCopy h2 {
      padding: 0 0 3px;
      font-family: 'EBGaramondRegular', Georgia, serif;
      font-size: 20px;
      line-height: 23px;
      color: #6ba8b9;
    }
    .footerCopy address {
      font-style: normal;
      padding: 0 0 15px;
    }


#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000 url(../webimages/modalClose.png) no-repeat fixed right 5px;
  opacity: .70;
  filter: alpha(opacity=70);
  z-index: 1000;
  cursor: pointer;
}
* html #overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.documentElement.clientHeight ? document.body.scrollHeight : document.documentElement.clientHeight + 'px');
}

#modalVideo {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -200px;
  z-index: 1001;
}
* html #modalVideo {
  position: absolute;
  top: 100px;
}

.userPassword { display: none; }

#loginWidget
{
	margin-left: 0px;
}


#endNote
{
	margin-left:5px;	
}



#shopWidgetBar
{
	background-color:#8F8277; 
	color:White;  
	height:23px; 
	width:782px; 
	left:243px; 
	margin-top:145px; 
	margin-right:200px; 
	font-size:13px; 
	font-family: 'junctionregularRegular','Lucida Sans Unicode','Lucida Grande',sans-serif; 
	position:absolute;
}

#logoutText
{
	font-size: 14px;
	float:right; 
	width:370px;	
}

#loginText a
{
	color:White;
	font-size: 14px;
}

#logoutText a
{
	color:White;
	font-size: 14px;	
}

#loginText
{
	float:right; 
	width:370px;
	font-size: 14px;
}
.roundedcornr_box_126973 {
	background: url(../images/roundedcornr_126973_tl.png) no-repeat top left;
}
.roundedcornr_top_126973 {
	background: url(../images/roundedcornr_126973_tr.png) no-repeat top right;
}
.roundedcornr_bottom_126973 {
	background: url(../images/roundedcornr_126973_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_126973 div {
	background: url(../images/roundedcornr_126973_br.png) no-repeat bottom right;
}
.roundedcornr_content_126973 {
	background: url(../images/roundedcornr_126973_r.png) top right repeat-y;
}

.roundedcornr_top_126973 div,.roundedcornr_top_126973,
.roundedcornr_bottom_126973 div, .roundedcornr_bottom_126973 {
	width: 100%;
	height: 30px;
	font-size: 1px;
}
.roundedcornr_content_126973, .roundedcornr_bottom_126973 {
	margin-top: -19px;
}
.roundedcornr_content_126973 { padding: 0 15px; }













/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
