/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff; }

#cboxTopLeft {
  width: 25px;
  height: 25px;
  background: url(../images/colorbox/border1.png) no-repeat 0 0; }

#cboxTopCenter {
  height: 25px;
  background: url(../images/colorbox/border1.png) repeat-x 0 -50px; }

#cboxTopRight {
  width: 25px;
  height: 25px;
  background: url(../images/colorbox/border1.png) no-repeat -25px 0; }

#cboxBottomLeft {
  width: 25px;
  height: 25px;
  background: url(../images/colorbox/border1.png) no-repeat 0 -25px; }

#cboxBottomCenter {
  height: 25px;
  background: url(../images/colorbox/border1.png) repeat-x 0 -75px; }

#cboxBottomRight {
  width: 25px;
  height: 25px;
  background: url(../images/colorbox/border1.png) no-repeat -25px -25px; }

#cboxMiddleLeft {
  width: 25px;
  background: url(../images/colorbox/border2.png) repeat-y 0 0; }

#cboxMiddleRight {
  width: 25px;
  background: url(../images/colorbox/border2.png) repeat-y -25px 0; }

#cboxContent {
  background: #fff;
  overflow: hidden; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  margin-bottom: 20px; }

#cboxTitle {
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999; }

#cboxCurrent {
  position: absolute;
  bottom: 0px;
  left: 100px;
  color: #999; }

#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444; }

#cboxPrevious {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #444; }

#cboxNext {
  position: absolute;
  bottom: 0px;
  left: 63px;
  color: #444; }

#cboxLoadingOverlay {
  background: #fff url(../images/colorbox/loading.gif) no-repeat 5px 5px; }

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  color: #444; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft {
  background: url(../images/colorbox/ie6/borderTopLeft.png); }

.cboxIE6 #cboxTopCenter {
  background: url(../images/colorbox/ie6/borderTopCenter.png); }

.cboxIE6 #cboxTopRight {
  background: url(../images/colorbox/ie6/borderTopRight.png); }

.cboxIE6 #cboxBottomLeft {
  background: url(../images/colorbox/ie6/borderBottomLeft.png); }

.cboxIE6 #cboxBottomCenter {
  background: url(../images/colorbox/ie6/borderBottomCenter.png); }

.cboxIE6 #cboxBottomRight {
  background: url(../images/colorbox/ie6/borderBottomRight.png); }

.cboxIE6 #cboxMiddleLeft {
  background: url(../images/colorbox/ie6/borderMiddleLeft.png); }

.cboxIE6 #cboxMiddleRight {
  background: url(../images/colorbox/ie6/borderMiddleRight.png); }

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
  _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }

/*********** = structure = ***********/
body {
  background: transparent url(../images/bg-body.png) repeat 0 0;
  position: relative;
  color: #4c4c4c;
  font-size: 62.5%;
  text-align: center; }

#wrapper {
  height: auto !important;
  margin: 0 auto;
  padding: 0;
  /*	z-index: 1050;*/
  text-align: left;
  width: 950px; }

#header {
  background: url(../images/bg-primary.png) no-repeat 0 125px;
  height: 151px;
  position: relative;
  width: 950px;
  margin: 0 auto;
  z-index: 998; }

body.home #header {
  background: none; }

#nav-container {
  height: 43px;
  left: 161px;
  top: 87px;
  position: absolute;
  z-index: 999; }

#sidebar {
  right: 5px;
  position: absolute;
  top: 65px;
  width: 219px;
  z-index: 19999; }

a#logo {
  background: url(../images/bg-logo.png) no-repeat 0 0;
  display: block;
  left: 24px;
  height: 125px;
  position: absolute;
  text-indent: -9999em;
  top: 0;
  width: 147px; }

.main {
  float: left;
  padding: 0;
  width: 640px; }

#content {
  background: transparent url(../images/bg-main-inner.png) repeat-y 0 0; }

.extOneCol #content .main-list-view {
  background: #fff; }

body.oneCol .main {
  background: none;
  width: 950px; }

.main-inner {
  background: url(../images/bg-main.png) no-repeat 0 0;
  min-height: 150px;
  padding: 1px 10px 0 20px; }

body.oneCol .main-inner {
  background: none;
  padding: 1px 0px 0 10px; }

.home #content {
  background: url(../images/bg-home-content.png) no-repeat 0 100%;
  clear: both;
  padding: 0 0 26px 0; }

.home .main {
  background: url(../images/bg-home-main-inner.png) repeat-y 0 0;
  float: none;
  margin: 20px 0 0 0;
  padding: 0;
  width: 950px; }

.home .main-inner {
  background: url(../images/bg-home-main.png) no-repeat 0 0;
  min-height: 150px;
  padding: 4px 0 0 10px; }

.secondary {
  float: right;
  min-height: 150px;
  padding: 0;
  width: 300px; }

#ancillary {
  position: absolute;
  right: 0;
  top: 10px; }

/*********** = headers = ***********/
h1 {
  color: #bc4f07;
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
  margin: 30px 0 15px 20px;
  text-transform: uppercase; }

.secondary h1 {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  margin: 7px 0 0 0; }

#header-ts-content h1 {
  margin: 0 0 0px 20px; }

.intro h1 {
  color: #66b716;
  font-size: 26px;
  line-height: 28px;
  font-weight: normal;
  margin: 0; }

h2 {
  border-bottom: 1px solid #ccc;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  margin: 20px 0 14px 0;
  text-transform: uppercase;
  padding: 0 0 8px; }

h2.larger {
  font-size: 22px; }

h2.first-header,
h2.csc-firstHeader {
  margin-top: 0;
  font-size: 22px; }

h2 em.lead-in {
  display: block;
  font-size: 13px;
  text-transform: none;
  line-height: 1; }

h2 .header-button-link {
  display: inline-block;
  position: relative;
  top: 1px;
  left: 3px; }

.secondary h2.carat-right,
.secondary h2.copper-carat-left a {
  display: block;
  padding-left: 12px; }

.secondary h2.copper-carat-left a {
  background: transparent url(../images/carat-left-copper.gif) bottom left no-repeat; }

.secondary h2.carat-right {
  display: inline-block;
  padding-right: 12px;
  background: transparent url(../images/carat-right.gif) bottom right no-repeat; }

h2 a {
  color: #577bc2;
  text-decoration: underline; }

.secondary h2.copper-carat-left a {
  text-decoration: none;
  color: #BC4F07; }

#content .secondary h2.copper-carat-left a:hover {
  text-decoration: none; }

.secondary h2 {
  border: none;
  color: #666;
  font-size: 15px;
  line-height: 16px;
  margin: 12px 0;
  padding: 0; }

.secondary h2 span.phoneNumber {
  line-height: 32px;
  color: #BC4F07;
  font-size: 17px;
  font-weight: bold; }

h3 {
  color: #000;
  font-size: 17px;
  line-height: 22px;
  margin: 12px 0; }

.content-block h3 {
  border-bottom: 1px solid #ccc;
  margin: 0 0 12px;
  padding-bottom: 7px; }

.callout h3 {
  margin: 0 0 12px; }

.copper h3 {
  color: #bb4f07; }

.green h3 {
  color: #3a7729; }

.blue h3 {
  color: #325688; }

.form h3 {
  font-size: 15px;
  font-weight: normal;
  margin: 10px 0 5px 9px; }

.accordion h3 {
  background: url(../images/bg-accordion.png) no-repeat 0 0;
  color: #333;
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  height: 30px;
  margin: 5px 0;
  line-height: 30px;
  padding: 0 10px; }

.accordion h3:hover {
  color: #666;
  opacity: .8; }

.accordion h3.current,
.accordion h3.current:hover {
  background-position: 0 -30px;
  color: #fff;
  cursor: default;
  opacity: 1; }

h3.block {
  background: #686763;
  color: #fff;
  font-size: 13px;
  line-height: 13px;
  margin: 0 0 12px;
  padding: 9px 10px 9px;
  text-transform: uppercase; }

h3.block.copper {
  background: #bb4f07;
  text-transform: none; }

h3.block.green-arrow,
h3.block.copper-arrow {
  background: #bb4f07 url("../images/bg-lg-arrow.png") 269px 7px no-repeat;
  text-transform: none; }

h3.block.green-arrow {
  background-color: #3a7729; }

h3.block.green-arrow a,
h3.block.copper-arrow a {
  color: white; }

h3.block.green {
  background: #3a7729;
  text-transform: none; }

h3.block.blue {
  background: #325688;
  text-transform: none; }

h4 {
  border-bottom: 1px solid #ccc;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  margin: 30px 0 12px 0;
  text-transform: uppercase;
  padding: 0 0 8px;
  /*	position: relative;*/
  /*	z-index: 970;*/ }

.home h4 {
  border: none;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  margin: 15px 0 -2px;
  padding: 0;
  text-transform: none; }

#footer h4 {
  border: none;
  color: #222;
  font-size: 14px;
  margin: 0 0 5px;
  padding: 0;
  text-transform: uppercase; }

h4.block {
  border: none;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  position: relative; }

.secondary h4.block {
  margin: 0; }

.copper h4,
h4.copper,
h4.block.arrow.copper b {
  background: #bb4f07; }

.green h4,
h4.green,
h4.block.arrow.green b {
  background: #3a7729; }

.blue h4,
h4.blue,
h4.block.arrow.blue b {
  background: #325688; }

h4.block span {
  background: url(../images/bg-flap-copper.png) no-repeat 0 0;
  display: block;
  height: 23px;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 22px; }

.copper h4.block span,
h4.block.copper span {
  background: url(../images/bg-flap-copper.png) no-repeat 0 0; }

h4.block.green span,
.green h4.block span {
  background: url(../images/bg-flap-green.png) no-repeat 0 0; }

.blue h4.block span,
h4.block.blue span {
  background: url(../images/bg-flap-blue.png) no-repeat 0 0; }

h4.block.arrow {
  background: none;
  margin: 0 0 -9px;
  padding: 0 0 9px; }

h4.block.arrow b {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  font-weight: 600 !important; }

h4.block.arrow.blue {
  background: url(../images/bg-downarrow-blue.png) no-repeat 10px 100%; }

h4.block.arrow.green {
  background: url(../images/bg-downarrow-green.png) no-repeat 10px 100%; }

h4.block.arrow.copper {
  background: url(../images/bg-downarrow-copper.png) no-repeat 10px 100%; }

.tout h4 {
  background: none !important;
  border-bottom: 1px solid #ddd;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff !important;
  margin: 0 0 15px;
  padding: 0 0 12px !important; }

h5 {
  color: #000;
  font-size: 13px;
  margin: 30px 0 18px; }

table.altTable h5 {
  margin: 12px 0 6px 0; }

table.altTable td, table.altTable th {
  padding-left: 10px; }

table th {
  font-size: 13px;
  padding: 10px 0; }

table.altTable td, table.altTable th {
  text-align: left; }

table.altTable th {
  background-color: #ccc; }

table.altTable td.last, table.altTable th.last {
  padding-right: 10px; }

#content .secondary ul.casestudies h5 {
  margin: 0 0 3px 0;
  color: #666; }

.list-cols h5 {
  margin: 0 0 4px 0; }

h6 {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 0; }

/*********** = typography = ***********/
body {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; }

a {
  color: #bc4f07;
  text-decoration: none; }

a.carated {
  display: inline-block;
  padding-left: 10px;
  background: transparent url(../images/bg-list-item-small.png) left 5px no-repeat; }

a:visited {
  color: #bc4f07; }

a:hover {
  color: #000;
  text-decoration: underline; }

.breadcrumb a:hover,
#content a:hover {
  text-decoration: underline; }

.breadcrumb {
  color: #686663;
  border-bottom: 2px solid #bc4f07;
  font-size: 12px;
  margin: 15px 0 30px 10px;
  padding: 0 0 18px 10px; }

.breadcrumb a {
  color: #bc4f07;
  text-decoration: none; }

.breadcrumb span {
  color: #686663; }

#ancillary .links a,
#ancillary label {
  color: #686663;
  font-size: 10px;
  line-height: 20px;
  margin: 0 6px;
  text-decoration: none;
  text-transform: uppercase; }

label.hide {
  display: none; }

.login a {
  color: #333;
  text-decoration: underline; }

#content td,
#content p {
  color: #333;
  font-size: 13px;
  line-height: 18px;
  margin: 12px 0; }

#content p.align-right {
  text-align: right; }

#content p.inline-block {
  display: inline-block; }

#content td {
  margin: 0;
  padding: 12px 10px 12px; }

#content table.tight-spacing td {
  padding: 2px 10px 2px; }

#content table.tight-spacing td p {
  margin: 5px 0; }

#content .newsletter-content td {
  padding: 0; }

#content p.subtitle {
  margin: 4px 0; }

.home #content p {
  color: #666;
  font-size: 12px;
  line-height: 16px;
  margin: 12px 0; }

#content p.gray {
  color: #666; }

#content p.small {
  font-size: 12px;
  line-height: 1.3; }

.small {
  font-size: 11px; }

.intro p {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  margin: 10px 0 0 2px !important; }

.blue {
  color: #2b3f73; }

.uc, .upperCase {
  text-transform: uppercase; }

.uc.small, .upperCase.small {
  font-size: 10px; }

div p:first-child {
  margin: 0; }

a.more {
  background: url(../images/bg-more.png) no-repeat 100% 5px;
  padding: 0 12px 0 0; }

a.more strong {
  color: #333; }

#allBlogPosts,
.homepage_item a {
  background: url(../images/bg-more.png) no-repeat right 4px;
  padding: 0 12px 0 0; }

a.rss-icon {
  background: url("../images/logo-rss-23.png") no-repeat right 0 transparent;
  display: inline-block;
  width: 23px;
  height: 23px; }
a.fb-icon {
  background: url("../images/logo-facebook-23.png") no-repeat right 0 transparent;
  display: inline-block;
  width: 23px;
  height: 23px; }
a.twitter-icon {
  background: url("../images/logo-twitter-23-bird.png") no-repeat right 0 transparent;
  display: inline-block;
  width: 23px;
  height: 23px; }

#allBlogPosts,
.homepage_item a.rss,
.homepage_item a.see-all {
  float: left;
  font-size: 13px;
  color: #333;
  font-weight: bold;
  background-position: right 6px; }

.homepage_item a.see-all {
  padding-left: 5px;
  margin-top: -2px; }

.homepage_item a.rss {
  background: none;
  padding-right: 5px; }

.homepage_item span.greyDivider {
  display: inline-block;
  float: left; }

.home .news-list-cotainer .news-links {
  padding-top: 10px; }

.homepage_item a strong {
  color: #333; }

div.news-single-back-link a,
a.button {
  background: url(../images/bg-button.png) repeat-x 0 0;
  border: 1px solid #999;
  color: #bc4f07;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
  padding: 7px 8px 5px 8px;
  text-transform: uppercase; }

.secondary div.block.contact-us a.button {
  position: absolute;
  right: 20px;
  bottom: 20px; }

.secondary div.block.tidings a.button {
  position: static;
  display: inline-block;
  width: 110px; }

.secondary div.block.tidings .button-links {
  top: 6px;
  bottom: auto;
  left: 17%;
  position: relative; }

.secondary div.block.tidings span {
  display: block;
  text-align: center;
  margin-bottom: 11px; }

a.buttonblock {
  background: url(../images/bg-home-button.png) repeat-x 0 -90;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  height: 30px;
  margin: 5px 0;
  padding: 0 8px 0 10px;
  text-transform: uppercase; }

a.buttonblock em {
  font-size: 10px;
  font-weight: normal;
  text-transform: none; }

a.buttonblock:hover {
  background: url(../images/bg-home-button.png) repeat-x 0 -30px;
  text-decoration: none !important; }

a.buttonblock.blue {
  background: url(../images/bg-home-button.png) repeat-x 0 0; }

a.buttonblock.blue:hover {
  background: url(../images/bg-home-button.png) repeat-x 0 -30px; }

a.buttonblock.copper {
  background: url(../images/bg-home-button.png) repeat-x 0 -30px; }

a.buttonblock.copper:hover {
  background: url(../images/bg-home-button.png) repeat-x 0 0; }

#donateBtnInterior img,
#donateBtnHome img {
  display: block;
  padding: 10px 0 0 0; }

#donateBtnInterior img {
  padding: 0; }

#donateBtnInterior {
  display: block;
  margin: 0 0 20px 0; }

a#grantSeekerBtnInterior,
a#grantSeekerBtnHome:hover,
a#donateBtnHome:hover,
a#grantSeekerBtnHome,
a#donateBtnHome {
  display: block;
  height: 71px;
  width: 281px; }

a#donateBtnHome {
  background: transparent url(/typo3conf/ext/t3site/Templates/main/images/bg-home-donate.jpg) 0px 0px no-repeat; }

a#grantSeekerBtnInterior {
  width: 300px; }

a#grantSeekerBtnHome {
  background: transparent url(/typo3conf/ext/t3site/Templates/main/images/bg-home-grantseekers.jpg) 0px 0px no-repeat;
  margin-top: 20px; }

a#grantSeekerBtnInterior {
  background: transparent url(/typo3conf/ext/t3site/Templates/main/images/bg-internal-grantseekers.jpg) 0px 0px no-repeat; }

a#grantSeekerBtnInterior:hover {
  background-position: 0px -71px; }

a#grantSeekerBtnHome:hover {
  background-position: 0px -71px; }

a#donateBtnHome:hover {
  background: transparent url(/typo3conf/ext/t3site/Templates/main/images/bg-home-donate.jpg) 0px -71px no-repeat; }

/*********** = misc divs and classes = ***********/
#hero {
  margin: 0 0 20px 10px;
  position: relative;
  width: 940px; }

body.home #hero {
  margin-bottom: 0; }

#hero img.hero {
  position: relative;
  z-index: 1; }

#hero .message {
  background: url(../images/bg-hero-msg.png) no-repeat 0 0;
  color: #cccc33;
  font-size: 55px;
  left: -40px;
  height: 122px;
  line-height: 122px;
  top: 55px;
  padding: 0 0 0 60px;
  position: absolute;
  width: 357px;
  z-index: 2;
  text-transform: uppercase; }

#hero img.hero-corner {
  right: -15px;
  top: -15px;
  position: absolute;
  z-index: 980; }

.home #hero {
  background: #fff;
  margin: 0 0 20px -30px;
  height: 353px;
  position: relative;
  width: 980px;
  z-index: 1000;
  z-index: 980; }

.home #hero .panes div {
  display: none; }

.home #hero .panes img {
  position: absolute;
  z-index: 1; }

.home #hero #items {
  bottom: 10px;
  list-style: none;
  margin: 0;
  position: absolute;
  right: 10px;
  z-index: 980; }

.home #hero #items li {
  float: left;
  margin: 0 0 0 10px;
  position: relative; }

.home #hero #items li a {
  display: block; }

.home #hero #items li a img {
  border: 3px solid #fff; }

.home #hero #items li a:hover {
  text-decoration: none; }

.home #hero #items li a span {
  background: url(../images/bg-home-hero-tooltip.png) no-repeat 0 100%;
  border-top: 1px solid #fff;
  color: #fff;
  display: none;
  font-size: 10px;
  line-height: 12px;
  left: -79px;
  padding: 5px 5px 15px 5px;
  position: absolute;
  top: -37px;
  text-decoration: none;
  text-transform: lowercase;
  width: 92px;
  z-index: 3; }

.home #hero #items li a span.hover {
  text-decoration: underline; }

.home #hero #items li a:hover span {
  display: block; }

.home #hero #items li a span b {
  display: block;
  font-size: 12px;
  margin: 0 0 3px;
  text-transform: uppercase; }

.home #hero #items li a span.hover b {
  text-decoration: none !important; }

.home #hero #items li a.current img,
.home #hero #items li a:hover img {
  border: 3px solid #bc4f07; }

.home #hero .panes {
  height: 353px !important; }

.home #hero .panes a,
.home #hero .panes a img {
  display: block; }

.addendum {
  background: #686663;
  display: none;
  height: 144px;
  margin: 10px 0 0 0;
  padding: 10px 0;
  text-align: center;
  width: 100%; }

.home .addendum {
  display: block !important; }

.addendum-inner {
  margin: 0 auto;
  position: relative;
  z-index: 940;
  text-align: left;
  width: 960px; }

.scrollable {
  height: 144px;
  margin: 0 0 0 22px;
  position: relative;
  z-index: 930;
  overflow: hidden;
  width: 920px; }

.scrollable .items {
  width: 20000em;
  position: absolute;
  z-index: 920;
  clear: both; }

.items div {
  float: left;
  position: relative;
  width: 920px; }

.scrollable img {
  border: 1px solid #fff;
  float: left;
  margin: 0 0 0 21px;
  width: 212px;
  height: 142px; }

.scrollable a:hover img {
  border: 1px solid #000; }

.items div a:first-child img {
  margin: 0; }

a.browse {
  cursor: pointer;
  display: block;
  height: 17px;
  position: absolute;
  top: 70px;
  text-indent: -9999em;
  width: 9px;
  z-index: 1000; }

a.right {
  background: url(../images/bg-nextarrow.png) no-repeat 0 0;
  right: 0; }

a.left {
  background: url(../images/bg-prevarrow.png) no-repeat 0 0;
  left: 0; }

a.left:hover,
a.right:hover {
  background-position: 0 -17px; }

a.left:active,
a.right:active {
  background-position: 0 -34px; }

a.disabled {
  visibility: hidden !important; }

.intro {
  background: url(../images/bg-template-intro.jpg);
  height: 213px;
  margin: 0 0 15px;
  position: relative; }

.intro .msg {
  left: 14px;
  position: absolute;
  top: 140px; }

.home-intro {
  height: 218px;
  margin: 0 10px;
  padding: 0 0 0 650px;
  position: relative; }

.home-intro .newsitems {
  background: url(../images/bg-news.png) no-repeat 0 100%;
  height: 218px; }

.callout {
  margin: -12px 0 20px 0;
  padding: 20px 28px 5px 28px;
  border: 2px solid #000;
  border-top: none; }

.callout.copper {
  background: url(../images/bg-downarrow-copper.png) no-repeat 29px 0;
  border-color: #bb4f07; }

.callout.green {
  background: url(../images/bg-downarrow-green.png) no-repeat 29px 0;
  border-color: #3a7729; }

.callout.blue {
  background: url(../images/bg-downarrow-blue.png) no-repeat 29px 0;
  border-color: #325688; }

.main .callout {
  display: inline-block;
  width: 550px; }

.secondary .callout.blue {
  padding: 20px 10px 5px;
  background: #ECECEC; }

.secondary .blockquote {
  font-weight: normal; }

.secondary .blockquote strong {
  font-weight: bold;
  font-size: 20px; }

.tout {
  border: 2px solid #000;
  margin: 40px 0;
  overflow: hidden;
  padding: 0;
  position: relative; }

.tout-content {
  background: url(../images/bg-tout-content.png) no-repeat 0 0;
  padding: 10px 45px 0px 32px;
  position: absolute;
  top: 27px;
  width: 288px;
  z-index: 2;
  color: #FFF; }

#content .tout-content p {
  color: #FFF; }

.tout-content img.tout-corner {
  right: -15px;
  top: -15px;
  position: absolute;
  z-index: 2; }

.tout.copper {
  border-color: #bb4f07; }

.tout.green {
  border-color: #3a7729; }

.tout.blue {
  border-color: #325688; }

.content-block {
  margin: 40px 0; }

.content-block .alignleft {
  width: 290px; }

.content-block .alignright {
  width: 300px; }

.content-block .more {
  float: right; }

.accordion .pane {
  display: none;
  padding: 1px 0; }

.secondary div.block {
  background: #ececec;
  border-bottom: 1px solid #676767;
  margin: 0 0 20px;
  padding: 2px 10px;
  position: relative;
  z-index: 1; }

.secondary div.no-padding {
  padding-left: 0;
  padding-right: 0; }

.secondary div.no-padding-inner {
  margin: 0 10px; }

.secondary div.block.tidings {
  /*	background: #ececec url(../images/bg-tidings-signup.jpg) no-repeat 0 100%;
  */
  background: #ececec;
  position: relative;
  overflow: hidden;
  /*	padding-bottom: 84px;*/
  /*	padding-left: 173px;*/ }

.secondary div.block.tidings h2 {
  width: 118px; }

.secondary div.block.tidings img {
  z-index: -1; }

.secondary div.block.contact-us {
  background: #ececec url(../images/bg-contact-us.png) no-repeat 0 100%;
  height: 141px; }

.secondary div.block.contact-us h2 {
  margin-left: 105px;
  width: 134px;
  font-size: 18px; }

.home-col {
  float: left;
  margin: 0 0 0 20px;
  width: 300px; }

.home .home-col-1 {
  margin: 0; }

.home .home-col-3 {
  margin: 0;
  float: right; }

div.item {
  border-bottom: 1px solid #ccc;
  margin: 0 10px 20px 10px;
  padding: 0 0 20px 0; }

.home-col div.item:last-child {
  border: none;
  margin-bottom: 10px; }

#content .home-col .issuesList {
  padding-bottom: 5px; }

#content .home-col .issuesList ul {
  margin-top: 0;
  margin-bottom: 0; }

div.item p {
  margin-bottom: 0 !important; }

div.item blockquote,
div.marquee blockquote {
  border: 1px solid #333;
  background: #cbcccb url(../images/bg-radial.jpg) no-repeat 50% 50%;
  color: #686663;
  font-size: 12px;
  line-height: 15px;
  padding: 15px;
  position: relative;
  z-index: 960; }

blockquote span {
  font-size: 1.4em; }

blockquote span.hang {
  margin-left: -7px; }

blockquote a.more {
  position: absolute;
  bottom: 5px;
  right: 5px; }

div.item blockquote strong {
  color: #bc4f07;
  display: block;
  font-size: 13px; }

div.split.two .one {
  float: left;
  width: 48%; }

div.split.two .two {
  float: right;
  width: 48%; }

div.split li strong a {
  font-weight: bold; }

/*********** = lists = ***********/
#content ul,
dl {
  font-size: 12px;
  list-style-type: none;
  line-height: 18px;
  margin: 12px 0 12px 0;
  padding: 0; }

#content ul.list-left {
  display: inline-block;
  float: left; }

#content li {
  background: url(../images/bg-list-item.png) no-repeat 0 4px;
  color: #333;
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 10px 0;
  padding: 0 0 0 14px;
  position: relative;
  z-index: 970; }

#content ul.icon-list li {
  margin: 0;
  padding: 0 0 0 28px; }

#content ul.icon-list li.phone {
  background: transparent url(../images/icon-phone.gif) 0 4px no-repeat; }

#content ul.icon-list li.mail {
  background: transparent url(../images/icon-envelope.gif) 1px 5px no-repeat; }

.home #content li {
  background: none;
  list-style: none;
  margin: 4px 0;
  padding: 0; }

#content .tout li {
  background: url(../images/bg-list-item-white.png) no-repeat 0 4px;
  color: #fff; }

#content .tout li strong {
  color: #fff; }

#content ol {
  color: #bc4f07;
  margin: 12px 0 12px 20px; }

/*#content ol li,
#content .secondary ol li {
	background: none;
	color: #bc4f07;
	display:list-item;
	font-weight: bold;
	font-size: 15px;
	list-style: decimal;
	padding: 0;
}*/
#content ol li,
#content .secondary ol li {
  background: none;
  color: #bc4f07;
  display: list-item;
  font-weight: bold;
  font-size: 15px;
  list-style: none;
  padding: 0;
  color: #333;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  counter-increment: mylist;
  text-indent: -7px;
  vertical-align: top; }

#content ol li:before,
#content .secondary ol li:before {
  color: #bc4f07;
  content: counter(mylist) ". ";
  font-size: 15px;
  position: relative;
  left: -7px;
  font-weight: bold;
  top: 2px;
  display: inline-block; }

#content ol li span {
  color: #333;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px; }

#content li strong {
  color: #666;
  font-style: normal;
  font-weight: bold; }

#content ul.tabs {
  margin: 0 0 12px; }

#content ul.tabs li {
  float: left;
  margin: 0 0 0 2px;
  padding: 0; }

#content ul.tabs a {
  background: #a9a6a1;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 13px;
  float: left;
  padding: 9px 25px 9px 10px;
  text-decoration: none; }

.home #content ul.tabs {
  background: #fff; }

.home #content ul.tabs li:first-child {
  margin: 0; }

.home #content ul.tabs a {
  width: 115px; }

.home #content ul.tabs li:first-child a {
  width: 113px; }

#content ul.tabs a.current {
  background: #686763;
  position: relative; }

#content ul.tabs a.current span {
  background: url(../images/bg-flap-grey.png) no-repeat 0 0;
  display: block;
  height: 23px;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 22px; }

#content .secondary ul {
  margin: 0 0 8px 10px; }

#content .secondary ul ul {
  margin: 0 0 8px 0px; }

#content .secondary li,
#content ol li span {
  color: #666;
  font-size: 12px; }

.home #content .issuesList li,
#content .secondary ul li {
  background: url(../images/bg-list-item-small.png) no-repeat 0 5px;
  margin: 3px 0;
  padding-left: 11px; }

ul.browse,
#content .secondary ul.browse {
  border: 1px solid #a5a5a5;
  height: 83px;
  float: left;
  clear: both;
  margin-left: 0; }

ul.browse li,
#content .secondary ul.browse li {
  padding: 0;
  margin: 0;
  float: left;
  background: transparent url(../images/bg-results-browse.png) left top no-repeat;
  height: 83px;
  width: 98px;
  line-height: 1.2;
  font-size: 11px;
  font-weight: bold; }

.wf-active #content .secondary ul.browse li a {
  font-family: Arial; }

ul.browse li a {
  position: relative;
  display: table-cell;
  width: 100px;
  height: 83px;
  vertical-align: middle; }

ul.browse li.cur,
#content .secondary ul.browse li.cur {
  background-position: -98px 0;
  width: 101px; }

ul.browse li.next,
#content .secondary ul.browse li.next {
  background-position: right 0;
  width: 99px; }

ul.browse li.next,
#content .secondary ul.browse li.no-content {
  background: transparent url(../images/bg-results-browse-gradient.png) left top repeat-x; }

ul.browse li span {
  display: block;
  margin: auto 0;
  padding: 0 15px;
  height: 83px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -1px;
  display: table-cell; }

ul.browse li.cur span {
  width: 81px;
  padding: 0 10px 0 10px; }

ul.browse li.next span {
  width: 81px;
  padding: 0 20px 0 8px; }

ul.browse li a span {
  height: auto;
  width: auto;
  display: block; }

#content .secondary ul li a {
  font-size: 13px;
  text-decoration: none; }

#content .secondary ul.browse li a {
  font-size: 11px; }

#content .secondary ul li a.current {
  color: #686663;
  font-weight: bold; }

#content .secondary ul.casestudies li {
  min-height: 38px;
  background: url(../images/bg-docs.png) no-repeat 0 0;
  margin: 18px 0;
  padding: 0 0 0 50px; }

#content .secondary ul.casestudies li a,
.wf-active #content .secondary ul.casestudies li a {
  font-family: arial;
  display: block;
  font-size: 12px;
  font-weight: normal; }

.record-search {
  width: 229px;
  height: 35px;
  background: transparent url(../images/bg-records-search-box.png) top left no-repeat;
  position: relative;
  margin-bottom: 30px; }

#projSearchForm .record-search {
  background-position: -10px center; }

.record-search .record-search-text {
  border: 0;
  background: none;
  height: 15px;
  width: 173px;
  position: absolute;
  top: 9px;
  left: 24px; }

.projdir-record-search .record-search-text {
  left: 14px;
  color: #666; }

.record-search .record-search-btn {
  position: absolute;
  top: 9px;
  right: 9px; }

.projdir-record-search .record-search-btn {
  right: 19px !important; }

dt {
  font-weight: bold;
  margin: 5px 0 -5px; }

dd {
  margin: 5px 0; }

#footer li {
  line-height: 15px;
  list-style: none;
  margin: 0 0 5px 0; }

#footer li a.contact-link {
  background: url(../images/bg-arrow.png) no-repeat 0 50%;
  display: block;
  margin: 0 0 0 -18px;
  padding: 0 0 0 18px; }

/*********** = navs = ***********/
ul#nav {
  list-style-type: none;
  position: relative;
  z-index: 998; }

ul#nav li {
  float: left;
  height: 53px;
  margin: 0 0 0 11px;
  padding: 0;
  position: relative;
  text-align: center;
  z-index: 2; }

body.home ul#nav li#want,
body.home ul#nav li#want a {
  height: 38px; }

body.home ul#nav li#want a span {
  height: 28px; }

ul#nav li a {
  color: #686663;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto;
  outline: none;
  padding: 0 0 0 14px;
  height: 46px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; }

ul#nav li.active {
  z-index: 1;
  background: url(../images/bg-primary-arrow.png) no-repeat 50% 100%; }

ul#nav li.pushHide {
  background-image: none; }

ul#nav li.pushHide:hover a,
ul#nav li:hover a,
ul#nav li.sfHover a,
ul#nav li.active a {
  background: #686663;
  color: #fff; }

ul#nav li#want {
  z-index: -100; }

ul#nav li.pushHide a {
  background-image: none;
  color: #686663;
  background: transparent; }

ul#nav li a span {
  display: block;
  height: 36px;
  padding: 10px 14px 0 0;
  cursor: pointer;
  float: left; }

ul#nav li.pushHide:hover a span,
ul#nav li:hover a span,
ul#nav li.sfHover a span,
ul#nav li.active a span {
  background: url(../images/bg-primary-notch.png) no-repeat 100% 0%; }

ul#nav li.pushHide a span {
  background-image: none; }

ul#nav li.active div,
ul#nav div {
  background: transparent url(../images/bg-nav-sub.png) no-repeat 100% 0%;
  padding: 11px 0 0 0;
  border-bottom: 1px solid #686663;
  left: -9999em;
  position: absolute;
  top: 38px;
  z-index: 999;
  width: 150px; }

ul#nav li.pushHide div {
  z-index: 1000; }

ul#nav li.active:hover ul div {
  top: 0; }

ul#nav ul {
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4); }

ul#nav li#news div {
  width: 167px; }

ul#nav li:hover div,
ul#nav li.sfhover div {
  left: 0; }

ul#nav ul div {
  background: url(../images/bg-nav-sub-sub.png) no-repeat 100% 0%;
  display: none;
  padding: none;
  top: 0;
  z-index: 998;
  width: 150px !important; }

ul#nav ul li:hover div,
ul#nav ul li.sfHover div {
  display: block;
  left: 150px; }

ul#nav li#news ul li:hover div,
ul#nav li#news ul li.sfHover div {
  display: block;
  left: 100%; }

ul#nav ul li {
  float: none;
  height: auto;
  margin: 0; }

ul#nav li.pushHide:hover li a,
ul#nav li li a,
ul#nav li:hover li a,
ul#nav li.sfHover li a {
  background: #d8d8d8;
  border-right: 2px solid #fff;
  color: #bc4f07;
  display: block;
  float: none;
  font-size: 12px;
  font-weight: normal;
  margin: 0 auto;
  outline: none;
  padding: 4px 8px;
  height: auto;
  position: relative;
  text-align: left;
  text-decoration: none;
  text-transform: none; }

ul#nav li li.ancestor a,
ul#nav li:hover li.ancestor a,
ul#nav li.sfHover li.ancestor a,
ul#nav li.active li.ancestor a {
  background-image: url(../images/bg-nav-sub-arrow.png);
  background-repeat: no-repeat;
  background-position: 95% -43px; }

ul#nav li li.ancestor li a,
ul#nav li:hover li.ancestor li a,
ul#nav li.sfHover li.ancestor li a,
ul#nav li.active li.ancestor li a {
  background-image: url(../images/bg-nav-sub-sub-a.png);
  background-repeat: repeat-y;
  background-position: 0 0 !important; }

ul#nav li li.ancestor li a,
ul#nav li li.ancestor li a:hover {
  background-image: url(../images/bg-nav-sub-sub-a.png);
  background-repeat: repeat-y;
  background-position: 0 0 !important; }

ul#nav li li.ancestor li a,
ul#nav li li.ancestor li a:hover {
  background-image: none; }

ul#nav li li:hover > a,
ul#nav li li.sfHover > a,
ul#nav li li a:hover {
  background-color: #bc4f07 !important;
  color: #fff !important; }

ul#nav li li.ancestor a:hover li:hover li.ancestor a:hover, ul#nav li li.ancestor a:hover li:hover li.ancestor:hover a, ul#nav li li.ancestor a:hover li.sfHover li.ancestor a:hover, ul#nav li li.ancestor a:hover li.sfHover li.ancestor:hover a,
ul#nav li li.ancestor:hover a li:hover li.ancestor a:hover,
ul#nav li li.ancestor:hover a li:hover li.ancestor:hover a,
ul#nav li li.ancestor:hover a li.sfHover li.ancestor a:hover,
ul#nav li li.ancestor:hover a li.sfHover li.ancestor:hover a,
ul#nav li:hover li.ancestor a:hover,
ul#nav li:hover li.ancestor:hover a,
ul#nav li.sfHover li.ancestor a:hover,
ul#nav li.sfHover li.ancestor:hover a {
  background-position: 95% 7px; }

ul#nav ul li.last a {
  padding-bottom: 5px; }

/* pushdown nav */
#pushdown {
  display: none;
  top: 0;
  position: relative;
  z-index: 990;
  margin: 0 0 7px 10px; }

body.home #pushdown {
  margin: 0 0 7px 10px; }

.pushdown-col {
  background: #ececec;
  float: left;
  min-height: 240px;
  margin: 0 0 0 2px;
  padding: 18px 11px 28px 11px;
  width: 133px; }

.pushdown-col:first-child {
  margin: 0; }

.pushdown-col h4 {
  background: url(../images/bg-pushdown-arrow.png) no-repeat 100% 5px;
  border: none;
  color: #686663;
  font-size: 13px;
  margin: 0 0 20px;
  padding: 0 17px 0 0;
  text-transform: none; }

.pushdown-col h4 a {
  color: #686663;
  text-decoration: none;
  display: block;
  zoom: 1; }

.pushdown-col h4 a:hover {
  text-decoration: underline; }

.pushdown-col ul {
  margin: 0;
  display: inline-block;
  zoom: 1; }

.pushdown-col ul li {
  font-size: 11px;
  line-height: 13px;
  margin: 5px 0 0 0;
  padding: 0; }

.pushdown-col ul a {
  color: #bc4f07;
  text-decoration: none; }

.pushdown-col:hover {
  background: #f4f4f4;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .25) inset;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .25) inset;
  box-shadow: 0 0 3px rgba(0, 0, 0, .25) inset; }

.pushdown-col ul a:hover {
  text-decoration: underline;
  color: #000; }

/* localnav */
div#localnav {
  background: url(../images/bg-subnav.png) no-repeat 0 100%;
  left: 10px;
  min-height: 50px;
  padding: 17px 8px 20px 0;
  position: absolute;
  top: 32px;
  width: 156px;
  z-index: 2; }

div#localnav h3 {
  color: #263b72;
  font-size: 14px;
  margin: 0;
  padding: 0 0 5px 10px;
  text-transform: uppercase; }

em.levelTwoLink a {
  color: #333333; }

div#localnav ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important; }

div#localnav ul li {
  background: url(../images/bg-subnav-div.png) no-repeat 0 0;
  margin: 0 !important;
  padding: 3px 0 0 0 !important; }

div#localnav ul li li {
  background: url(../images/bg-subnav-div-div.png) no-repeat 0 0; }

div#localnav ul li li:first-child {
  background: url(../images/bg-subnav-div.png) no-repeat 0 0; }

div#localnav ul li a,
div#localnav ul li.active li a {
  color: #2b3f73;
  font-size: 13px;
  line-height: 15px;
  display: block;
  font-weight: normal;
  padding: 4px 10px 4px 10px;
  text-decoration: none; }

div#localnav ul li.active a,
div#localnav ul li.active li a:hover,
div#localnav ul li a:hover {
  background: #b6ccee;
  text-decoration: none; }

div#localnav ul li.active li a {
  background: none;
  padding: 4px 10px 4px 25px; }

div#localnav ul li.active a {
  background: #b6ccee;
  color: #000;
  font-weight: bold; }

div#localnav ul li.active li.active a {
  color: #000;
  font-weight: bold; }

/*********** = img = ***********/
img.border {
  border: 1px solid #999; }

a img {
  border: none; }

.banner-img {
  position: absolute;
  top: 0;
  left: 0; }

#ancillary img {
  margin: 3px 0 0 5px; }

img.alignright {
  margin: 0 0 8px 45px; }

img.float-right {
  margin: 0 0 8px 45px;
  float: right; }

img.float-left {
  margin: 0 45px 8px 0;
  float: left; }

.item img.alignright {
  margin: 0 0 8px 8px; }

img.alignleft {
  margin: 0 45px 8px 0; }

.item img.alignleft {
  margin: 0 8px 8px 0; }

.tout img {
  position: relative;
  z-index: 1;
  display: block; }

/*********** = tables = ***********/
.matrix {
  border: 0;
  margin: 8px 0 12px;
  padding: 0;
  width: 100%; }

.matrix thead th {
  border-right: 1px solid #ddd;
  color: #000;
  /*	padding: 0 5px 20px 12px;*/
  padding: 12px; }

.matrix td,
.matrix tbody th {
  border-right: 1px solid #ddd;
  font-size: 12px;
  padding: 20px 12px;
  line-height: 15px;
  vertical-align: top; }

.matrix th p.bodytext,
.matrix th p {
  margin: 0 !important;
  color: #3A7729 !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 15px; }

.matrix td p.bodytext,
.matrix td p {
  margin: 0 !important;
  padding: 0 !important; }

.matrix th {
  font-size: 18px !important; }

.matrix tr td:last-child,
.matrix tr th:last-child {
  border: none; }

.copper.matrix th {
  color: #bb4f07; }

.green.matrix th {
  color: #3a7729; }

.blue.matrix th {
  color: #325688; }

.alt,
.alt td {
  background: #ececec; }

/*********** = forms = ***********/
.form {
  background: #f2f2f2;
  color: #666;
  font-size: 12px;
  padding: 22px; }

.form .alignleft,
.form .alignright {
  width: 49%; }

.form fieldset {
  border-bottom: 1px solid #ccc;
  margin-bottom: 35px;
  padding: 0 0 20px; }

.form fieldset:last-child {
  border: none;
  margin: 0;
  padding: 0; }

.form legend {
  color: #333;
  font-size: 22px;
  font-weight: bold; }

.form label {
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 15px;
  margin: 16px 0 7px;
  text-transform: uppercase; }

.form label.checkbox {
  color: #666;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  margin: 4px 0;
  text-transform: none; }

.form .text {
  background: #fff url(../images/bg-button.png) repeat-x 0 0;
  border: 1px solid #999;
  font-size: 13px;
  padding: 4px 3px;
  width: 270px; }

.form .text.full {
  width: 425px; }

.form textarea {
  background: #fff url(../images/bg-button.png) repeat-x 0 0;
  border: 1px solid #999;
  height: 143px;
  padding: 4px 3px;
  width: 560px; }

.form b {
  color: #515151;
  display: block;
  font-weight: normal;
  font-size: 12px;
  margin: 5px 0; }

.form label.field {
  margin: 0;
  text-transform: none; }

#loginForm .error,
form .error,
form .form-error-general {
  color: red; }

form .error {
  padding: 3px 0;
  display: inline-block; }

form .form-error-general {
  color: red;
  padding: 0 0 10px 0; }

form fieldset.short {
  margin-bottom: 10px; }

.form a span {
  text-decoration: underline !important; }

.form a:hover span {
  text-decoration: none !important; }

#loginForm button {
  float: left;
  margin-top: 20px; }

h4.clear-above,
#loginWrapper h4 {
  margin-top: 0; }

button.button {
  background: url(../images/bg-button.png) repeat-x 0 0;
  border: 1px solid #999;
  color: #bc4f07;
  float: right;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
  margin: 7px 0 0 0;
  padding: 7px 8px 5px 8px;
  text-transform: uppercase; }

.searchform {
  height: 18px;
  margin: 0 10px 0 3px; }

#tvMain .searchWrapper {
  margin-bottom: 15px; }

.item .searchform {
  margin: 4px 10px 0px 0px; }

.searchform label {
  float: left; }

.searchform .fields {
  border-bottom: 1px solid #ccc;
  height: 18px;
  overflow: hidden;
  float: right;
  position: relative;
  z-index: 950;
  width: 124px; }

.searchform .search {
  color: #666;
  font-size: 10px;
  height: 16px;
  padding: 0 20px 0 0;
  width: 99px; }

.item .searchform .fields {
  width: 145px; }

.item .searchform .search {
  width: 120px; }

.searchform .searchbutton {
  position: absolute;
  top: 0;
  right: 0; }

.required {
  color: #990000;
  font-weight: bold; }

/*********** = utility classes = ***********/
.clear {
  clear: both;
  height: 1px;
  line-height: 1px;
  margin: -1px 0 0 0;
  padding: 0; }

.no-margin {
  margin: 0 !important; }

.float-right {
  float: right;
  margin: 0 10px 0 40px; }

#content .description-side p {
  margin-top: 0;
  line-height: 1.4; }

.center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.centered {
  margin-left: auto;
  margin-right: auto; }

.alignright {
  float: right !important; }

.alignleft {
  float: left !important; }

.align-center {
  text-align: center; }

.collapse-top {
  margin-top: 0 !important; }

.collapse-bottom {
  margin-bottom: 0 !important; }

.collapse {
  margin: 0 !important; }

.inline {
  display: inline !important; }

.block {
  display: block !important; }

.margin-top-small {
  margin-top: 5px !important; }

.margin-top {
  margin-top: 12px !important; }

.margin-top-big {
  margin-top: 30px !important; }

.margin-left {
  margin-left: 32px !important; }

.margin-left-big {
  margin-left: 64px !important; }

.margin-right {
  margin-right: 32px !important; }

.margin-right-big {
  margin-left: 64px !important; }

.margin-bottom-small {
  margin-bottom: 5px !important; }

.margin-bottom {
  margin-bottom: 12px !important; }

.margin-bottom-big {
  margin-bottom: 12px !important; }

/* misc.
--------------------------------------------- */
hr, .hide {
  display: none; }

/* self-clear floats */
.group:after,
ul.tabs:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.cols .col {
  float: left;
  margin-right: 10px;
  width: 32%; }

.list-cols .col {
  width: 30%; }

.cols .col-last {
  float: right;
  margin: 0; }

/* typo3 content element styles
--------------------------------------------- */
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
div.csc-textpic-caption-c .csc-textpic-caption {
  text-align: center; }

div.csc-textpic-caption-r .csc-textpic-caption {
  text-align: right; }

div.csc-textpic-caption-l .csc-textpic-caption {
  text-align: left; }

/* Needed for noRows setting */
div.csc-textpic div.csc-textpic-imagecolumn {
  float: left;
  display: inline; }

/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img {
  border: 1px solid #d1d1d1;
  padding: 0px 0px; }

div.csc-textpic-imagewrap {
  padding: 0; }

div.csc-textpic img {
  border: none; }

/* div: This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {
  float: left; }

/* UL: This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap ul {
  list-style: none;
  margin: 0;
  padding: 0; }

div.csc-textpic div.csc-textpic-imagewrap ul li {
  float: left;
  margin: 0;
  padding: 0; }

/* DL: This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
  float: left; }

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt {
  float: none; }

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {
  float: none; }

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img {
  border: none; }

/* FE-Editing Icons */
dl.csc-textpic-image {
  margin: 0; }

dl.csc-textpic-image dt {
  margin: 0;
  display: inline; }

dl.csc-textpic-image dd {
  margin: 0; }

/* Clearer */
div.csc-textpic-clear {
  clear: both; }

/* Margins around images: */
/* Pictures on left, add margin on right */
div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
  display: inline;
  /* IE fix for double-margin bug */
  margin-right: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  /*	border:1px solid red;*/ }

/* Pictures on left, no margin in secondary column */
.secondary div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,
.secondary div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
.secondary div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
  padding-right: 0;
  margin-right: 0; }

/* Pictures on right, add margin on left */
div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
  display: inline;
  /* IE fix for double-margin bug */
  margin-left: 10px;
  padding-left: 20px;
  padding-bottom: 10px; }

/* Pictures centered, add margin on left */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
  display: inline;
  /* IE fix for double-margin bug */
  margin-left: 10px; }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  margin: 0;
  color: #3d5760;
  /*font-weight: bold;*/
  font-size: 10px; }

#content p.csc-caption {
  font-size: 12px; }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image IMG {
  margin: 0; }

/* Space below each image (also in-between rows) */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 5px; }

div.csc-textpic-equalheight div.csc-textpic-imagerow {
  margin-bottom: 5px;
  display: block; }

div.csc-textpic div.csc-textpic-imagerow {
  clear: both; }

div.csc-textpic div.csc-textpic-single-image IMG {
  margin-bottom: 5px; }

/* No margins around the whole image-block */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {
  margin-left: 0px !important; }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {
  margin-right: 0px !important; }

/* Add margin from image-block to text (in case of "Text w/ images") */
div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
  margin-right: 10px !important; }

div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
  margin-left: 10px !important; }

/* Positioning of images: */
/* Above */
div.csc-textpic-above div.csc-textpic-text {
  clear: both; }

/* Center (above or below) */
div.csc-textpic-center {
  text-align: center;
  /* IE-hack */ }

div.csc-textpic-center div.csc-textpic-imagewrap {
  margin: 0 auto; }

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
  text-align: left;
  /* Remove IE-hack */ }

div.csc-textpic-center div.csc-textpic-text {
  text-align: left;
  /* Remove IE-hack */ }

/* Right (above or below) */
div.csc-textpic-right div.csc-textpic-imagewrap {
  float: right; }

div.csc-textpic-right div.csc-textpic-text {
  clear: right; }

/* Left (above or below) */
div.csc-textpic-left div.csc-textpic-imagewrap {
  float: left; }

div.csc-textpic-left div.csc-textpic-text {
  clear: left; }

/* Left (in text) */
div.csc-textpic-intext-left div.csc-textpic-imagewrap {
  float: left; }

/* Right (in text) */
div.csc-textpic-intext-right div.csc-textpic-imagewrap {
  float: right; }

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
  float: right;
  clear: both; }

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-right-nowrap .csc-textpic-text {
  height: 1%; }

/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
  float: left;
  clear: both; }

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-left-nowrap .csc-textpic-text {
  height: 1%; }

/* End hide from IE5/mac */
div.csc-textpic div.csc-textpic-imagerow-last {
  margin-bottom: 0; }

/* Browser fixes: */
/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
  padding-left: 40px;
  overflow: auto;
  height: 1%; }

/* NEWS  (START)
--------------------------------------------- */
.news-list-container {
  padding-top: 0; }

.news-list-browse {
  font-size: 14px;
  padding: 10px 0 0 0;
  border-top: #ccc solid 1px; }

.news-list-browse .browseLinksWrap {
  padding: 10px 0 0 0; }

.news-list-browse .browseLinksWrap a,
.news-list-browse .browseLinksWrap span {
  padding: 0 5px 0 0; }

#content .news-list-container .news-item {
  margin-bottom: 18px;
  display: inline-block;
  width: 100%; }

#content .news-list-container .news-item .inner {
  float: left;
  display: block;
  width: 100%; }

#content .news-list-container .news-item-with-image .inner {
  width: 386px; }

#content .news-list-container .news-item .newsItemImage {
  float: left;
  padding: 0px 15px 0 0;
  margin: 0; }

#content .news-list-container .news-item p {
  margin-bottom: 0;
  margin-top: 6px;
  font-size: 12px; }

#content .object-single p {
  font-size: 12px;
  color: #666; }

.news-list-container .news-item h3 {
  margin: 0 0 4px 0;
  font-size: 16px;
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 1.1; }

.news-list-container .news-item h3 span {
  float: left;
  padding-right: 80px; }

.news-list-container .news-item h3 a {
  position: absolute;
  right: 0;
  top: 5px; }

.news-list-container .news-item h3 a {
  float: right; }

.news-list-container .news-item .date {
  font-weight: bold;
  color: #525252;
  display: inline-block; }

.news-list-container .news-item .date em {
  font-style: italic;
  font-weight: normal; }

div.news-single-back-link {
  padding: 15px 0; }

.newsItem h2 {
  display: inline-block;
  width: 100%; }

.newsItem h2 a.addthis_button {
  padding: 5px 0;
  float: right; }

.newsItem h2 span {
  float: left;
  width: 80%; }

.news-list-container .news-archive-header {
  margin-top: 0; }

.blog-teaser img {
  padding: 10px 0 0 0; }

#content .teaser p {
  font-size: 14px; }

/* TYPEKIT!  (START)
--------------------------------------------- */
/* TYPEKIT LOADING!
--------------------------------------------- */
/*
 * This class will be applied to the <html> element as soon as fonts have started loading.
 */
/* Regular */
.wf-loading ul#nav li a span,
.wf-loading #content ul.tabs a,
.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading div.item blockquote strong,
.wf-loading #content p,
.wf-loading #content li strong,
.wf-loading #hero .message,
.wf-loading .news-list-container .news-item h3,
.wf-loading .showResultsWrap {
  display: none; }

.wf-loading body {
  visibility: hidden; }

.wf-active body {
  visibility: visible; }

/* TYPEKIT LOADED!
--------------------------------------------- */
/*
 * This class is applied to the <html> element when fonts have loaded and are rendered.
 */
/* Bold */
.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6,
.wf-active div.item blockquote strong,
.wf-active #content li strong,
.wf-active #content .secondary ul li a,
.wf-active ul#nav li a span,
.wf-active .showResultsWrap,
.wf-active .browseLinksWrap
 {
  font-family: "ff-din-web", "ff-din-web-1", "ff-din-web-2";
  font-weight: 600;
  font-style: normal; }

.wf-active #hero .message {
  font-weight: 700;
  font-family: "din-condensed-web","ff-din-web-condensed-1","ff-din-web-condensed-2";
  font-style: normal; }

/* Regular */
/*	.wf-active #content ul.tabs a,
	.wf-active #content p {
		font-family: "ff-din-web", "ff-din-web-1", "ff-din-web-2";
		font-weight: 400;
		font-style: normal;
	}
*/
.typekit-badge {
  display: none !important; }

/* TYPEKIT!  (END)
--------------------------------------------- */
#content .newsletter-content p,
#content .newsletter-content li {
  font-size: 10px;
  line-height: 1.4em;
  background: none; }

#content .newsletter-content p {
  margin-bottom: 1em;
  margin-top: 0; }

#content .newsletter-content li {
  padding-left: 0;
  margin-bottom: 3px; }

#content .newsletter-content ul {
  list-style-type: disc;
  margin-left: 19px; }

.newsletter-content h1 {
  font-size: 16px;
  text-transform: none;
  margin: 16px 0 0 0;
  line-height: 1.2em; }

#content .newsletter-content li strong {
  display: inline;
  color: inherit; }

.wf-active #content .newsletter-content li strong {
  font-family: inherit;
  font-style: inherit; }

#overlay-bg,
.overlay-bg {
  height: 10000px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: .4;
  z-index: 1049;
  display: none; }

.overlay-bg {
  height: 500px; }

body.overlay #overlay-bg,
body.overlay-loading #overlay-bg,
body.overlay .overlay-bg,
body.overlay-loading .overlay-bg {
  display: block; }

#overlay-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -66px;
  margin-left: -157px;
  width: 315px;
  height: 132px;
  background: transparent url(../images/tides-loading-box.png) top left no-repeat;
  z-index: 1050;
  visibility: hidden;
  display: none; }

body.overlay-loading #overlay-loading {
  visibility: visible;
  display: block; }

#overlay-loading img {
  position: relative;
  top: 47px;
  left: 5px; }

table.multi-list {
  width: 100%; }

table.multi-list td {
  width: 33%; }

table.multi-list td h5 {
  margin-top: 0;
  margin-bottom: 5px; }

div.feEditAdvanced-allWrapper {
  min-height: 50px !important; }

.storyTeaser p {
  /*	font-size: 16px;
  	font-weight: bold;*/ }

ul.list-float-left {
  float: left; }

/* ==|== primary styles =====================================================
   Author: Scott Mills (scott@castironcoding.com)
   ========================================================================== */
/* @extends */
.din-cond, #wrapper form.redesign fieldset .label, #wrapper form.redesign fieldset button span, #wrapper #header .header-description, #wrapper #header .primary ul li a, #wrapper #main h2, #wrapper #main section a.btn span, #footer #footer-wrapper .col-footer h3 {
  font-family: "din-condensed-web","arial narrow","trebuchet ms",sans-serif; }

.helvetica, #wrapper form.redesign fieldset input, #wrapper #main h3, #wrapper #main h4, #wrapper #main h5, #wrapper #main h6, #wrapper #main p, #wrapper #main section .right-col .callout-right section ul li, #wrapper #main section.top .top-footer p, #footer #footer-wrapper .col-footer ul li {
  font-family: "helvetica neue",helvetica,arial,sans-serif; }

.caps, #wrapper form.redesign fieldset .label, #wrapper form.redesign fieldset button span, #wrapper #header .primary ul li a, #wrapper #main h2, #wrapper #main section a.btn span, #footer #footer-wrapper .col-footer h3 {
  text-transform: uppercase;
  letter-spacing: 1px; }

.horizontal-ul, #wrapper #header .header-links, #wrapper #header .primary ul, #wrapper #main section .right-col .callout-right section ul, #wrapper #main section.top .left-col .hero ul.slides, #wrapper #main section.top .left-col .hero .slider-controls ol, #footer #footer-wrapper .col-footer ul {
  zoom: 1;
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .horizontal-ul:after, #wrapper #header .header-links:after, #wrapper #header .primary ul:after, #wrapper #main section .right-col .callout-right section ul:after, #wrapper #main section.top .left-col .hero ul.slides:after, #wrapper #main section.top .left-col .hero .slider-controls ol:after, #footer #footer-wrapper .col-footer ul:after {
    /* FF, IE8, O, S, etc. */
    content: ".";
    display: block;
    height: 0;
    line-height: 1px;
    margin-bottom: 0;
    clear: both;
    visibility: hidden; }
  .horizontal-ul li, #wrapper #header .header-links li, #wrapper #header .primary ul li, #wrapper #main section .right-col .callout-right section ul li, #wrapper #main section.top .left-col .hero ul.slides li, #wrapper #main section.top .left-col .hero .slider-controls ol li, #footer #footer-wrapper .col-footer ul li {
    float: left; }

.border-default, #wrapper .search-wrapper form.redesign fieldset input, #wrapper .search-wrapper form.redesign fieldset button, #wrapper #main section a.btn, #wrapper #main section .right-col .callout-right, #footer #footer-wrapper .col-footer .footer-links li {
  border: 1px solid #d9d9d9; }

.rss, .fb, .twitter {
  padding-right: 27px;
  float: left; }

body {
  background: #fff url(../images/bg-body.png) repeat-x 0 0 !important;
  zoom: 1; }

a {
  color: #bc4f07;
  text-decoration: none; }

a:visited {
  color: #bc4f07; }

a:hover {
  color: #4c4c4c;
  text-decoration: underline; }

a:focus {
  outline: thin dotted; }

a:hover, a:active {
  outline: 0; }

#wrapper {
  width: 950px;
  margin: 0 auto; }
  #wrapper form.redesign fieldset .label {
    font-size: 16px;
    line-height: 36px;
    color: #fff; }
  #wrapper form.redesign fieldset input {
    height: 29px;
    font-size: 12px;
    color: #8b8b8b;
    padding: 0 8px;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #d9d9d9;
    border-left: none; }
    .ie7 #wrapper form.redesign fieldset input, .ie8 #wrapper form.redesign fieldset input {
      line-height: 29px; }
  #wrapper form.redesign fieldset button {
    height: 32px;
    border: 1px solid #434140;
    position: relative;
    top: -1px; }
    #wrapper form.redesign fieldset button .btn-l {
      width: 8px;
      height: 30px;
      background: url("../images/btn-orange-32.png") no-repeat top left transparent;
      position: absolute;
      top: 0;
      left: 0; }
      .ie7 #wrapper form.redesign fieldset button .btn-l {
        height: 32px; }
    #wrapper form.redesign fieldset button span {
      display: block;
      height: 30px;
      font-size: 14px;
      color: #fff;
      line-height: 32px;
      background: url("../images/btn-orange-32.png") no-repeat top right transparent;
      padding: 0 11px 0 3px;
      margin-left: 8px; }
      .ie7 #wrapper form.redesign fieldset button span {
        height: 32px;
        line-height: 32px; }
    #wrapper form.redesign fieldset button:hover .btn-l {
      background-position: bottom left; }
    #wrapper form.redesign fieldset button:hover span {
      background-position: bottom right; }
    .ie7 #wrapper form.redesign fieldset button {
      border: 0; }
  #wrapper .search-wrapper {
    position: absolute;
    top: 111px;
    right: 0; }
    #wrapper .search-wrapper form.redesign fieldset input {
      height: 30px;
      width: 234px;
      padding: 0 52px 0 8px; }
    #wrapper .search-wrapper form.redesign fieldset button {
      width: 46px;
      height: 34px;
      position: absolute;
      top: -1px;
      right: 0;
      text-indent: -9999px;
      background: url("../images/sprites.png") no-repeat 0 0 transparent; }
      #wrapper .search-wrapper form.redesign fieldset button:hover {
        background: url("../images/sprites.png") no-repeat 0 -512px transparent; }
      .ie7 #wrapper .search-wrapper form.redesign fieldset button {
        top: 2px;
        right: -1px; }
    #wrapper .search-wrapper form.redesign fieldset label {
      color: #fff;
      font-size: 12px;
      color: #8b8b8b;
      height: 29px;
      line-height: 29px;
      padding: 0;
      position: absolute;
      top: 2px;
      left: 10px;
      cursor: text; }
  #wrapper #header {
    width: 940px;
    height: 226px;
    background-color: transparent;
    background-image: none;
    margin-left: 10px;
    position: relative; }
    #wrapper #header .logo {
      width: 220px; }
      .ie7 #wrapper #header .logo {
        margin-bottom: 18px; }
    #wrapper #header .header-links {
      position: absolute;
      top: 9px;
      left: 247px; }
      #wrapper #header .header-links li a {
        width: 29px;
        height: 29px;
        background-color: #fff;
        border: 1px solid #8b8b8b;
        margin-right: 5px;
        display: block; }
    #wrapper #header .header-form {
      position: absolute;
      top: 8px;
      right: 0; }
      #wrapper #header .header-form form.redesign fieldset {
        zoom: 1; }
        #wrapper #header .header-form form.redesign fieldset:after {
          /* FF, IE8, O, S, etc. */
          content: ".";
          display: block;
          height: 0;
          line-height: 1px;
          margin-bottom: 0;
          clear: both;
          visibility: hidden; }
        #wrapper #header .header-form form.redesign fieldset .label {
          margin-right: 18px;
          float: left; }
        #wrapper #header .header-form form.redesign fieldset div.field {
          display: inline-block;
          position: relative; }
        #wrapper #header .header-form form.redesign fieldset input {
          margin-right: 6px;
          float: left;
          -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.33);
          -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.33);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.33); }
          #wrapper #header .header-form form.redesign fieldset input#newsletter-email {
            width: 151px; }
          #wrapper #header .header-form form.redesign fieldset input#newsletter-zip {
            width: 34px; }
        #wrapper #header .header-form form.redesign fieldset button {
          float: left; }
        #wrapper #header .header-form form.redesign fieldset label {
          display: none;
          color: #fff;
          cursor: text;
          font-size: 12px;
          color: #8b8b8b;
          height: 29px;
          line-height: 29px;
          padding: 0;
          position: absolute;
          top: 1px;
          right: 0; }
          #wrapper #header .header-form form.redesign fieldset label.email-label {
            left: 112px;
            width: 130px; }
          #wrapper #header .header-form form.redesign fieldset label.zip-label {
            left: 286px;
            width: 40px; }
    #wrapper #header .header-description {
      width: 354px;
      font-size: 16px;
      line-height: 24px;
      color: #4c4c4c;
      margin-bottom: 0;
      position: absolute;
      top: 69px;
      left: 247px; }
      #wrapper #header .header-description a, #wrapper #header .header-description a:hover {
        text-decoration: none;
        color: inherit; }
    #wrapper #header .primary {
      width: 940px;
      height: 44px;
      background-color: #f4f4f4;
      border-bottom: 1px solid #bcd1b6;
      margin-top: 18px; }
      .ie7 #wrapper #header .primary {
        margin-top: 0; }
      #wrapper #header .primary ul {
        padding: 0; }
        #wrapper #header .primary ul li {
          padding: 0;
          position: relative; }
          #wrapper #header .primary ul li.last {
            margin-right: 0; }
          #wrapper #header .primary ul li a {
            outline: none;
            font-size: 19px;
            display: block;
            height: 44px;
            line-height: 48px;
            color: #4c4c4c;
            padding: 0 45px; }
            #wrapper #header .primary ul li a:hover {
              text-decoration: none; }
            .ie7 #wrapper #header .primary ul li a, .ie8 #wrapper #header .primary ul li a {
              zoom: 1; }
          #wrapper #header .primary ul li div {
            display: none;
            position: absolute;
            border-bottom: 1px solid #686663;
            padding: 0;
            top: 44px;
            left: 0;
            width: 170px;
            padding-top: 8px;
            background: transparent url(../images/bg-nav-sub.png) right top no-repeat; }
            #wrapper #header .primary ul li div div {
              left: 170px;
              top: -5px; }
          #wrapper #header .primary ul li.item-3 > div {
            left: -10px; }
          #wrapper #header .primary ul li.item-4 > div {
            left: 5px; }
          #wrapper #header .primary ul li.item-5 div {
            width: 200px;
            left: 20px; }
            #wrapper #header .primary ul li.item-5 div div {
              left: 200px; }
          #wrapper #header .primary ul li:hover > div {
            display: block; }
          #wrapper #header .primary ul li ul {
            -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .33);
            -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .33);
            box-shadow: 3px 3px 3px rgba(0, 0, 0, .33);
            background: #F4F4F4;
            text-indent: none;
            margin: 0;
            border-right: 2px solid #fff;
            padding: 5px 0;
            float: none; }
            #wrapper #header .primary ul li ul li {
              height: auto;
              float: none;
              margin: 0;
              padding: 0; }
              #wrapper #header .primary ul li ul li a {
                font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
                font-size: 12px;
                color: #bc4f07;
                display: block;
                float: none;
                font-weight: normal;
                height: auto;
                line-height: 1.3;
                outline: none;
                margin: 0;
                text-transform: none;
                padding: 4px 8px; }
                #wrapper #header .primary ul li ul li a:hover {
                  background: #bc4f07;
                  color: #fff; }
              #wrapper #header .primary ul li ul li.ancestor a {
                padding-right: 20px;
                background-image: url(../images/bg-nav-sub-arrow.png);
                background-repeat: no-repeat;
                background-position: 95% -42px; }
                #wrapper #header .primary ul li ul li.ancestor a:hover {
                  background-position: 95% 8px; }
            #wrapper #header .primary ul li ul ul {
              background: #F4F4F4 url(../images/bg-nav-sub-sub-a.png) top left repeat-y; }
              #wrapper #header .primary ul li ul ul li a, #wrapper #header .primary ul li ul ul li.ancestor a {
                background-image: none !important; }
                #wrapper #header .primary ul li ul ul li a:hover, #wrapper #header .primary ul li ul ul li.ancestor a:hover {
                  background: #bc4f07 url(../images/bg-nav-sub-sub-a.png) top left repeat-y !important; }
  #wrapper #header-content {
    margin-top: 18px; }
  #wrapper #main {
    width: 940px;
    margin-left: 10px; }
    #wrapper #main h2 {
      font-size: 21px;
      font-weight: normal;
      line-height: 24px;
      color: #4c4c4c; }
      #wrapper #main h2.rss {
        position: relative;
        padding-right: 30px; }
        #wrapper #main h2.rss a.rss-icon {
          position: absolute;
          top: 0;
          right: 0;
          display: block; }
      #wrapper #main h2.fb {
        position: relative;
        padding-right: 30px; }
        #wrapper #main h2.fb a.fb-icon {
          position: absolute;
          top: 0;
          right: 0;
          display: block; }
      #wrapper #main h2.twitter {
        position: relative;
        padding-right: 30px; }
        #wrapper #main h2.twitter a.twitter-icon {
          position: absolute;
          top: 0;
          right: 0;
          display: block; }
    #wrapper #main h3 {
      font-size: 16px;
      font-weight: bold;
      line-height: 18px;
      color: #4c4c4c; }
      #wrapper #main h3.rss {
        background: url("../images/logo-rss-23.png") no-repeat right -4px transparent; }
    #wrapper #main h4 {
      font-size: 15px;
      font-weight: bold;
      line-height: 18px;
      color: #4c4c4c; }
    #wrapper #main h5 {
      font-size: 13px;
      font-weight: bold;
      line-height: 13px;
      color: #335687;
      text-transform: uppercase; }
      #wrapper #main h5 a {
        color: #335687 !important; }
        #wrapper #main h5 a:hover {
          color: #335687; }
    #wrapper #main h6 {
      font-size: 10px;
      line-height: 18px;
      font-weight: bold;
      color: #4c4c4c;
      text-transform: uppercase; }
    #wrapper #main p {
      font-size: 13px;
      line-height: 18px;
      color: #4c4c4c;
      margin-bottom: 8px; }
      #wrapper #main p.small {
        font-size: 11px; }
    #wrapper #main section {
      zoom: 1; }
      #wrapper #main section:after {
        /* FF, IE8, O, S, etc. */
        content: ".";
        display: block;
        height: 0;
        line-height: 1px;
        margin-bottom: 0;
        clear: both;
        visibility: hidden; }
      #wrapper #main section.gray-top {
        padding-top: 45px;
        background: url("../images/bg-g-top-wide.png") no-repeat 50% top transparent; }
      #wrapper #main section .section-header {
        zoom: 1;
        margin-bottom: 17px;
        position: relative; }
        #wrapper #main section .section-header:after {
          /* FF, IE8, O, S, etc. */
          content: ".";
          display: block;
          height: 0;
          line-height: 1px;
          margin-bottom: 0;
          clear: both;
          visibility: hidden; }
        #wrapper #main section .section-header h2 {
          float: left; }
        #wrapper #main section .section-header .search-wrapper {
          top: -7px;
          right: 0; }
          #wrapper #main section .section-header .search-wrapper form.redesign fieldset input {
            width: 147px;
            padding: 0 46px 0 8px; }
          #wrapper #main section .section-header .search-wrapper form.redesign fieldset button {
            width: 38px;
            background: url("../images/sprites.png") no-repeat 0 -380px transparent; }
            #wrapper #main section .section-header .search-wrapper form.redesign fieldset button:hover {
              background: url("../images/sprites.png") no-repeat 0 -644px transparent; }
      #wrapper #main section figure figcaption {
        padding: 0 6px;
        margin-top: 17px; }
        #wrapper #main section figure figcaption h3 {
          margin-bottom: 4px; }
      #wrapper #main section a.btn {
        display: block;
        position: relative;
        cursor: pointer; }
        #wrapper #main section a.btn .btn-l {
          display: block;
          width: 8px;
          position: absolute;
          top: 0;
          left: 0; }
        #wrapper #main section a.btn span {
          display: block;
          width: 282px;
          color: #fff;
          text-align: center;
          padding-right: 8px;
          margin-left: 8px; }
        #wrapper #main section a.btn.btn-orange {
          height: 65px;
          margin-bottom: 10px;
          top: -1px; }
          #wrapper #main section a.btn.btn-orange .btn-l {
            height: 65px;
            background: url("../images/btn-orange-65.png") no-repeat top left transparent; }
          #wrapper #main section a.btn.btn-orange span {
            height: 65px;
            background: url("../images/btn-orange-65.png") no-repeat top right transparent;
            font-size: 30px;
            line-height: 65px; }
        #wrapper #main section a.btn.btn-blue {
          height: 82px;
          margin: 15px 0 33px; }
          #wrapper #main section a.btn.btn-blue .btn-l {
            height: 82px;
            background: url("../images/btn-blue-82.png") no-repeat top left transparent; }
          #wrapper #main section a.btn.btn-blue span {
            height: 82px;
            background: url("../images/btn-blue-82.png") no-repeat top right transparent;
            font-size: 24px;
            line-height: 82px; }
        #wrapper #main section a.btn.btn-small {
          height: 32px; }
          #wrapper #main section a.btn.btn-small .btn-l {
            height: 32px;
            background: url("../images/btn-orange-32.png") no-repeat top left transparent; }
          #wrapper #main section a.btn.btn-small span {
            height: 32px;
            width: auto;
            font-size: 14px;
            line-height: 32px;
            background: url("../images/btn-orange-32.png") no-repeat top right transparent;
            padding-right: 11px;
            padding-left: 3px; }
        #wrapper #main section a.btn:hover {
          text-decoration: none; }
          #wrapper #main section a.btn:hover .btn-l {
            background-position: bottom left; }
          #wrapper #main section a.btn:hover span {
            background-position: bottom right; }
      #wrapper #main section .left-col {
        width: 620px;
        margin-bottom: 22px;
        float: left; }
        #wrapper #main section .left-col section {
          margin-bottom: 8px; }
          #wrapper #main section .left-col section article {
            margin-bottom: 20px; }
            #wrapper #main section .left-col section article h3 {
              margin-bottom: 4px; }
            #wrapper #main section .left-col section article img {
              display: block;
              margin: 0 0 10px;
              float: left; }
          #wrapper #main section .left-col section .left-col {
            width: 300px; }
            #wrapper #main section .left-col section .left-col article {
              padding-right: 8px; }
          #wrapper #main section .left-col section .left-col-stories {
            width: 380px; }
          #wrapper #main section .left-col section .right-col {
            width: 300px; }
          #wrapper #main section .left-col section .right-col-stories {
            width: 200px; }
          #wrapper #main section .left-col section.gray-top {
            background: url("../images/bg-g-top-narrow.png") no-repeat 50% top transparent; }
      #wrapper #main section .right-col {
        width: 300px;
        margin-bottom: 22px;
        float: right; }
        #wrapper #main section .right-col article {
          margin-bottom: 20px; }
          #wrapper #main section .right-col article img {
            display: block;
            margin: 0 0 10px; }
        #wrapper #main section .right-col .callout-right {
          width: 268px;
          padding: 16px 15px; }
          #wrapper #main section .right-col .callout-right h2 {
            padding: 0 2px;
            margin-bottom: -5px; }
          #wrapper #main section .right-col .callout-right section {
            padding: 10px 2px 0;
            border-top: 1px solid #d9d9d9;
            margin-top: 15px; }
            #wrapper #main section .right-col .callout-right section .left-col {
              width: 98px;
              margin-bottom: 0; }
            #wrapper #main section .right-col .callout-right section .right-col {
              width: 151px;
              margin-bottom: 0; }
              #wrapper #main section .right-col .callout-right section .right-col.full-col {
                width: auto;
                float: none; }
            #wrapper #main section .right-col .callout-right section .section-header {
              margin-bottom: 15px;
              position: relative; }
              #wrapper #main section .right-col .callout-right section .section-header h3 {
                line-height: 16px; }
              #wrapper #main section .right-col .callout-right section .section-header h6 {
                line-height: 10px;
                position: absolute;
                right: 0;
                bottom: 0; }
            #wrapper #main section .right-col .callout-right section ul {
              margin-bottom: 8px; }
              #wrapper #main section .right-col .callout-right section ul li {
                float: none;
                font-size: 11px;
                line-height: 17px;
                color: #4c4c4c; }
              #wrapper #main section .right-col .callout-right section ul:last-child {
                margin-bottom: 0; }
          #wrapper #main section .right-col .callout-right.gray {
            background-color: #f4f4f4; }
          #wrapper #main section .right-col .callout-right.facebook {
            width: 298px;
            padding: 0;
            border: 0; }
        #wrapper #main section .right-col .home-events {
          margin-top: 30px; }
        #wrapper #main section .right-col .video {
          margin-bottom: 17px; }
      #wrapper #main section.top {
        margin: 18px 0 18px; }
        #wrapper #main section.top .left-col .hero {
          width: 620px;
          height: 333px;
          overflow: hidden;
          position: relative; }
          #wrapper #main section.top .left-col .hero ul.slides li {
            display: none; }
            #wrapper #main section.top .left-col .hero ul.slides li:first-child {
              display: list-item; }
            #wrapper #main section.top .left-col .hero ul.slides li a {
              outline: none; }
          #wrapper #main section.top .left-col .hero .slider-controls {
            position: absolute;
            bottom: 20px;
            right: 9px; }
            #wrapper #main section.top .left-col .hero .slider-controls ol li a {
              display: block;
              width: 18px;
              height: 18px;
              background: url("../images/sprites.png") no-repeat 0 -132px transparent;
              margin-right: 5px;
              text-indent: -2999px;
              cursor: pointer; }
              #wrapper #main section.top .left-col .hero .slider-controls ol li a:hover, #wrapper #main section.top .left-col .hero .slider-controls ol li a.active {
                background-position: 0 -776px; }
            #wrapper #main section.top .left-col .hero .slider-controls .flex-direction-nav {
              display: none; }
        #wrapper #main section.top .top-footer {
          height: 34px;
          padding: 4px 56px;
          clear: both; }
          #wrapper #main section.top .top-footer.tweets {
            background: url("../images/sprites.png") no-repeat 57px -244px transparent;
            padding: 4px 56px 4px 122px; }
          #wrapper #main section.top .top-footer a.btn {
            margin-right: 20px;
            float: left; }
          #wrapper #main section.top .top-footer p {
            width: 640px;
            font-size: 15px;
            line-height: 17px;
            color: #6a6a6a;
            margin-bottom: 0;
            float: left; }
            #wrapper #main section.top .top-footer p span {
              font-size: 12px;
              color: #4c4c4c;
              margin-left: 10px; }

.right-col .btn-list li {
  margin-bottom: 9.5px; }
  .right-col .btn-list li:last-child {
    margin-bottom: 0; }
.right-col .btn {
  height: 57px; }
  .right-col .btn .btn-l {
    height: 57px; }
  .right-col .btn span {
    height: 57px;
    line-height: 57px;
    font-size: 25px; }
    .right-col .btn span sub {
      font-size: 16px;
      bottom: 0; }
  .right-col .btn:hover .btn-l {
    background-position: bottom left; }
  .right-col .btn:hover span {
    background-position: bottom right; }
.right-col .btn-right-gray .btn-l, .right-col .btn-right-gray span {
  background: url("../images/btn-gray-57.jpg") no-repeat top left transparent; }
.right-col .btn-right-gray span {
  background-position: top right; }
.right-col .btn-right-green .btn-l, .right-col .btn-right-green span {
  background: url("../images/btn-green-57.jpg") no-repeat top left transparent; }
.right-col .btn-right-green span {
  background-position: top right; }
.right-col .btn-right-red .btn-l, .right-col .btn-right-red span {
  background: url("../images/btn-red-57.jpg") no-repeat top left transparent; }
.right-col .btn-right-red span {
  background-position: top right; }
.right-col .btn-right-orange .btn-l, .right-col .btn-right-orange span {
  background: url("../images/btn-orange-57.jpg") no-repeat top left transparent; }
.right-col .btn-right-orange span {
  background-position: top right; }
.right-col .btn-right-blue .btn-l, .right-col .btn-right-blue span {
  background: url("../images/btn-blue-57.jpg") no-repeat top left transparent; }
.right-col .btn-right-blue span {
  background-position: top right; }

#footer {
  width: 950px;
  padding: 88px 0 0;
  margin: 0 auto;
  text-align: left; }
  #footer #footer-wrapper {
    zoom: 1;
    padding: 22px 0 0;
    border-top: 9px solid #4c4c4c;
    margin: 0 0 180px 10px; }
    #footer #footer-wrapper:after {
      /* FF, IE8, O, S, etc. */
      content: ".";
      display: block;
      height: 0;
      line-height: 1px;
      margin-bottom: 0;
      clear: both;
      visibility: hidden; }
    #footer #footer-wrapper .col-footer {
      width: 142px;
      margin-right: 18px;
      float: left; }
      #footer #footer-wrapper .col-footer h3 {
        line-height: 24px;
        color: #4c4c4c;
        font-weight: normal;
        margin-bottom: 8px; }
        #footer #footer-wrapper .col-footer h3 a {
          color: #4c4c4c; }
          #footer #footer-wrapper .col-footer h3 a:hover {
            text-decoration: none; }
      #footer #footer-wrapper .col-footer ul li {
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 7px;
        float: none; }
      #footer #footer-wrapper .col-footer .logo-footer {
        width: 138px;
        margin: 0; }
        #footer #footer-wrapper .col-footer .logo-footer a {
          display: block; }
      #footer #footer-wrapper .col-footer .footer-links {
        text-align: left;
        margin-top: 8px;
        margin-right: -26px;
        display: block; }
        #footer #footer-wrapper .col-footer .footer-links li {
          -moz-border-radius: 1px 1px 1px 1px;
          -webkit-border-radius: 1px 1px 1px 1px;
          border-radius: 1px 1px 1px 1px;
          display: inline-block;
          margin-right: 31px; }
      #footer #footer-wrapper .col-footer.col-1 {
        margin-right: 38px; }
      #footer #footer-wrapper .col-footer.col-2 {
        width: 96px; }
      #footer #footer-wrapper .col-footer.col-3 {
        width: 200px; }
      #footer #footer-wrapper .col-footer.col-4 {
        width: 94px; }
      #footer #footer-wrapper .col-footer.col-5 {
        width: 160px; }
      #footer #footer-wrapper .col-footer.col-6 {
        width: 132px;
        margin-right: 0; }

/* ==|== print styles ======================================================= */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
/* ==== salesforce form styles ======================================================= */
.sf-form {
  font-size: 12px; }

form.sf-form {
  margin-bottom: 20px;
  width: 550px; }

.sf-form label {
  padding-bottom: 5px; }

.sf-form input[type="submit"] {
  width: 100px;
  height: 28px;
  margin-top: 20px; }

.sf-form fieldset {
  margin-bottom: 20px; }

.sf-form input[type="text"],
.sf-form input[type="password"],
.sf-form input[type="email"],
.sf-form textarea,
.sf-form select {
  border: 1px solid #ccc;
  padding: 6px 4px;
  outline: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777;
  margin: 0;
  width: 100%;
  max-width: 100%;
  display: block;
  margin-bottom: 10px;
  background: #fff; }

.sf-form select {
  padding: 4px;
  height: 28px; }

.sf-form input[type="text"]:focus,
.sf-form input[type="password"]:focus,
.sf-form input[type="email"]:focus,
.sf-form textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

.sf-form textarea {
  min-height: 60px; }

.sf-form label {
  display: block;
  font-weight: bold;
  font-size: 12px; }

.sf-form input[type="checkbox"] {
  display: inline; }