html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222; }

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection {
  background: #e86522;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #e86522;
  color: #fff;
  text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #00e; }

a:visited {
  color: #551a8b; }

a:hover {
  color: #06e; }

a:focus {
  outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
  outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button, input {
  line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled], input[disabled] {
  cursor: default; }

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd; }

/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }

/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */
/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  a:link:after, a:visited:after {
    content: ""; }

  a[href]:after {
    content: ""; }

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

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

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  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; } }
.hari, .rosenberg, .ames, .casanova, .fuchs, .andre, .hale, .boyd, .five, .sorge {
  height: 0px !important;
  border: 0 !important;
  background-color: #E3E3E4 !important; }

.checkbox-spacing {
  float: left;
  position: relative;
  top: 2px; }

.required-field {
  font-style: italic;
  font-size: 12px; }

.checkbox-grid label {
  display: block;
  margin-left: 20px; }
.checkbox-grid input[type="radio"] {
  float: left; }

.blue-button {
  background: #27b7da;
  border: 1px solid #23a4c4;
  color: #fff !important;
  text-transform: uppercase;
  font-family: "Syntax W01 Bold", sans-serif;
  font-size: 12px;
  padding: 7px; }
  .blue-button:hover {
    border-color: #e85400;
    background: #e85400; }

.hgr.submitted {
  margin-top: 40px !important; }

form.redirect {
  float: left;
  display: inline-block; }
  form.redirect #overider .submit {
    padding-top: 0px; }
    form.redirect #overider .submit .button {
      display: inline-block;
      color: white;
      font-size: 10px;
      font-family: Verdana, sans-serif;
      font-weight: bold;
      background-color: #27B7DA;
      border: 1px solid #23A4C4;
      width: 100%;
      text-transform: uppercase;
      cursor: pointer;
      padding: 0 10px;
      text-align: center;
      line-height: 23px; }
      form.redirect #overider .submit .button:hover {
        background-color: #0493b1;
        border: 1px solid #047d96; }

#travel-save {
  z-index: 9999;
  background: #27b7da;
  border: 1px solid #23a4c4;
  color: #fff !important;
  text-transform: uppercase;
  font-family: "Syntax W01 Bold", sans-serif;
  font-size: 18px;
  padding: 7px;
  position: absolute;
  top: 0;
  right: 0; }
  #travel-save:hover {
    border-color: #e85400;
    background: #e85400; }

.add-user-image {
  background: #27b7da;
  border: 1px solid #23a4c4;
  color: #fff !important;
  text-transform: uppercase;
  font-family: "Syntax W01 Bold", sans-serif;
  font-size: 14px;
  padding: 7px; }
  .add-user-image:hover {
    border-color: #e85400;
    background: #e85400; }

.ask_question {
  width: 272px; }
  .ask_question textarea {
    width: 260px; }

#bacforms .three-two-eight .input.text {
  margin-bottom: 0px !important; }

.three-two-eight .field-cluster {
  font-family: Verdana;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0px;
  /*&:after{
  	content: "";
  	display:block;
  	background-color:transparent;
  	border-top: 1px solid #b6b6b6;
  	border-bottom:none;
  	border-left:none;
  	border-right: 1px solid #b6b6b6;
  	height:10px;
  	margin-top:79px;
  }*/ }
  .three-two-eight .field-cluster .required {
    float: left;
    margin-right: 4px; }
  .three-two-eight .field-cluster div.input.text {
    margin-bottom: 0px!important; }
  .three-two-eight .field-cluster > label p {
    margin-top: 10px;
    margin-bottom: 10px; }
  .three-two-eight .field-cluster .total {
    font-family: Verdana !important;
    font-size: 14px !important;
    line-height: 24px;
    text-transform: none; }
  .three-two-eight .field-cluster .input.text label {
    font-size: 13px !important;
    line-height: 24px;
    font-weight: bold; }
  .three-two-eight .field-cluster .input.text input[type="text"], .three-two-eight .field-cluster textarea {
    width: 688px !important; }
  .three-two-eight .field-cluster .math-results li {
    margin-bottom: 20px;
    position: relative;
    display: block; }
.three-two-eight .no-border .total {
  font-family: Verdana !important;
  font-size: 14px !important;
  line-height: 24px;
  text-transform: none; }
.three-two-eight .input.radio input[type="radio"] {
  float: left; }
.three-two-eight .input.radio label {
  display: block;
  margin-left: 15px;
  margin-bottom: 15px; }
.three-two-eight .input.checkbox input[type="checkbox"] {
  float: left; }
.three-two-eight .input.checkbox label {
  display: block;
  margin-left: 15px;
  margin-bottom: 15px; }
.three-two-eight .lim-wrapper {
  float: right;
  font-size: 11px;
  font-family: verdana; }

.submitted .total {
  font-family: Verdana !important;
  font-size: 14px !important;
  line-height: 24px;
  text-transform: none;
  font-weight: bold; }

#saved {
  display: block;
  font-size: 14px;
  margin: 20px 0;
  background-color: #ea6e1f;
  color: #fff;
  padding: 10px; }

.submit-info {
  font-family: "Syntax W01 Bold", sans-serif;
  font-size: 20px !important;
  line-height: 20px !important; }

.capitalize {
  text-transform: uppercase; }

.form-display-field {
  font-family: verdana !important;
  font-size: 14px; }
  .form-display-field .math-results li {
    margin-bottom: 20px; }

.submitted-label {
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;
  display: inline-block; }

.two-col-layout #bacforms.width-338, .two-col-layout .bacforms.width-338 {
  width: 338px; }
.two-col-layout #bacforms .optional-info-fix, .two-col-layout .bacforms .optional-info-fix {
  font-size: 11px; }
  .two-col-layout #bacforms .optional-info-fix input[type="text"], .two-col-layout .bacforms .optional-info-fix input[type="text"] {
    width: 250px; }
.two-col-layout #bacforms .text, .two-col-layout .bacforms .text {
  margin-bottom: 0px; }
.two-col-layout .note-text {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 20px; }
.two-col-layout small.note-text {
  font-size: 11px;
  line-height: 13px;
  margin-bottom: 20px;
  display: block; }

.lvl-1 {
  overflow: hidden;
  border-top: 1px solid #bcbcbc;
  background: url("../images_sys/layout/rule_hangdown.jpg") no-repeat right 0;
  position: relative; }
  .lvl-1 .optional-info-fix input[type="text"] {
    width: 250px; }
  .lvl-1 .error {
    font-family: Verdana;
    font-size: 11px;
    color: #FF0202;
    padding-bottom: 20px; }
    .lvl-1 .error.field-cluster {
      color: inherit;
      padding-bottom: inherit;
      font-size: inherit;
      font-family: inherit; }
      .lvl-1 .error.field-cluster label {
        color: #ff0202; }
      .lvl-1 .error.field-cluster .text input {
        border-color: #ff0202;
        color: #ff0202; }
      .lvl-1 .error.field-cluster .textarea textarea {
        border-color: #ff0202;
        color: #ff0202; }
  .lvl-1 > h2 {
    font-size: 18px;
    font-family: "Syntax W01 Bold", sans-serif;
    text-transform: uppercase;
    padding: 6px 9px;
    background: #ffd50d;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-bottom: 20px;
    vertical-align: top; }
    .lvl-1 > h2.orange {
      color: #fff;
      background: #ea6e1f;
      font-family: Verdana, sans-serif;
      font-size: 14px;
      padding: 9px; }
    .lvl-1 > h2 + p {
      font-size: 14px;
      line-height: 24px;
      padding-bottom: 35px; }
  .lvl-1 h3 {
    font-size: 13px; }
    .lvl-1 h3 + p {
      font-size: 11px;
      line-height: 14px;
      width: 220px; }
  .lvl-1 + .lvl-1 {
    margin-top: 25px; }
  .lvl-1 hgroup.intr {
    padding-top: 45px; }
    .lvl-1 hgroup.intr h3 {
      font-size: 20px; }
    .lvl-1 hgroup.intr p {
      width: 100%!important;
      padding-bottom: 35px;
      margin: 0px;
      line-height: 18px;
      font-size: 12px; }

#bacforms .user-image, .bacforms .user-image {
  margin-bottom: 15px;
  overflow: hidden; }
  #bacforms .user-image .width-460.right .input.text.width-460, .bacforms .user-image .width-460.right .input.text.width-460 {
    margin-bottom: 19px!important; }
#bacforms hgroup, .bacforms hgroup {
  margin-bottom: 20px; }
  #bacforms hgroup h3, .bacforms hgroup h3 {
    padding-bottom: 4px; }
  #bacforms hgroup.hack-4, .bacforms hgroup.hack-4 {
    margin-bottom: 40px; }
#bacforms select, .bacforms select {
  border-color: #959595;
  border: 1px solid #bcbcbc;
  padding: 5px;
  line-height: 16px;
  background: #e9e9e9;
  font-size: 12px;
  font-family: verdana; }
  #bacforms select:focus, .bacforms select:focus {
    outline: none; }
#bacforms .clear, .bacforms .clear {
  clear: both; }
#bacforms .hack-5, .bacforms .hack-5 {
  padding-top: 30px; }
#bacforms .hack-1, .bacforms .hack-1 {
  margin-bottom: 28px; }
#bacforms .question, .bacforms .question {
  padding-bottom: 20px; }
  #bacforms .question span, #bacforms .question input, .bacforms .question span, .bacforms .question input {
    display: inline-block; }
  #bacforms .question span, .bacforms .question span {
    font-size: 11px;
    line-height: 14px; }
  #bacforms .question input[type="submit"], .bacforms .question input[type="submit"] {
    background: #27b7da;
    border: 1px solid #23a4c4;
    color: #fff;
    text-transform: uppercase;
    font-family: "Syntax W01 Bold", sans-serif;
    font-size: 14px;
    padding: 5px;
    margin-left: 3px; }
    #bacforms .question input[type="submit"]:hover, .bacforms .question input[type="submit"]:hover {
      border-color: #e85400;
      background: #e85400; }
#bacforms .width-338, .bacforms .width-338 {
  width: 338px!important; }
  #bacforms .width-338 input[type="text"], #bacforms .width-338 input[type="password"], .bacforms .width-338 input[type="text"], .bacforms .width-338 input[type="password"] {
    width: 324px; }
    #bacforms .width-338 input[type="text"]:focus, #bacforms .width-338 input[type="password"]:focus, .bacforms .width-338 input[type="text"]:focus, .bacforms .width-338 input[type="password"]:focus {
      outline: none;
      background-color: #f4f4f4; }
#bacforms .width-160, .bacforms .width-160 {
  width: 160px; }
  #bacforms .width-160 input[type="text"], #bacforms .width-160 input[type="password"], .bacforms .width-160 input[type="text"], .bacforms .width-160 input[type="password"] {
    outline: none;
    background-color: #f4f4f4;
    width: 146px; }
#bacforms .width-54, .bacforms .width-54 {
  width: 54px; }
  #bacforms .width-54 input[type="text"], .bacforms .width-54 input[type="text"] {
    width: 40px; }
    #bacforms .width-54 input[type="text"]:focus, .bacforms .width-54 input[type="text"]:focus {
      outline: none;
      background-color: #f4f4f4; }
#bacforms .width-88, .bacforms .width-88 {
  width: 88px; }
  #bacforms .width-88 input[type="text"], .bacforms .width-88 input[type="text"] {
    width: 74px; }
    #bacforms .width-88 input[type="text"]:focus, .bacforms .width-88 input[type="text"]:focus {
      outline: none;
      background-color: #f4f4f4; }
#bacforms .width-94, .bacforms .width-94 {
  width: 94px; }
  #bacforms .width-94 input[type="text"], .bacforms .width-94 input[type="text"] {
    width: 80px; }
    #bacforms .width-94 input[type="text"]:focus, .bacforms .width-94 input[type="text"]:focus {
      outline: none;
      background-color: #f4f4f4; }
#bacforms .width-220, .bacforms .width-220 {
  width: 220px; }
  #bacforms .width-220 .bubble, .bacforms .width-220 .bubble {
    margin-bottom: 20px; }
#bacforms .width-460, .bacforms .width-460 {
  width: 460px; }
  #bacforms .width-460 textarea, .bacforms .width-460 textarea {
    width: 446px;
    height: 229px; }
  #bacforms .width-460 input[type="text"], .bacforms .width-460 input[type="text"] {
    width: 446px; }
    #bacforms .width-460 input[type="text"]:focus, .bacforms .width-460 input[type="text"]:focus {
      outline: none;
      background-color: #f4f4f4; }
  #bacforms .width-460 .input.file, #bacforms .width-460 .input.text, .bacforms .width-460 .input.file, .bacforms .width-460 .input.text {
    margin-bottom: 15px; }
#bacforms .width-700, .bacforms .width-700 {
  width: 700px; }
  #bacforms .width-700 p, .bacforms .width-700 p {
    width: 100%!important; }
#bacforms .lvl-2, .bacforms .lvl-2 {
  padding-bottom: 30px;
  *clear: both; }
  #bacforms .lvl-2 fieldset legend, .bacforms .lvl-2 fieldset legend {
    font-family: "Syntax W01 Bold", sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 5px; }
  #bacforms .lvl-2 fieldset input[type="radio"], .bacforms .lvl-2 fieldset input[type="radio"] {
    margin-left: 2px; }
  #bacforms .lvl-2 iframe, .bacforms .lvl-2 iframe {
    margin-bottom: 0px!important; }
  #bacforms .lvl-2 p, .bacforms .lvl-2 p {
    width: 100%;
    font-size: 11px;
    line-height: 14px; }
#bacforms .text-row, .bacforms .text-row {
  overflow: hidden;
  clear: left; }
  #bacforms .text-row div.input.text + div.input.text, .bacforms .text-row div.input.text + div.input.text {
    margin-left: 18px;
    *margin-left: 0px; }
  #bacforms .text-row.hack-3, .bacforms .text-row.hack-3 {
    padding: 22px 0px;
    *clear: both; }
  #bacforms .text-row input[name="data[UserProfile][state]"], #bacforms .text-row input[name="data[UserProfile][zip]"], #bacforms .text-row input[name="data[UserProfile][org_state]"], #bacforms .text-row input[name="data[UserProfile][org_zip]"], .bacforms .text-row input[name="data[UserProfile][state]"], .bacforms .text-row input[name="data[UserProfile][zip]"], .bacforms .text-row input[name="data[UserProfile][org_state]"], .bacforms .text-row input[name="data[UserProfile][org_zip]"] {
    *margin-left: -18px; }
#bacforms .img-container, .bacforms .img-container {
  width: 100%;
  height: 142px;
  background: url("../images_sys/layout/hatch_inline_image.png") repeat;
  margin-bottom: 10px;
  overflow: hidden; }
  #bacforms .img-container img, .bacforms .img-container img {
    height: 100%;
    width: auto; }
#bacforms .input.date label, .bacforms .input.date label {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-family: "Syntax W01 Bold", sans-serif;
  font-size: 12px;
  margin-bottom: 5px; }
#bacforms .input.date p, .bacforms .input.date p {
  padding: 5px 0 10px 0; }
#bacforms .input.date select, .bacforms .input.date select {
  font-size: 12px; }
#bacforms .input.datetime, .bacforms .input.datetime {
  padding-bottom: 35px; }
  #bacforms .input.datetime label, .bacforms .input.datetime label {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-family: "Syntax W01 Bold", sans-serif;
    font-size: 13px;
    margin-bottom: 5px; }
  #bacforms .input.datetime select, .bacforms .input.datetime select {
    font-size: 12px; }
#bacforms .input.text, .bacforms .input.text {
  margin-bottom: 25px!important;
  margin-right: 0px!important; }
  #bacforms .input.text label, .bacforms .input.text label {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-family: "Syntax W01 Bold", sans-serif;
    font-size: 12px;
    margin-bottom: 5px; }
  #bacforms .input.text input, .bacforms .input.text input {
    border: 1px solid #bcbcbc;
    padding: 5px;
    line-height: 16px;
    background: #e9e9e9;
    font-size: 12px; }
    #bacforms .input.text input:focus, .bacforms .input.text input:focus {
      outline: none;
      border: 1px solid #bcbcbc;
      background-color: #f4f4f4; }
  #bacforms .input.text .input.checkbox label, .bacforms .input.text .input.checkbox label {
    display: inline;
    font-size: 11px;
    line-height: 14px;
    text-transform: none;
    font-family: Verdana, sans-serif; }
#bacforms .input.file, .bacforms .input.file {
  font-size: 11px;
  line-height: 14px; }
#bacforms .input.textarea textarea, .bacforms .input.textarea textarea {
  border: 1px solid #bcbcbc;
  padding: 5px;
  line-height: 16px;
  background: #e9e9e9;
  font-size: 12px;
  resize: none; }
  #bacforms .input.textarea textarea:focus, .bacforms .input.textarea textarea:focus {
    outline: none;
    border: 1px solid #bcbcbc;
    background: #f4f4f4; }
#bacforms .input.radio label, .bacforms .input.radio label {
  font-size: 11px;
  line-height: 14px;
  padding-left: 4px; }
#bacforms .input.checkbox label, .bacforms .input.checkbox label {
  font-size: 11px;
  line-height: 14px;
  padding-left: 5px; }
#bacforms .input.submit.small, .bacforms .input.submit.small {
  font-size: 10px;
  margin-bottom: 35px; }
#bacforms .input.submit input, .bacforms .input.submit input {
  background: #27b7da;
  border: 1px solid #23a4c4;
  color: #fff;
  text-transform: uppercase;
  font-family: "Syntax W01 Bold", sans-serif;
  font-size: 14px;
  padding: 12px; }
  #bacforms .input.submit input:hover, .bacforms .input.submit input:hover {
    border-color: #e85400;
    background: #e85400; }
#bacforms .input.submit.final, .bacforms .input.submit.final {
  padding-top: 20px;
  border-top: 1px solid #bcbcbc; }
  #bacforms .input.submit.final input, .bacforms .input.submit.final input {
    font-size: 18px; }
#bacforms .input.select label, .bacforms .input.select label {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-family: "Syntax W01 Bold", sans-serif;
  font-size: 10px;
  margin-bottom: 5px; }
#bacforms .input.select select, .bacforms .input.select select {
  border: 1px solid #bcbcbc;
  padding: 5px;
  line-height: 16px;
  background: #e9e9e9;
  font-size: 12px; }
  #bacforms .input.select select:focus, .bacforms .input.select select:focus {
    outline: none;
    background-color: #f4f4f4; }
#bacforms .input.optional-select select, .bacforms .input.optional-select select {
  border: 1px solid #bcbcbc;
  padding: 5px;
  line-height: 16px;
  background: #e9e9e9;
  font-size: 11px; }
#bacforms .optional-override .radio-yes-no, .bacforms .optional-override .radio-yes-no {
  margin-bottom: 10px;
  height: 65px; }
  #bacforms .optional-override .radio-yes-no label, .bacforms .optional-override .radio-yes-no label {
    padding-left: 4px;
    padding-right: 10px; }
#bacforms .radio-yes-no, .bacforms .radio-yes-no {
  width: 338px;
  overflow: hidden;
  margin-bottom: 25px; }
  #bacforms .radio-yes-no label, .bacforms .radio-yes-no label {
    padding-right: 60px; }
  #bacforms .radio-yes-no h4, .bacforms .radio-yes-no h4 {
    font-family: "Syntax W01 Bold", sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 5px; }
  #bacforms .radio-yes-no div, .bacforms .radio-yes-no div {
    padding-left: 4px; }
    #bacforms .radio-yes-no div.hack-2, .bacforms .radio-yes-no div.hack-2 {
      width: 60px; }
      #bacforms .radio-yes-no div.hack-2 + div.right, .bacforms .radio-yes-no div.hack-2 + div.right {
        float: left; }
#bacforms .checkbox-grid, .bacforms .checkbox-grid {
  overflow: hidden;
  padding: 10px 0 30px 0; }
  #bacforms .checkbox-grid > hgroup h4, .bacforms .checkbox-grid > hgroup h4 {
    font-family: "Syntax W01 Bold", sans-serif;
    font-size: 12px;
    text-transform: uppercase; }
  #bacforms .checkbox-grid > hgroup p, .bacforms .checkbox-grid > hgroup p {
    width: 100%;
    font-size: 11px;
    line-height: 14px; }
    #bacforms .checkbox-grid > hgroup p:last-child, .bacforms .checkbox-grid > hgroup p:last-child {
      padding-bottom: 0px!important; }
  #bacforms .checkbox-grid .grid-col, .bacforms .checkbox-grid .grid-col {
    width: 160px;
    float: left; }
    #bacforms .checkbox-grid .grid-col + .grid-col, .bacforms .checkbox-grid .grid-col + .grid-col {
      margin-left: 18px; }
    #bacforms .checkbox-grid .grid-col .separator, .bacforms .checkbox-grid .grid-col .separator {
      height: 10px;
      width: 20px;
      display: block; }
    #bacforms .checkbox-grid .grid-col label, .bacforms .checkbox-grid .grid-col label {
      font-size: 11px;
      line-height: 14px;
      padding-left: 4px; }
    #bacforms .checkbox-grid .grid-col div.input.checkbox, .bacforms .checkbox-grid .grid-col div.input.checkbox {
      margin-bottom: 10px; }
    #bacforms .checkbox-grid .grid-col div.input.radio, .bacforms .checkbox-grid .grid-col div.input.radio {
      margin-bottom: 10px;
      padding-left: 2px; }

.addpost .input.select {
  padding-bottom: 25px; }
  .addpost .input.select p {
    padding: 5px 0 10px 0; }
.addpost .teaser_desc {
  width: 460px; }
  .addpost .teaser_desc textarea {
    width: 448px; }

#bacforms .required.error {
  margin-bottom: 0px; }

#secondary {
  width: 322px;
  height: 250px; }

.user-image {
  margin-bottom: 15px;
  overflow: hidden; }
  .user-image .width-460.right .input.text.width-460 {
    margin-bottom: 10px!important; }

.field-cluster {
  font-family: "Syntax W01 Bold", sans-serif;
  padding: 20px 0;
  /*&:after{
  	content: "";
  	display:block;
  	background-color:transparent;
  	border-top: 1px solid #b6b6b6;
  	border-bottom:none;
  	border-left:none;
  	border-right: 1px solid #b6b6b6;
  	height:10px;
  	margin-top:35px;
  }*/ }
  .field-cluster img {
    max-width: 700px; }
  .field-cluster ul li {
    list-style-type: disc; }
  .field-cluster + .field-cluster {
    border-top: 1px solid #b6b6b6; }
  .field-cluster > p {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px; }
  .field-cluster table {
    background-color: #e9e9e9;
    text-transform: uppercase;
    font-size: 10px;
    border: 1px solid #b6b6b6; }
    .field-cluster table th {
      border: 1px solid #b6b6b6;
      border-bottom: 1px solid #b6b6b6;
      padding-top: 12px;
      padding-bottom: 12px;
      padding-left: 17px;
      padding-right: 17px;
      text-align: center; }
    .field-cluster table td {
      border: 1px solid #b6b6b6;
      padding: 13px; }
  .field-cluster select {
    background-color: #E9E9E9;
    font-family: "Syntax W01 Bold", sans-serif; }
  .field-cluster .input.radio label {
    margin-right: 20px; }
  .field-cluster .math-results {
    margin: 0;
    padding: 0; }
  .field-cluster .result-display {
    border: 0;
    background: transparent; }
  .field-cluster .total {
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 5px;
    font-family: "Syntax W01 Bold", sans-serif; }

input[type="submit"], #save-form {
  background: #27b7da;
  border: 1px solid #23a4c4;
  color: #fff !important;
  text-transform: uppercase;
  font-family: "Syntax W01 Bold", sans-serif;
  font-size: 14px;
  padding: 7px; }
  input[type="submit"]:hover, #save-form:hover {
    border-color: #e85400;
    background: #e85400; }

.load-wait {
  display: none; }

a {
  text-decoration: none; }

.orange_hover:hover {
  color: #e86522; }

.orange_hover_links a:hover {
  color: #e86522; }

.spacer-div {
  margin-top: 60px; }

legend {
  display: inline-block; }

.cal-arrow {
  float: left;
  position: relative;
  top: 3px; }

em {
  font-style: italic; }

.lightbox-container {
  position: relative;
  display: inline-block;
  float: left; }
  .lightbox-container:hover > .lightbox-hover {
    display: block; }
  .lightbox-container .lightbox-hover {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../images_sys/layout/lightbox_hover_arrow.png") center no-repeat;
    z-index: 300;
    cursor: pointer; }

html, body {
  height: 100%; }

body {
  min-height: 100%;
  background: #e3e3e4;
  font-family: Verdana, Helvetica, sans-serif;
  color: #313131; }

a:link {
  text-decoration: none;
  outline: none;
  font-size: inherit;
  color: #313131; }

a:visited {
  color: #313131; }

span.clear {
  display: block;
  width: 100%;
  clear: both; }

.alpha {
  margin-left: 0px!important;
  padding-left: 0px!important; }

.omega {
  margin-right: 0px!important;
  padding-right: 0px!important;
  margin-bottom: 30px; }

.social-plugs {
  float: right;
  width: 320px;
  height: 100%; }

#staff-profile .connect a {
  height: 32px;
  width: 32px;
  float: left;
  margin-right: 15px;
  margin-top: 5px; }

.icon-delete {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images_sys/icon/delete_item.png") no-repeat 0 0; }

#page-wrap {
  position: relative;
  min-height: 100%; }

.container {
  width: 940px;
  margin: 0 auto; }

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: "Syntax W01 Bold", sans-serif;
  color: #313131; }

h2.page-title {
  font-size: 52px;
  margin-bottom: 20px;
  line-height: 50px!important; }

.no-events {
  font-size: 12px;
  margin: 30px 0; }

.no-transform {
  text-transform: none!important; }

.lightbox {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url("../images_sys/layout/lightbox-cheech.png") repeat;
  z-index: 5000;
  display: none; }
  .lightbox .close {
    display: block;
    width: 36px;
    height: 35px;
    background: url("../images_sys/layout/lightbox_close.png") no-repeat;
    position: absolute;
    top: 24px;
    right: 40px;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3; }
    .lightbox .close:hover {
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
  .lightbox .lb-item {
    position: absolute;
    display: none; }
    .lightbox .lb-item img {
      width: 100%;
      height: auto; }
  .lightbox .caps {
    display: block;
    position: absolute;
    top: 24px;
    left: 40px;
    width: 80%;
    height: 40px; }
    .lightbox .caps > span {
      position: absolute;
      display: none;
      width: 100%;
      color: #fff;
      line-height: 13px;
      font-size: 12px; }
      .lightbox .caps > span h4, .lightbox .caps > span span, .lightbox .caps > span p {
        color: #fff;
        line-height: 13px; }
      .lightbox .caps > span h4 {
        display: block;
        float: left;
        font-size: 12px;
        text-transform: uppercase;
        margin-right: 5px; }
      .lightbox .caps > span span, .lightbox .caps > span p {
        font-size: 12px; }
  .lightbox .controls {
    display: block;
    width: 27px;
    height: 35px;
    display: none;
    position: absolute;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3; }
    .lightbox .controls:hover {
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    .lightbox .controls.prev {
      background: url("../images_sys/layout/lightbox_arrow_left.png") no-repeat;
      left: 40px; }
    .lightbox .controls.next {
      background: url("../images_sys/layout/lightbox_arrow_right.png") no-repeat;
      right: 40px; }

.hgr {
  position: relative;
  margin-bottom: 35px;
  margin-top: 20px;
  width: 700px;
  overflow: hidden; }
  .hgr.lean {
    margin-bottom: 20px; }
  .hgr h2 {
    margin-bottom: 12px!important;
    font-size: 30px;
    line-height: 34px; }
    .hgr h2.margin {
      padding-bottom: 25px; }
    .hgr h2.page-title {
      font-size: 52px;
      margin-bottom: 13px; }
  .hgr .sub-title {
    position: relative;
    top: -15px;
    margin-top: 24px; }
  .hgr .view-profile {
    position: absolute;
    top: 8px;
    right: 0px;
    font-size: 10px;
    text-transform: uppercase;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    color: #fff;
    background: #27B7DA;
    border: 1px solid #23a4c4;
    padding: 7px 10px; }
    .hgr .view-profile:hover {
      background: #0493b1;
      border: 1px solid #047d96; }
  .hgr .edit-panel {
    padding-top: 15px;
    height: 30px; }
    .hgr .edit-panel a {
      font-size: 10px;
      text-transform: uppercase;
      font-family: Verdana, sans-serif;
      font-weight: bold;
      color: #fff;
      background: #27B7DA;
      border: 1px solid #23a4c4;
      padding: 7px 10px; }
      .hgr .edit-panel a:hover {
        background: #0493b1;
        border: 1px solid #047d96; }
      .hgr .edit-panel a.del {
        background: #fd873c;
        border: 1px solid #ef7629; }
        .hgr .edit-panel a.del:hover {
          background: #ea6e1f;
          border: 1px solid #d35b0f; }
  .hgr h3 {
    font-size: 30px;
    line-height: 34px;
    text-transform: none;
    margin-bottom: 10px; }
  .hgr p {
    font-size: 14px;
    line-height: 24px; }
    .hgr p a {
      color: #27b7da;
      text-decoration: underline; }
      .hgr p a:hover {
        color: #e86522; }
  .hgr a.rss {
    display: inline-block;
    background: url("../images_sys/icon/forum-rss-icon.png") no-repeat;
    line-height: 20px;
    font-family: "Syntax W01 Bold", sans-serif;
    font-size: 14px;
    padding-left: 23px; }
  .hgr .note {
    font-size: 12px;
    font-style: italic;
    display: inline-block;
    margin-top: 15px; }

.right {
  float: right;
  *clear: left; }

.loginmsg {
  display: inline-block;
  position: relative;
  top: 3px; }

.add-favorite {
  font-size: 13px !important;
  font-family: "Syntax W01 Bold", sans-serif !important;
  font-weight: normal !important;
  border: 0 !important;
  display: block; }

.featured-icon {
  width: 53px;
  height: 53px;
  background: url("../images_sys/icon/featured_large.png") no-repeat;
  background-position: center;
  background-color: #039ebd;
  display: inline-block; }
  .featured-icon.small {
    width: 34px;
    height: 34px;
    background: url("../images_sys/icon/featured_small.png") no-repeat center;
    background-color: #039ebd; }

.grantee-icon {
  width: 53px;
  height: 53px;
  background: url("../images_sys/icon/grantee_large.png") no-repeat;
  background-position: center;
  background-color: #039ebd;
  display: inline-block; }
  .grantee-icon.small {
    width: 34px;
    height: 34px;
    background: url("../images_sys/icon/grantee_small.png") no-repeat center;
    background-color: #039ebd; }

.bactag-icon {
  width: 53px;
  height: 53px;
  background: url("../images_sys/icon/star.png") no-repeat;
  background-position: center;
  background-color: #039ebd;
  display: inline-block; }

.featured-text {
  height: 44px;
  width: 226px;
  display: inline-block;
  position: absolute;
  padding-left: 10px;
  font-family: "Syntax W01 Bold", sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  padding-top: 9px;
  padding-right: 23px;
  background: #27b7da; }
  .featured-text .capitalize {
    text-transform: uppercase; }

.featured-bar {
  background: #27b7da;
  overflow: hidden;
  margin-bottom: 2px;
  color: #000;
  position: relative;
  height: 53px;
  width: 312px;
  float: left; }
  .featured-bar.expanded {
    overflow: visible; }
    .featured-bar.expanded .featured-text {
      height: auto;
      z-index: 103; }
    .featured-bar.expanded .expand-btn {
      background-position: center bottom; }
    .featured-bar.expanded .hide {
      display: block; }
  .featured-bar .hide {
    display: none;
    padding-bottom: 5px; }
  .featured-bar .expand-btn {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 13px;
    right: 13px;
    z-index: 120;
    background: url("../images_sys/sprites/close_expand_button.png") center top no-repeat; }
  .featured-bar.empty {
    background: #cccccc; }
    .featured-bar.empty + .featured-bar.empty {
      border-color: #cccccc; }
  .featured-bar .featured-text a, .featured-bar span {
    font-size: 13px !important;
    line-height: 18px !important;
    display: block; }
  .featured-bar .featured-text span a.arrow:hover {
    color: #fff!important; }
  .featured-bar + .featured-bar {
    border-left: 2px solid #E3E3E4; }
  .featured-bar.double {
    width: 49.8%;
    float: left; }
    .featured-bar.double + .double {
      margin-left: .3%; }
  .featured-bar.triple {
    width: 33%;
    float: left; }
    .featured-bar.triple.tags .featured-text a {
      font-size: 13px !important;
      line-height: 16px !important;
      display: block; }
    .featured-bar.triple.tags .hide {
      display: block; }
    .featured-bar.triple + .triple {
      margin-left: .4%; }
    .featured-bar.triple .featured-text {
      display: inline-block; }
  .featured-bar.small {
    height: 34px; }
  .featured-bar h3 {
    display: inline-block;
    font-size: 20px;
    text-transform: none;
    color: #fff; }
  .featured-bar .arrow {
    font-family: "Syntax W01 Bold", sans-serif;
    font-size: 13px;
    line-height: 28px; }
  .featured-bar a {
    text-decoration: none;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #fff !important;
    /*&:after{
    	content:"\203A";
    	display:inline-block;
    	font-size:16px;
    	margin-left:7px;
    }*/ }
    .featured-bar a:hover {
      text-decoration: underline; }

.crumb {
  display: inline-block;
  font-family: "Syntax W01 Bold", sans-serif !important;
  font-size: 12px!important;
  text-transform: uppercase;
  line-height: 16px;
  padding-left: 2px; }
  .crumb:hover {
    color: #e86522; }
  .crumb:before {
    content: "\00ab";
    display: inline-block;
    font-size: 16px;
    margin-right: 7px; }

.left {
  float: left; }

.content-wrapper {
  padding-bottom: 495px;
  overflow: hidden; }

.last {
  margin-bottom: 100px!important; }

.arrow {
  display: inline-block;
  padding-right: 20px;
  font-family: "Syntax W01 Bold", sans-serif;
  font-size: 12px !important;
  text-transform: uppercase; }
  .arrow:hover {
    color: #e86522 !important; }
  .arrow:after {
    content: "\203A";
    display: inline-block;
    font-size: 16px;
    margin-left: 7px; }

.white-arrow {
  display: inline-block;
  background: url("../images_sys/icon/white_small_arrow.png") no-repeat right center;
  padding-right: 20px; }

#header #top {
  width: 100%;
  background: #ffd50d;
  height: 80px;
  border-bottom: 1px solid #bcbcbc;
  overflow: hidden; }
  #header #top .connect {
    float: left;
    padding: 24px 0;
    width: 285px; }
    #header #top .connect h3 {
      float: left;
      margin-right: 24px;
      font-size: 12px;
      color: #000;
      margin-top: 10px; }
    #header #top .connect a {
      display: block;
      float: left;
      width: 32px;
      height: 32px; }
      #header #top .connect a + a {
        margin-left: 10px; }
  #header #top .right {
    width: 590px; }
    #header #top .right tr {
      height: 40px; }
      #header #top .right tr td {
        vertical-align: middle; }
        #header #top .right tr td a {
          text-align: center;
          display: block;
          font-family: "Syntax W01 Bold", sans-serif;
          font-size: 12px;
          text-transform: uppercase;
          color: #fff;
          line-height: 12px;
          padding: 0 10px; }
        #header #top .right tr td.mg {
          -webkit-transition: background 0.2s "linear";
          -webkit-transition-delay: 0;
          -moz-transition: background 0.2s "linear" 0;
          -o-transition: background 0.2s "linear" 0;
          transition: background 0.2s "linear" 0;
          background: #454545; }
          #header #top .right tr td.mg a {
            width: 70px; }
          #header #top .right tr td.mg:hover {
            -webkit-transition: background 0.2s "linear";
            -webkit-transition-delay: 0;
            -moz-transition: background 0.2s "linear" 0;
            -o-transition: background 0.2s "linear" 0;
            transition: background 0.2s "linear" 0;
            background: #2f2d2b; }
        #header #top .right tr td.dg {
          background: #71ac4d; }
          #header #top .right tr td.dg a {
            width: 95px; }
        #header #top .right tr td.db {
          background: #0493b1; }
          #header #top .right tr td.db a {
            width: 95px; }
        #header #top .right tr td.or {
          -webkit-transition: background 0.2s "linear";
          -webkit-transition-delay: 0;
          -moz-transition: background 0.2s "linear" 0;
          -o-transition: background 0.2s "linear" 0;
          transition: background 0.2s "linear" 0;
          background: #ea6e1f; }
          #header #top .right tr td.or a {
            width: 95px; }
          #header #top .right tr td.or:hover {
            -webkit-transition: background 0.2s "linear";
            -webkit-transition-delay: 0;
            -moz-transition: background 0.2s "linear" 0;
            -o-transition: background 0.2s "linear" 0;
            transition: background 0.2s "linear" 0;
            background: #db5500; }
        #header #top .right tr td.yl a {
          width: 135px;
          text-transform: none;
          color: #313131;
          background-position: 100px center; }
          #header #top .right tr td.yl a.lgdin {
            width: 57px;
            float: left; }
            #header #top .right tr td.yl a.lgdin + .lgdin {
              padding-top: 5px; }
          #header #top .right tr td.yl a:hover {
            color: #e86522; }
        #header #top .right tr td.gr {
          -webkit-transition: background 0.2s "linear";
          -webkit-transition-delay: 0;
          -moz-transition: background 0.2s "linear" 0;
          -o-transition: background 0.2s "linear" 0;
          transition: background 0.2s "linear" 0;
          background: #9aca3c; }
          #header #top .right tr td.gr a {
            width: 37px; }
          #header #top .right tr td.gr + .gr {
            border-left: 1px solid #71ac4d; }
          #header #top .right tr td.gr:hover {
            -webkit-transition: background 0.2s "linear";
            -webkit-transition-delay: 0;
            -moz-transition: background 0.2s "linear" 0;
            -o-transition: background 0.2s "linear" 0;
            transition: background 0.2s "linear" 0;
            background: #86BB45; }
        #header #top .right tr td.bl {
          -webkit-transition: background 0.2s "linear";
          -webkit-transition-delay: 0;
          -moz-transition: background 0.2s "linear" 0;
          -o-transition: background 0.2s "linear" 0;
          transition: background 0.2s "linear" 0;
          background: #27b7da; }
          #header #top .right tr td.bl a {
            width: 37px; }
          #header #top .right tr td.bl + .bl {
            border-left: 1px solid #0493b1; }
          #header #top .right tr td.bl:hover {
            -webkit-transition: background 0.2s "linear";
            -webkit-transition-delay: 0;
            -moz-transition: background 0.2s "linear" 0;
            -o-transition: background 0.2s "linear" 0;
            transition: background 0.2s "linear" 0;
            background: #02A5C7; }
        #header #top .right tr td fieldset {
          width: 155px;
          border-top: 1px solid #bcbcbc; }
          #header #top .right tr td fieldset input[type="text"] {
            width: 83px;
            border: 0 none;
            background: #ffdd3d;
            float: left;
            padding: 0;
            font-family: "Syntax W01 Bold", sans-serif;
            font-size: 12px;
            line-height: 10px;
            padding: 15px; }
            #header #top .right tr td fieldset input[type="text"]:focus {
              outline: none;
              background-color: #ffe87a; }
          #header #top .right tr td fieldset input[type="submit"] {
            display: block;
            width: 42px;
            height: 40px;
            float: right;
            border: 0 none;
            text-indent: -9999px;
            text-transform: capitalize; }
#header section {
  padding: 21px 0;
  overflow: hidden; }
  #header section .logo {
    display: block;
    width: 141px;
    height: 80px; }
    #header section .logo a {
      display: block;
      height: 100%;
      width: 100%;
      position: relative;
      overflow: hidden; }
      #header section .logo a img {
        position: absolute;
        top: 0px;
        left: 0px; }
      #header section .logo a:hover img {
        top: -80px; }
  #header section .right {
    padding-top: 9px;
    padding-bottom: 12px;
    border-bottom: 1px solid #bcbcbc;
    width: 360px;
    text-align: right;
    color: #7D7D7D; }
    #header section .right span {
      font-size: 11px;
      font-family: Arial, sans-serif; }
      #header section .right span + span:before {
        content: "| "; }
#header #primary-navigation {
  width: 100%;
  min-height: 40px;
  background: url("../images_sys/layout/main-nav-bg.png") repeat;
  border-bottom: 1px solid #bcbcbc;
  overflow: hidden;
  display: block;
  clear: both;
  margin-bottom: 25px; }
  #header #primary-navigation ul {
    min-height: 40px;
    padding-top: 1px;
    border-left: 1px solid #bcbcbc; }
    #header #primary-navigation ul li {
      display: inline-block;
      *display: inline;
      zoom: 1;
      border-right: 1px solid #bcbcbc;
      position: relative;
      vertical-align: top;
      height: 40px;
      background: none; }
      #header #primary-navigation ul li:hover {
        background: #27b7da; }
        #header #primary-navigation ul li:hover > a {
          color: #fff; }
        #header #primary-navigation ul li:hover > a.nav-toggle {
          background-position: -30px 5px;
          margin: 0px;
          height: 40px; }
      #header #primary-navigation ul li.active {
        background: #27b7da; }
        #header #primary-navigation ul li.active > a {
          color: #fff; }
        #header #primary-navigation ul li.active > a.nav-toggle {
          background-position: -90px 5px;
          margin: 0px;
          height: 40px; }
      #header #primary-navigation ul li.active:hover > a.nav-toggle {
        background-position: -90px 5px; }
      #header #primary-navigation ul li > .sub-tree {
        display: none; }
        #header #primary-navigation ul li > .sub-tree > .tree-item {
          margin-bottom: 1px;
          background-color: #c3e2e9; }
          #header #primary-navigation ul li > .sub-tree > .tree-item:hover {
            background-color: #9aca3c;
            color: #fff; }
          #header #primary-navigation ul li > .sub-tree > .tree-item.active {
            background-color: #9aca3c; }
          #header #primary-navigation ul li > .sub-tree > .tree-item > .nav-toggle:hover {
            background-color: #71ac4d; }
          #header #primary-navigation ul li > .sub-tree > .tree-item > .sub-tree {
            margin-top: -1px; }
            #header #primary-navigation ul li > .sub-tree > .tree-item > .sub-tree > .tree-item {
              margin-bottom: 0px;
              background-color: #cce0a4;
              margin-top: 1px; }
              #header #primary-navigation ul li > .sub-tree > .tree-item > .sub-tree > .tree-item:hover {
                background-color: #ea6e1f;
                color: #fff; }
              #header #primary-navigation ul li > .sub-tree > .tree-item > .sub-tree > .tree-item.active {
                background-color: #ea6e1f; }
      #header #primary-navigation ul li a {
        display: inline-block;
        *display: inline;
        zoom: 1;
        text-align: center;
        margin: 0px; }
        #header #primary-navigation ul li a.node-link {
          font-family: "Syntax W01 Bold", sans-serif;
          font-size: 13px;
          text-transform: uppercase;
          padding: 0 20px;
          line-height: 40px;
          vertical-align: top; }
        #header #primary-navigation ul li a.nav-toggle {
          width: 30px;
          margin: 5px 0;
          height: 30px;
          border-left: 1px solid #d9d9d9;
          background: url("../images_sys/sprites/nav_arrows.png") no-repeat 0 0;
          background-color: none; }
          #header #primary-navigation ul li a.nav-toggle:hover {
            margin: 0px;
            height: 40px;
            background-position: -30px 5px;
            background-color: #24aac6; }
      #header #primary-navigation ul li.active > .sub-tree {
        display: block; }
    #header #primary-navigation ul ul {
      width: 940px;
      position: absolute;
      top: 40px;
      left: 0;
      display: none; }

.single-image {
  padding-bottom: 35px;
  overflow: hidden; }
  .single-image img {
    width: 700px;
    height: auto; }
  .single-image .captions {
    padding-top: 14px;
    vertical-align: bottom; }
    .single-image .captions h5 {
      display: inline-block;
      margin-right: 3px;
      font-size: 11px; }
    .single-image .captions span {
      display: inline-block;
      font-size: 11px; }

#about_landing {
  overflow: hidden;
  margin-bottom: 100px;
  padding-top: 25px; }
  #about_landing h2 {
    font-size: 60px;
    margin-bottom: 30px; }
  #about_landing div.col {
    width: 460px; }
    #about_landing div.col + div {
      margin-left: 20px; }
    #about_landing div.col h3 {
      text-transform: none;
      font-family: Verdana, sans-serif;
      font-size: 30px;
      margin-bottom: 25px; }
    #about_landing div.col p {
      font-size: 14px;
      line-height: 24px; }
      #about_landing div.col p a {
        text-decoration: underline;
        color: #27B7DA; }
        #about_landing div.col p a:hover {
          color: #e86522; }
      #about_landing div.col p + p {
        padding-top: 20px; }

.general {
  border-top: 1px solid #bcbcbc; }
  .general article {
    border-bottom: 1px solid #bcbcbc;
    overflow: hidden;
    height: 166px; }
    .general article .right {
      width: 430px;
      margin-right: 30px;
      padding: 20px 0; }
      .general article .right h3 {
        font-size: 20px;
        margin-bottom: 5px; }
      .general article .right p {
        font-size: 14px;
        line-height: 20px; }
    .general article .left {
      width: 219px;
      height: 100%;
      margin-right: 20px; }
      .general article .left img {
        width: 100%;
        height: 100%; }
  .general .pagination {
    font-size: 14px;
    border: 0 none; }

.account-records {
  margin-top: 15px; }
  .account-records article {
    border-top: 1px solid #bcbcbc;
    background: url("../images_sys/layout/rule_hangdown.jpg") no-repeat right 0;
    padding: 15px 0;
    overflow: hidden; }
    .account-records article > .left {
      width: 600px; }
      .account-records article > .left h3 {
        font-size: 14px; }
      .account-records article > .left span {
        font-size: 12px; }
    .account-records article > .right {
      width: 80px;
      margin-left: 20px; }
      .account-records article > .right a {
        font-size: 10px;
        text-transform: uppercase;
        font-family: Verdana, sans-serif;
        font-weight: bold;
        color: #fff;
        background: #27B7DA;
        border: 1px solid #23a4c4;
        padding: 7px 10px; }
        .account-records article > .right a:hover {
          background: #0493b1;
          border: 1px solid #047d96; }

.account-side {
  width: 230px;
  margin-bottom: 80px; }
  .account-side a {
    display: block;
    height: 60px;
    text-transform: uppercase;
    font-family: "Syntax W01 Bold", sans-serif;
    font-size: 13px;
    clear: both;
    padding-left: 20px;
    margin-bottom: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s; }
    .account-side a span {
      height: 100%;
      display: inline-block;
      vertical-align: top; }
      .account-side a span.sprite {
        width: 60px; }
        .account-side a span.sprite + span {
          line-height: 60px;
          text-decoration: underline;
          margin-left: 5px; }
    .account-side a.active, .account-side a:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      transition-duration: 0.5s; }

#fd_logo {
  width: 100%;
  clear: both; }

.funder-logos {
  width: 100%;
  background: #fff;
  padding: 0px!important;
  clear: both; }
  .funder-logos article {
    border: 1px solid #b7b7b7;
    padding: 30px 48px 25px 48px; }
    .funder-logos article + article {
      border-top: 0 none; }
    .funder-logos article header h4 {
      margin-bottom: 20px; }
    .funder-logos article header p {
      margin-bottom: 20px; }

.funder-title {
  font-size: 30px;
  margin-bottom: 15px;
  font-family: Verdana, sans-serif;
  text-transform: none; }

.funder-logos-extended {
  background: #fff;
  overflow: hidden; }
  .funder-logos-extended article {
    border-top: 1px solid #b7b7b7;
    overflow: hidden;
    padding: 25px 0; }
    .funder-logos-extended article header {
      float: left;
      width: 393px;
      margin-right: 15px; }
      .funder-logos-extended article header h4 {
        font-size: 20px;
        margin-bottom: 15px; }
      .funder-logos-extended article header p {
        font-size: 12px; }
    .funder-logos-extended article .fl_img {
      float: left; }

.text-page {
  margin-bottom: 100px;
  overflow: hidden;
  padding-right: 0px!important; }
  .text-page > img {
    width: 700px;
    height: auto; }
  .text-page.supporters .col section ul {
    list-style-type: none!important; }
  .text-page .captions {
    padding: 15px 0;
    overflow: hidden;
    font-size: 11px;
    line-height: 18px; }
    .text-page .captions h5 {
      display: inline-block; }
    .text-page .captions span {
      display: inline-block;
      padding-left: 5px; }
  .text-page h3 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 25px; }
  .text-page h4 {
    font-size: 15px;
    margin-bottom: 10px; }
  .text-page p {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 20px; }
    .text-page p a {
      color: #27b7da;
      text-decoration: underline; }
  .text-page article {
    margin-bottom: 40px; }
    .text-page article.top {
      border-bottom: 1px solid #bcbcbc;
      padding-bottom: 20px;
      margin-bottom: 50px; }
    .text-page article .img {
      width: 100%;
      height: auto;
      background: url("../images_sys/layout/hatch_inline_image.png") repeat; }
  .text-page #map {
    width: 700px;
    height: 305px;
    margin-bottom: 55px; }
  .text-page .col {
    width: 320px;
    margin-bottom: 50px; }
    .text-page .col section {
      margin-bottom: 50px; }
      .text-page .col section h4 {
        text-transform: none;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px; }
      .text-page .col section ul {
        padding: 0;
        font-size: 12px; }
        .text-page .col section ul li {
          line-height: 26px; }
  .text-page .col2 {
    width: 240px; }
    .text-page .col2 article {
      font-size: 12px;
      line-height: 18px;
      margin-bottom: 20px;
      overflow: hidden; }
      .text-page .col2 article h5 {
        display: block;
        float: left;
        clear: left; }
      .text-page .col2 article p {
        clear: left;
        padding: 0; }
      .text-page .col2 article span {
        float: left;
        padding-left: 5px; }
  .text-page .col3 {
    width: 430px;
    position: relative;
    right: 40px; }
  .text-page .sponsors {
    overflow: hidden;
    background: #fff;
    border: 1px solid #bcbcbc;
    clear: both; }
    .text-page .sponsors header {
      padding: 25px 35px;
      border-bottom: 1px solid #bcbcbc; }
      .text-page .sponsors header h4 {
        display: block;
        margin-bottom: 5px; }
      .text-page .sponsors header p {
        padding: 0;
        font-size: 12px;
        line-height: 16px;
        width: 505px; }
    .text-page .sponsors div {
      padding: 15px 20px; }
      .text-page .sponsors div img {
        width: 130px; }

.account-submission {
  background: url("../images_sys/layout/rule_hangdown.jpg") no-repeat right 0;
  border-top: 1px solid #bcbcbc;
  padding-top: 10px; }
  .account-submission .row {
    font-size: 13px; }
  .account-submission .edit-panel {
    padding-top: 15px;
    height: 30px; }
    .account-submission .edit-panel a {
      font-size: 10px;
      margin-right: 10px;
      text-transform: uppercase;
      font-family: Verdana, sans-serif;
      font-weight: bold;
      color: #fff;
      background: #27B7DA;
      border: 1px solid #23a4c4;
      padding: 7px 10px;
      cursor: pointer; }
      .account-submission .edit-panel a:hover {
        background: #0493b1;
        border: 1px solid #047d96; }

.side-filters {
  width: 180px;
  border-top: 1px solid #bcbcbc;
  padding: 20px;
  overflow: hidden;
  border-right: 1px solid #bcbcbc;
  margin-bottom: 45px; }
  .side-filters .wrap + .wrap {
    padding-top: 30px; }
  .side-filters .first-tier {
    margin-top: 5px; }
    .side-filters .first-tier label {
      font-family: "Syntax W01 Bold", sans-serif;
      text-transform: uppercase;
      font-weight: bold; }
    .side-filters .first-tier .second-tier-container {
      margin-left: 20px;
      margin-bottom: 20px; }
    .side-filters .first-tier .second-tier label {
      font-family: Verdana, sans-serif;
      font-weight: normal;
      text-transform: none; }
  .side-filters.monthly h4 {
    display: block;
    float: left;
    line-height: 27px;
    margin-bottom: 0px; }
    .side-filters.monthly h4.lean {
      line-height: 16px; }
  .side-filters.monthly .control {
    display: block;
    width: 50px;
    text-align: center;
    float: right;
    border: 1px solid #23a4c4;
    background: #27b7da;
    font-size: 10px;
    font-family: "Syntax W01 Bold", sans-serif;
    text-transform: uppercase;
    color: #fff;
    line-height: 26px;
    padding: 0; }
    .side-filters.monthly .control:hover {
      background: #e85400;
      border-color: #e85400; }
    .side-filters.monthly .control + .control {
      margin-right: 5px; }
  .side-filters.monthly input[type="submit"] {
    margin-top: 0px;
    float: right; }
  .side-filters form h4 {
    margin-bottom: 12px; }
  .side-filters + .side-filters {
    clear: left; }
  .side-filters h4 {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px; }
  .side-filters h6 {
    font-size: 9px;
    font-family: Verdana, sans-serif;
    text-transform: none;
    margin: 20px 0 30px; }
  .side-filters fieldset {
    display: block;
    margin-bottom: 5px; }
    .side-filters fieldset label {
      font-size: 11px;
      padding-left: 24px;
      display: block;
      margin-bottom: 14px;
      line-height: 12px; }
  .side-filters select {
    font-size: 9px;
    font-family: Verdana, sans-serif;
    text-transform: none;
    margin: 5px 0 30px;
    width: 175px;
    line-height: 12px; }
  .side-filters input[type="submit"] {
    float: right;
    margin-top: 20px;
    border: 1px solid #23a4c4;
    background: #27b7da;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    line-height: 26px;
    padding: 0 8px; }
    .side-filters input[type="submit"]:hover {
      background: #e85400;
      border-color: #e85400; }
  .side-filters input[type="checkbox"] {
    float: left; }
  .side-filters.search input[type="text"] {
    width: 103px;
    border: 1px solid #bcbcbc;
    border-right: 0 none;
    background: #e9e9e9;
    float: left;
    padding: 8px;
    height: 10px;
    font-size: 12px;
    line-height: 10px; }
    .side-filters.search input[type="text"]:focus {
      outline: none;
      background-color: #f4f4f4; }
  .side-filters.search input[type="submit"] {
    display: block;
    margin-top: 0px;
    float: left;
    width: 60px; }
    .side-filters.search input[type="submit"]:hover {
      background: #e85400;
      border-color: #e85400; }
  .side-filters.search h4 {
    margin-bottom: 12px; }

#org-view a.add-favorite {
  color: #fff;
  font-size: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  background-color: #27b7da;
  border: 1px solid #23a4c4;
  text-transform: uppercase;
  text-align: center;
  line-height: 23px;
  display: block;
  margin-bottom: 2px;
  width: 215px; }
  #org-view a.add-favorite.active {
    text-indent: -9999px;
    background-image: url("../images_sys/icon/favorite-button.png");
    background-repeat: no-repeat;
    background-position: center center; }
  #org-view a.add-favorite:hover {
    background-color: #0493b1;
    border: 1px solid #047d96; }
#org-view .loginmsg {
  height: 29px;
  overflow: hidden;
  margin-bottom: 5px; }
  #org-view .loginmsg span {
    font-size: 12px;
    line-height: 25px;
    font-family: "Syntax W01 Bold", sans-serif; }
  #org-view .loginmsg a {
    display: inline-block;
    color: #fff;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    background-color: #27b7da;
    border: 1px solid #23a4c4;
    text-transform: uppercase;
    width: 60px;
    height: 25px;
    padding: 0 10px;
    text-align: center;
    line-height: 23px; }
    #org-view .loginmsg a:hover {
      background-color: #0493b1;
      border: 1px solid #047d96; }

#user-view a.add-favorite {
  color: #fff;
  font-size: 10px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  background-color: #27b7da;
  border: 1px solid #23a4c4;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 2px;
  line-height: 23px;
  display: block;
  padding: 0px 10px;
  width: 139px; }
  #user-view a.add-favorite.active {
    text-indent: -9999px;
    background-image: url("../images_sys/icon/favorite-button.png");
    background-repeat: no-repeat;
    background-position: center center; }
  #user-view a.add-favorite:hover {
    background-color: #0493b1;
    border: 1px solid #047d96; }
#user-view .loginmsg {
  height: 29px;
  display: block;
  overflow: hidden;
  margin-bottom: 5px; }
  #user-view .loginmsg span {
    font-size: 12px;
    line-height: 25px;
    font-family: "Syntax W01 Bold", sans-serif; }
  #user-view .loginmsg a {
    display: inline-block;
    color: #fff;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    background-color: #27b7da;
    border: 1px solid #23a4c4;
    text-transform: uppercase;
    width: 60px;
    height: 25px;
    padding: 0 10px;
    text-align: center;
    line-height: 23px; }
    #user-view .loginmsg a:hover {
      background-color: #0493b1;
      border: 1px solid #047d96; }

.forum-post {
  overflow: hidden; }
  .forum-post > h4 {
    margin-top: 40px; }
  .forum-post article {
    padding-bottom: 40px;
    padding-top: 30px;
    overflow: hidden;
    border-top: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    position: relative;
    background: url("../images_sys/layout/rule_hangdown.jpg") no-repeat right 0; }
    .forum-post article + article {
      border-top: 0 none; }
    .forum-post article .left {
      width: 172px; }
      .forum-post article .left h3 {
        margin-bottom: 15px; }
        .forum-post article .left h3 a {
          display: inline-block;
          background: #ffd50d;
          font-size: 13px;
          line-height: 15px;
          padding: 0 5px;
          padding-bottom: 6px;
          padding-top: 6px;
          color: #404040; }
        .forum-post article .left h3:hover a {
          color: #fff !important;
          background: #e86522 !important; }
      .forum-post article .left h5, .forum-post article .left span {
        font-size: 11px!important;
        line-height: 18px; }
      .forum-post article .left h5 {
        display: block;
        float: left;
        clear: left;
        margin-right: 5px;
        line-height: 19px; }
      .forum-post article .left span {
        float: left; }
      .forum-post article .left .bubble {
        width: 150px;
        height: 150px;
        margin-bottom: 15px; }
        .forum-post article .left .bubble a {
          width: 100%;
          height: 100%; }
          .forum-post article .left .bubble a img {
            width: 120px;
            height: 120px; }
          .forum-post article .left .bubble a .mask {
            background: url("../images_sys/sprites/small_mask.png") no-repeat 0 0;
            width: 100%;
            height: 100%; }
          .forum-post article .left .bubble a:hover .mask {
            background-position: -150px 0; }
    .forum-post article .edit-panel {
      padding-top: 15px;
      height: 30px; }
      .forum-post article .edit-panel a {
        font-size: 10px;
        text-transform: uppercase;
        font-family: Verdana, sans-serif;
        font-weight: bold;
        color: #fff;
        background: #27B7DA;
        border: 1px solid #23a4c4;
        padding: 7px 10px; }
        .forum-post article .edit-panel a:hover {
          background: #0493b1;
          border: 1px solid #047d96; }
        .forum-post article .edit-panel a.del {
          background: #fd873c;
          border: 1px solid #ef7629; }
          .forum-post article .edit-panel a.del:hover {
            background: #ea6e1f;
            border: 1px solid #d35b0f; }
    .forum-post article .right {
      width: 450px;
      font-size: 14px;
      line-height: 24px;
      position: relative;
      left: -35px; }
      .forum-post article .right h3 {
        float: left;
        background: #27b7da;
        font-size: 13px;
        line-height: 22px;
        padding: 0 10px;
        margin-bottom: 5px;
        color: #fff; }
      .forum-post article .right h5, .forum-post article .right span {
        float: left;
        font-size: 11px;
        line-height: 18px; }
      .forum-post article .right span.yellow-header {
        font-size: 12px;
        background-color: #FFD50D;
        line-height: 22px;
        padding: 0 5px;
        font-family: "Syntax W01 Bold", sans-serif;
        text-transform: uppercase;
        margin-left: 10px; }
      .forum-post article .right h5 {
        line-height: 19px;
        clear: left;
        margin-right: 5px; }
      .forum-post article .right div {
        padding-top: 20px;
        clear: both; }
      .forum-post article .right img {
        max-width: 100%; }
      .forum-post article .right p {
        clear: both;
        font-size: 14px;
        line-height: 24px; }
        .forum-post article .right p a {
          text-decoration: underline;
          color: #27b7da; }
        .forum-post article .right p + p {
          padding-top: 20px; }

.forum-list {
  border-top: 1px solid #bcbcbc; }
  .forum-list .yellow-header {
    font-family: "Syntax W01 Bold", sans-serif;
    font-size: 13px;
    line-height: 16px;
    background-color: #ffd50d;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline-block;
    margin-bottom: 5px; }
  .forum-list article {
    overflow: hidden;
    border-bottom: 1px solid #bcbcbc;
    background: url("../images_sys/layout/rule_hangdown.jpg") no-repeat right 0; }
    .forum-list article:hover {
      background-color: #D7D7D8; }
    .forum-list article > .right {
      width: 160px;
      height: 55px; }
      .forum-list article > .right h4, .forum-list article > .right span {
        font-size: 12px;
        line-height: 16px; }
      .forum-list article > .right h4 {
        margin-bottom: 1px;
        position: relative;
        line-height: 16px;
        font-family: "Syntax W01 Bold", sans-serif;
        font-size: 14px; }
        .forum-list article > .right h4 a {
          color: #313131; }
          .forum-list article > .right h4 a:hover {
            color: #e86522; }
      .forum-list article > .right h3 {
        line-height: 18px; }
    .forum-list article > .left {
      width: 460px; }
    .forum-list article.img {
      padding-top: 19px;
      padding-bottom: 19px; }
      .forum-list article.img > .left {
        height: 95px; }
        .forum-list article.img > .left .left {
          width: 130px;
          height: 95px;
          margin-right: 20px; }
          .forum-list article.img > .left .left img {
            width: 100%;
            height: 100%; }
        .forum-list article.img > .left .right {
          font-size: 11px;
          width: 310px; }
          .forum-list article.img > .left .right h3 a {
            font-size: 16px;
            line-height: 16px;
            color: #313131; }
            .forum-list article.img > .left .right h3 a:hover {
              color: #e86522; }
          .forum-list article.img > .left .right p {
            font-size: 11px;
            line-height: 16px; }
    .forum-list article.no-img {
      padding-top: 35px;
      padding-bottom: 35px; }
      .forum-list article.no-img > .left {
        padding-left: 30px;
        font-size: 14px;
        line-height: 20px; }
        .forum-list article.no-img > .left h3 {
          margin-bottom: 5px; }
          .forum-list article.no-img > .left h3 a {
            font-size: 20px;
            line-height: 20px;
            color: #313131;
            margin-bottom: 10px; }
            .forum-list article.no-img > .left h3 a:hover {
              color: #e86522; }
        .forum-list article.no-img > .left p {
          font-size: 14px;
          line-height: 20px; }
      .forum-list article.no-img > .right {
        height: 90px; }
  .forum-list .pagination {
    font-size: 14px;
    border-top: 0 none!important; }

.forum-grid article {
  width: 220px;
  float: left;
  margin-right: 20px;
  height: 340px;
  margin-bottom: 30px; }
  .forum-grid article img {
    width: 220px;
    height: auto; }
  .forum-grid article h3 {
    line-height: 19px;
    font-size: 20px;
    margin: 15px 0 10px 0; }
  .forum-grid article .rss {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("../images_sys/icon/forum-rss-icon.png") no-repeat;
    margin-right: 8px;
    float: left;
    position: relative;
    top: 20px; }
  .forum-grid article .forum-cat-text {
    display: inline-block;
    width: 193px; }
  .forum-grid article p {
    font-size: 11px !important;
    line-height: 14px !important;
    padding-bottom: 10px !important; }
  .forum-grid article h5 {
    font-size: 11px; }
    .forum-grid article h5 span {
      font-family: Verdana, sans-serif; }

.search-list > h2 {
  font-family: Verdana;
  font-size: 30px;
  text-transform: none;
  padding-bottom: 20px; }
.search-list article {
  background: url("../images_sys/layout/rule_hangdown.jpg") no-repeat right 0;
  border-top: 1px solid #bcbcbc; }
  .search-list article a {
    display: block;
    padding: 25px 80px 25px 0; }
    .search-list article a h2 {
      font-size: 20px;
      margin-bottom: 5px; }
    .search-list article a p {
      font-size: 14px;
      line-height: 20px; }
.search-list .pagination {
  width: 100%; }
  .search-list .pagination a {
    font-size: 14px; }

.two-col-layout {
  overflow: hidden;
  margin-bottom: 70px; }
  .two-col-layout a {
    color: #27B7DA; }
    .two-col-layout a:hover {
      color: #e86522; }
  .two-col-layout .container {
    width: auto;
    clear: both;
    border-top: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc; }
    .two-col-layout .container.no-border {
      border: 0; }
  .two-col-layout .forum-post-image {
    background: url("../images_sys/layout/hatch_inline_image.png") repeat; }
    .two-col-layout .forum-post-image img {
      max-width: 700px;
      max-height: 600px; }
  .two-col-layout #general-page h4 {
    line-height: 22px; }
  .two-col-layout #general-page .thumb-copy {
    border-top: 1px solid #bcbcbc;
    overflow: hidden; }
    .two-col-layout #general-page .thumb-copy:first-child {
      border-top: 0 none; }
  .two-col-layout #general-page.top-rule:before {
    content: "";
    display: block;
    background-color: transparent;
    border-top: 1px solid #b6b6b6;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #b6b6b6;
    height: 10px; }
  .two-col-layout #general-page.top-rule > .thumb-copy:first-child {
    margin-top: -20px; }
    .two-col-layout #general-page.top-rule > .thumb-copy:first-child h4 {
      margin-top: 30px; }
  .two-col-layout #general-page > .right .thumb-copy .content_image {
    width: 150px;
    background: none;
    overflow: hidden; }
  .two-col-layout #general-page > .right .thumb-copy .content_text {
    width: 325px; }
    .two-col-layout #general-page > .right .thumb-copy .content_text section {
      padding-top: 0px;
      margin-bottom: 0px;
      padding-right: 0px; }
      .two-col-layout #general-page > .right .thumb-copy .content_text section h4 {
        font-size: 16px;
        padding-bottom: 0px; }
  .two-col-layout #general-page > .right .thumb-copy:first-child {
    border-top: 1px solid #bcbcbc; }
  .two-col-layout #general-page > p {
    margin-bottom: 30px;
    padding-right: 35px; }
  .two-col-layout #general-page section {
    margin-bottom: 20px; }
    .two-col-layout #general-page section#history-text {
      margin-top: 0px; }
    .two-col-layout #general-page section p:last-child {
      padding-bottom: 0px; }
    .two-col-layout #general-page section a.arrow {
      margin-bottom: 20px; }
  .two-col-layout #general-page .left.sidebar p {
    font-size: 12px; }
  .two-col-layout #general-page div.content_image {
    width: 219px;
    height: 166px;
    overflow: hidden;
    float: left;
    background: url("../images_sys/layout/hatch_inline_image.png") repeat; }
  .two-col-layout #general-page .content_text {
    width: 430px;
    float: left;
    padding-left: 20px;
    padding-bottom: 35px; }
    .two-col-layout #general-page .content_text h1, .two-col-layout #general-page .content_text h2, .two-col-layout #general-page .content_text h3, .two-col-layout #general-page .content_text h4, .two-col-layout #general-page .content_text h5, .two-col-layout #general-page .content_text h6, .two-col-layout #general-page .content_text b {
      margin-top: 20px;
      padding-bottom: 18px;
      font-size: 22px;
      text-transform: uppercase; }
    .two-col-layout #general-page .content_text a {
      font-size: 12px;
      font-family: "Syntax W01 Bold", sans-serif;
      text-transform: uppercase; }
      .two-col-layout #general-page .content_text a:hover {
        color: #e86522; }
  .two-col-layout #general-page p {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 20px; }
    .two-col-layout #general-page p span.content_image {
      clear: both;
      margin-top: 20px;
      display: inline-block;
      width: 100%;
      background: url("../images_sys/layout/hatch_tiled.png") repeat #b3abab; }
    .two-col-layout #general-page p a {
      color: #27B7DA;
      text-decoration: underline; }
      .two-col-layout #general-page p a:hover {
        color: #e86522; }
  .two-col-layout #general-page ul {
    font-size: 14px;
    line-height: 24px;
    list-style: disc;
    margin: 0 0 20px 0; }
  .two-col-layout #general-page ol {
    font-size: 14px;
    line-height: 24px;
    list-style: decimal;
    margin: 0 0 20px 0; }
  .two-col-layout #general-page .copy_content {
    padding-right: 35px; }
    .two-col-layout #general-page .copy_content table {
      margin-left: 25px; }
      .two-col-layout #general-page .copy_content table tr td {
        padding-right: 10px;
        font-size: 12px;
        padding-bottom: 0px;
        line-height: 24px; }
        .two-col-layout #general-page .copy_content table tr td:first-child {
          width: 110px; }
    .two-col-layout #general-page .copy_content a {
      color: #27B7DA;
      text-decoration: underline; }
      .two-col-layout #general-page .copy_content a:hover {
        color: #e86522; }
    .two-col-layout #general-page .copy_content p {
      font-size: 14px;
      line-height: 24px;
      padding-right: 35px; }
  .two-col-layout #general-page .content_caption {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    padding-top: 10px; }
  .two-col-layout #general-page h3 a {
    color: #000;
    text-decoration: none; }
    .two-col-layout #general-page h3 a:hover {
      color: #e86522; }
  .two-col-layout > .left {
    width: 700px; }
    .two-col-layout > .left .section_description {
      margin-bottom: 20px;
      font-size: 14px; }
    .two-col-layout > .left #social-buttons {
      margin-bottom: 50px; }
      .two-col-layout > .left #social-buttons #twitter {
        height: 26px; }
        .two-col-layout > .left #social-buttons #twitter iframe {
          margin-bottom: 0px!important; }
    .two-col-layout > .left div.content {
      margin-bottom: 30px; }
      .two-col-layout > .left div.content a[target="_parent"] {
        text-decoration: none!important; }
      .two-col-layout > .left div.content em {
        font-style: italic; }
      .two-col-layout > .left div.content .content_image {
        display: block;
        padding-bottom: 10px;
        width: 100%;
        background: url("../images_sys/layout/hatch_inline_image.png") repeat;
        height: auto;
        margin-bottom: 10px;
        overflow: hidden; }
      .two-col-layout > .left div.content .content_caption {
        font-size: 10px;
        line-height: 12px;
        padding-bottom: 15px; }
        .two-col-layout > .left div.content .content_caption p a {
          text-decoration: underline; }
      .two-col-layout > .left div.content .content_text {
        font-size: 12px;
        line-height: 18px; }
        .two-col-layout > .left div.content .content_text a {
          text-decoration: underline; }
        .two-col-layout > .left div.content .content_text p {
          font-size: 12px;
          line-height: 18px; }
          .two-col-layout > .left div.content .content_text p + p {
            padding-top: 20px; }
          .two-col-layout > .left div.content .content_text p a {
            text-decoration: underline; }
        .two-col-layout > .left div.content .content_text h2 {
          font-size: 20px;
          line-height: 22px;
          padding: 25px 0 15px 0; }
    .two-col-layout > .left iframe {
      margin-bottom: 60px; }
    .two-col-layout > .left .comment {
      padding-top: 17px;
      margin-bottom: 30px; }
      .two-col-layout > .left .comment fieldset.full-width textarea {
        width: 605px; }
        .two-col-layout > .left .comment fieldset.full-width textarea:focus {
          outline: none;
          background-color: #f4f4f4; }
      .two-col-layout > .left .comment h4 {
        font-size: 15px;
        margin-bottom: 10px; }
      .two-col-layout > .left .comment .left {
        width: 172px; }
      .two-col-layout > .left .comment .right {
        width: 485px; }
      .two-col-layout > .left .comment textarea {
        width: 150px;
        border: 1px solid #bcbcbc;
        background: #e9e9e9;
        padding: 8px;
        font-size: 14px;
        line-height: 10px; }
        .two-col-layout > .left .comment textarea:focus {
          outline: none;
          background-color: #f4f4f4; }
      .two-col-layout > .left .comment p a {
        display: inline-block;
        margin-top: 0px;
        border: 1px solid #23a4c4;
        background: #27b7da;
        font-size: 10px;
        text-transform: uppercase;
        color: #fff;
        line-height: 26px;
        padding: 0 8px; }
        .two-col-layout > .left .comment p a:hover {
          background: #e85400;
          border-color: #e85400; }
      .two-col-layout > .left .comment .submit {
        padding-top: 15px; }
        .two-col-layout > .left .comment .submit input[type="submit"] {
          display: block;
          margin-top: 0px;
          float: lreft;
          width: 100px;
          border: 1px solid #23a4c4;
          background: #27b7da;
          font-size: 10px;
          text-transform: uppercase;
          color: #fff;
          line-height: 26px;
          padding: 0 8px; }
          .two-col-layout > .left .comment .submit input[type="submit"]:hover {
            background: #e85400;
            border-color: #e85400; }
    .two-col-layout > .left .search {
      background: url("../images_sys/layout/rule_hangdown.jpg") no-repeat right 0;
      border-top: 1px solid #bcbcbc;
      padding-top: 17px;
      margin-bottom: 30px; }
      .two-col-layout > .left .search fieldset.full-width input[type="text"] {
        width: 605px; }
        .two-col-layout > .left .search fieldset.full-width input[type="text"]:focus {
          outline: none;
          background-color: #f4f4f4; }
      .two-col-layout > .left .search h4 {
        font-size: 10px;
        margin-bottom: 10px; }
      .two-col-layout > .left .search input[type="text"] {
        width: 143px;
        border: 1px solid #bcbcbc;
        border-right: 0 none;
        background: #e9e9e9;
        float: left;
        padding: 8px;
        height: 10px;
        font-size: 12px;
        line-height: 10px; }
        .two-col-layout > .left .search input[type="text"]:focus {
          outline: none;
          background-color: #f4f4f4; }
      .two-col-layout > .left .search input[type="submit"] {
        display: block;
        margin-top: 0px;
        float: lreft;
        width: 60px;
        border: 1px solid #23a4c4;
        background: #27b7da;
        font-size: 10px;
        text-transform: uppercase;
        color: #fff;
        line-height: 26px;
        padding: 0 8px; }
        .two-col-layout > .left .search input[type="submit"]:hover {
          background: #e85400;
          border-color: #e85400; }
    .two-col-layout > .left .sidebar {
      width: 140px; }
      .two-col-layout > .left .sidebar .rsvp {
        width: 140px;
        height: 140px;
        margin-bottom: 15px;
        color: #fff;
        font-family: "Syntax W01 Bold", sans-serif;
        text-transform: uppercase;
        font-size: 25px;
        text-align: center;
        line-height: 25px;
        display: block;
        position: relative; }
        .two-col-layout > .left .sidebar .rsvp span {
          position: absolute;
          top: 50%;
          display: block;
          width: 100%; }
      .two-col-layout > .left .sidebar .social-plugs {
        float: none;
        width: 100%; }
      .two-col-layout > .left .sidebar .donate {
        display: block;
        width: 140px;
        height: 180px; }
      .two-col-layout > .left .sidebar .apply {
        display: block;
        width: 140px;
        height: 133px;
        margin-bottom: 25px;
        color: #fff;
        font-family: "Syntax W01 Bold", sans-serif;
        text-transform: uppercase;
        font-size: 24px;
        text-align: center;
        line-height: 22px;
        padding-top: 52px; }
      .two-col-layout > .left .sidebar h4.yellow-header {
        font-size: 13px;
        display: inline-block;
        background: #ffd50d;
        line-height: 18px;
        padding: 3px 5px;
        margin-bottom: 20px; }
      .two-col-layout > .left .sidebar .pdf {
        display: block;
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px; }
        .two-col-layout > .left .sidebar .pdf span {
          display: inline-block;
          vertical-align: middle;
          width: 79px;
          font-family: "Syntax W01 Bold", sans-serif;
          font-size: 11px; }
          .two-col-layout > .left .sidebar .pdf span.icon {
            height: 50px;
            width: 50px;
            margin-right: 5px;
            background: #27b7da;
            color: #fff;
            font-size: 18px;
            text-align: center;
            text-transform: uppercase;
            font-family: "Syntax W01 Bold", sans-serif;
            line-height: 50px; }
      .two-col-layout > .left .sidebar section h4 {
        font-size: 13px; }
      .two-col-layout > .left .sidebar section article {
        margin-top: 25px; }
        .two-col-layout > .left .sidebar section article h5, .two-col-layout > .left .sidebar section article p, .two-col-layout > .left .sidebar section article span, .two-col-layout > .left .sidebar section article a {
          font-size: 12px;
          line-height: 18px; }
        .two-col-layout > .left .sidebar section article a {
          display: block;
          color: #27B7DA;
          text-decoration: underline; }
          .two-col-layout > .left .sidebar section article a:hover {
            color: #e86522; }
    .two-col-layout > .left .text {
      width: 495px;
      margin-bottom: 60px;
      margin-right: 35px; }
      .two-col-layout > .left .text h3 {
        font-size: 20px;
        line-height: 21px;
        margin-bottom: 25px; }
      .two-col-layout > .left .text p {
        padding-bottom: 20px;
        font-size: 14px;
        line-height: 24px; }
      .two-col-layout > .left .text .sponsors {
        background: #fff;
        border: 1px solid #bcbcbc;
        padding: 30px 20px;
        margin-top: 25px; }
        .two-col-layout > .left .text .sponsors img {
          height: auto;
          width: 120px;
          height: auto;
          margin-right: 15px;
          margin-bottom: 16px;
          float: left;
          margin-left: 15px; }
        .two-col-layout > .left .text .sponsors.wheader {
          padding: 0px!important; }
          .two-col-layout > .left .text .sponsors.wheader header {
            padding: 25px 35px;
            border-bottom: 1px solid #bcbcbc; }
            .two-col-layout > .left .text .sponsors.wheader header h4 {
              display: block;
              margin-bottom: 5px; }
            .two-col-layout > .left .text .sponsors.wheader header p {
              padding: 0;
              font-size: 12px;
              line-height: 16px; }
          .two-col-layout > .left .text .sponsors.wheader div {
            padding: 15px 20px; }
      .two-col-layout > .left .text section {
        padding: 30px 0 10px 0; }
        .two-col-layout > .left .text section h4 {
          font-size: 15px;
          margin-bottom: 15px; }
        .two-col-layout > .left .text section.news {
          border-top: 1px solid #bcbcbc;
          margin-top: 30px;
          padding-bottom: 15px; }
          .two-col-layout > .left .text section.news article {
            margin-bottom: 40px; }
            .two-col-layout > .left .text section.news article h5 {
              font-size: 12px;
              margin-bottom: 5px; }
            .two-col-layout > .left .text section.news article p {
              padding-bottom: 10px; }
            .two-col-layout > .left .text section.news article .arrow {
              font-size: 12px;
              font-family: "Syntax W01 Bold", sans-serif;
              text-transform: uppercase;
              line-height: 10px; }
        .two-col-layout > .left .text section.question-form {
          border-top: 1px solid #bcbcbc;
          overflow: hidden;
          padding: 15px 0 0 0 !important;
          clear: both; }
          .two-col-layout > .left .text section.question-form .submit {
            height: 100%;
            width: 100%;
            display: inline-block; }
          .two-col-layout > .left .text section.question-form .success {
            font-size: 15px;
            color: #e86522; }
          .two-col-layout > .left .text section.question-form label {
            display: block;
            font-family: "Syntax W01 Bold", sans-serif;
            font-size: 12px;
            text-transform: uppercase;
            margin-bottom: 5px; }
          .two-col-layout > .left .text section.question-form input[type="text"] {
            border: 1px solid #bcbcbc;
            width: 188px;
            background: #e9e9e9;
            padding: 5px;
            margin-bottom: 15px;
            line-height: 13px;
            font-size: 12px; }
            .two-col-layout > .left .text section.question-form input[type="text"]:focus {
              outline: none;
              background-color: #f4f4f4; }
            .two-col-layout > .left .text section.question-form input[type="text"] + .error-message {
              margin-top: -15px;
              margin-bottom: 10px; }
          .two-col-layout > .left .text section.question-form .error-message {
            font-size: 11px;
            color: red; }
          .two-col-layout > .left .text section.question-form textarea {
            background: #e9e9e9;
            width: 298px;
            padding: 5px;
            height: 73px;
            border: 1px solid #bcbcbc;
            resize: none;
            font-size: 12px; }
            .two-col-layout > .left .text section.question-form textarea:focus {
              outline: none;
              background-color: #f4f4f4; }
          .two-col-layout > .left .text section.question-form .left {
            width: 200px; }
          .two-col-layout > .left .text section.question-form .right {
            width: 310px; }
          .two-col-layout > .left .text section.question-form input[type="submit"] {
            float: right;
            margin-top: 10px;
            border: 1px solid #23a4c4;
            background: #27b7da;
            font-size: 12px;
            font-family: "Syntax W01 Bold", sans-serif;
            text-transform: uppercase;
            color: #fff;
            line-height: 26px;
            padding: 0 8px; }
            .two-col-layout > .left .text section.question-form input[type="submit"]:hover {
              border-color: #e85400;
              background: #e85400; }
    .two-col-layout > .left .author-panel {
      clear: both;
      float: none;
      border-top: 1px solid #bcbcbc;
      border-bottom: 1px solid #bcbcbc;
      overflow: hidden;
      padding: 20px 0;
      margin: 0 0 60px 0; }
      .two-col-layout > .left .author-panel .left a {
        width: 150px;
        display: block;
        height: 150px;
        position: relative; }
        .two-col-layout > .left .author-panel .left a:hover .mask {
          background-position: -150px 0; }
        .two-col-layout > .left .author-panel .left a img {
          position: absolute;
          z-index: 1;
          margin: 15px; }
        .two-col-layout > .left .author-panel .left a .mask {
          width: 100%;
          height: 100%;
          background: url("../images_sys/sprites/small_mask.png") no-repeat 0 0;
          position: absolute;
          z-index: 10; }
      .two-col-layout > .left .author-panel .right {
        width: 515px;
        padding-right: 15px; }
        .two-col-layout > .left .author-panel .right h3 {
          margin-top: 20px;
          font-size: 20px;
          margin-bottom: 5px; }
        .two-col-layout > .left .author-panel .right p {
          font-size: 12px;
          line-height: 18px; }

.error {
  font-family: Verdana;
  font-size: 11px;
  color: #FF0202;
  padding-bottom: 20px; }
  .error.field-cluster {
    color: inherit;
    padding-bottom: inherit;
    font-size: inherit;
    font-family: inherit; }
    .error.field-cluster label {
      color: #ff0202; }
    .error.field-cluster .text.input input {
      border-color: #ff0202!important;
      color: #ff0202; }
    .error.field-cluster .textarea.input textarea {
      border-color: #ff0202!important;
      color: #ff0202; }

#grants-landing {
  overflow: hidden;
  margin-bottom: 60px; }
  #grants-landing > .left {
    width: 400px; }
    #grants-landing > .left article {
      margin-bottom: 45px; }
      #grants-landing > .left article h3 {
        font-size: 30px;
        font-family: Verdana, sans-serif;
        text-transform: capitalize;
        margin-bottom: 15px; }
      #grants-landing > .left article p {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 20px; }
        #grants-landing > .left article p:last-child {
          padding-bottom: 1px; }
      #grants-landing > .left article .arrow {
        text-transform: uppercase;
        font-size: 12px;
        font-family: "Syntax W01 Bold", sans-serif; }
        #grants-landing > .left article .arrow:hover {
          color: #e86522; }
  #grants-landing > .right {
    width: 540px; }
    #grants-landing > .right hgroup {
      text-align: center; }
      #grants-landing > .right hgroup h3 {
        text-transform: capitalize;
        font-family: Verdana, sans-serif;
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 5px; }
      #grants-landing > .right hgroup .arrow {
        font-family: "Syntax W01 Bold", sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        line-height: 20px;
        display: block; }
        #grants-landing > .right hgroup .arrow:hover {
          color: #e86522; }

#directions h4 {
  padding-bottom: 0px!important;
  margin-bottom: 0px!important; }

#join-landing {
  overflow: hidden; }
  #join-landing > article {
    width: 300px;
    float: left; }
    #join-landing > article + article {
      margin-left: 20px; }
    #join-landing > article .yellow-header {
      height: 50px;
      margin-bottom: 10px; }
      #join-landing > article .yellow-header a {
        display: inline-block;
        background: #ffd50d;
        font-size: 20px;
        padding: 5px 10px;
        line-height: 19px; }
    #join-landing > article .bubble {
      width: 280px;
      height: 280px;
      margin: 0 10px; }
      #join-landing > article .bubble a:hover .mask {
        background-position: -280px 0; }
      #join-landing > article .bubble .mask {
        background: url("../images_sys/sprites/join_mask.png") no-repeat;
        top: 0px;
        left: 0px;
        width: 280px;
        height: 280px; }
      #join-landing > article .bubble img {
        width: 250px;
        height: 250px; }
      #join-landing > article .bubble .call-out {
        position: absolute;
        z-index: 40;
        width: 100px;
        height: 100px;
        top: 16px;
        left: 0px; }
        #join-landing > article .bubble .call-out.teal {
          background: url("../images_sys/layout/circle-teal.png") no-repeat; }
        #join-landing > article .bubble .call-out.green {
          background: url("../images_sys/layout/circle-green.png") no-repeat; }
        #join-landing > article .bubble .call-out.blue {
          background: url("../images_sys/layout/circle-blue.png") no-repeat; }
        #join-landing > article .bubble .call-out h4 {
          color: #fff;
          font-size: 20px;
          text-align: center;
          line-height: 19px;
          margin: 31px 10px; }
    #join-landing > article .bubble + p {
      padding: 15px 22px 0 22px;
      font-size: 11px;
      line-height: 17px; }
  #join-landing .join-call-out {
    padding: 60px 0 80px 0;
    overflow: hidden;
    width: 100%;
    clear: both; }
    #join-landing .join-call-out article {
      overflow: hidden;
      width: 707px;
      margin: 0 auto; }
      #join-landing .join-call-out article .bubble-call {
        width: 180px;
        height: 180px;
        position: relative;
        float: left; }
        #join-landing .join-call-out article .bubble-call a {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute; }
          #join-landing .join-call-out article .bubble-call a:hover .mask {
            background-position: -180px 0; }
          #join-landing .join-call-out article .bubble-call a img {
            width: 150px;
            height: 150px;
            padding: 15px;
            position: absolute;
            z-index: 1; }
          #join-landing .join-call-out article .bubble-call a .mask {
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 30;
            background: url("../images_sys/sprites/join_mailinglist.png"); }
      #join-landing .join-call-out article h3 {
        float: left;
        display: block;
        background: #ffd50d;
        line-height: 37px;
        margin-top: 73px;
        font-size: 20px;
        width: 260px;
        padding-left: 5px; }
      #join-landing .join-call-out article a.btn {
        display: inline-block;
        float: left;
        margin-top: 73px;
        line-height: 35px;
        color: #fff;
        width: 125px;
        font-size: 20px;
        font-family: "Syntax W01 Bold", sans-serif;
        text-transform: uppercase;
        text-align: center;
        border: 1px solid #0493B1;
        background: #27b7da; }
        #join-landing .join-call-out article a.btn:hover {
          background: #e85400;
          border-color: #e85400; }

.bubble-carousel .carousel-wrapper {
  position: relative;
  width: 375px;
  height: 375px;
  margin: 0 auto; }
  .bubble-carousel .carousel-wrapper .controls {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    z-index: 40;
    top: 157px; }
    .bubble-carousel .carousel-wrapper .controls.disabled {
      background-position: right 0!important;
      cursor: default; }
    .bubble-carousel .carousel-wrapper .controls.next {
      right: -13px; }
    .bubble-carousel .carousel-wrapper .controls.prev {
      left: -13px; }
  .bubble-carousel .carousel-wrapper .carousel-item {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%; }
    .bubble-carousel .carousel-wrapper .carousel-item img {
      position: absolute;
      z-index: 1;
      margin: 20px;
      width: 355px;
      height: 355px; }
    .bubble-carousel .carousel-wrapper .carousel-item .mask {
      position: absolute;
      z-index: 10;
      width: 100%;
      height: 100%;
      background: url("../images_sys/sprites/mask_calendar_featured.png") no-repeat; }
    .bubble-carousel .carousel-wrapper .carousel-item + .carousel-item {
      display: none; }
.bubble-carousel .captions {
  position: relative;
  width: 335px;
  margin: 0 auto; }
  .bubble-carousel .captions.set-height {
    height: 170px; }
  .bubble-carousel .captions.set-height-lean {
    height: 65px; }
  .bubble-carousel .captions article {
    position: absolute;
    text-align: center;
    width: 335px; }
    .bubble-carousel .captions article h4 {
      font-size: 13px;
      margin-bottom: 5px; }
    .bubble-carousel .captions article p {
      font-size: 11px;
      line-height: 16px;
      padding-bottom: 15px;
      width: 335px;
      text-align: center;
      margin: 0 auto; }
    .bubble-carousel .captions article a.more {
      display: inline-block;
      font-size: 12px;
      font-family: "Syntax W01 Bold", sans-serif;
      line-height: 18px;
      background: #ffd50d;
      padding: 0 9px;
      text-transform: uppercase; }
      .bubble-carousel .captions article a.more:hover {
        background: #e86522;
        color: #fff; }
    .bubble-carousel .captions article + article {
      display: none; }

.modules-lists {
  overflow: hidden;
  clear: both;
  margin-bottom: 100px; }
  .modules-lists section {
    width: 300px;
    float: left; }
    .modules-lists section h3 {
      font-size: 20px;
      line-height: 33px;
      padding: 0 20px;
      background: #ffd50d; }
    .modules-lists section article {
      overflow: hidden;
      padding-left: 20px;
      clear: both;
      margin-top: 15px; }
      .modules-lists section article .left {
        width: 200px; }
        .modules-lists section article .left h5 {
          font-size: 13px;
          text-transform: capitalize;
          color: #000;
          line-height: 15px;
          display: block; }
        .modules-lists section article .left span {
          font-size: 12px;
          font-family: "Syntax W01 Bold", sans-serif;
          line-height: 14px;
          color: #6c6c6c;
          display: block; }
      .modules-lists section article .more.right {
        display: inline-block;
        background: #27b7da;
        width: auto;
        color: #fff;
        text-transform: uppercase;
        font-family: "Syntax W01 Bold", sans-serif;
        font-size: 12px;
        line-height: 18px;
        padding: 0 5px;
        border: 1px solid #23a4c4; }
        .modules-lists section article .more.right:hover {
          border-color: #e85400;
          background: #e85400; }
    .modules-lists section + section {
      margin-left: 20px; }

.slide-carousel {
  width: 100%;
  overflow: hidden;
  margin-bottom: 25px; }
  .slide-carousel .carousel-container {
    width: 100%;
    height: 305px;
    position: relative;
    overflow: hidden; }
    .slide-carousel .carousel-container .y-border {
      position: absolute;
      z-index: 100;
      height: 100%;
      display: block;
      width: 2px;
      background: #ffd50d;
      top: 0px;
      right: 0px; }
    .slide-carousel .carousel-container .feed {
      width: 99999px;
      height: 305px;
      position: absolute;
      background: url("../images_sys/layout/hatch_tiled.png") repeat black; }
      .slide-carousel .carousel-container .feed .carousel-item {
        height: 305px;
        width: auto;
        float: left;
        border-right: 2px solid #e3e3e4;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5; }
        .slide-carousel .carousel-container .feed .carousel-item.active {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1; }
  .slide-carousel .captions {
    overflow: hidden;
    position: relative;
    padding-top: 14px;
    width: 600px;
    height: 41px; }
    .slide-carousel .captions > span {
      position: absolute;
      font-size: 11px;
      width: 100%;
      padding-left: 0px;
      line-height: 13px; }
      .slide-carousel .captions > span h5 {
        display: inline;
        margin-right: 5px; }
      .slide-carousel .captions > span a {
        color: #27b7da; }
        .slide-carousel .captions > span a:hover {
          text-decoration: underline; }
      .slide-carousel .captions > span + span {
        display: none; }
  .slide-carousel .controls {
    width: 80px;
    text-align: right;
    margin-top: 5px; }
    .slide-carousel .controls a {
      display: inline-block;
      width: 35px;
      height: 35px; }

.tag {
  font-family: "Syntax W01 Bold", sans-serif;
  font-size: 15px;
  color: #fff;
  text-transform: normal;
  line-height: 23px;
  padding: 0 8px;
  margin-bottom: 20px;
  display: inline-block; }
  .tag.blue {
    background: #27b7da; }
  .tag.green {
    background: #9ac946;
    color: #fff; }
  .tag.orange {
    background: #ea6e1f; }
  .tag a {
    color: #fff; }

.filter-page {
  width: 700px;
  overflow: hidden; }
  .filter-page .resultSeperator {
    height: 10px;
    width: 699px;
    border-top: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC; }
  .filter-page .resultTitle {
    padding-top: 15px;
    padding-bottom: 20px;
    font-size: 26px;
    display: block;
    width: 600px; }
  .filter-page .bubble-grid {
    padding-top: 25px;
    margin-bottom: 20px;
    background: url("../images_sys/layout/rule_hangdown.jpg") no-repeat right 0;
    background-position: right 58px; }
    .filter-page .bubble-grid > h3 {
      border-bottom: 1px solid #bcbcbc;
      padding-bottom: 10px;
      margin-bottom: 20px; }
    .filter-page .bubble-grid:last-child {
      margin-bottom: 100px; }

#community-profile {
  margin-bottom: 30px;
  overflow: hidden;
  clear: both; }
  #community-profile > .left {
    width: 400px; }
    #community-profile > .left > .right {
      width: 180px;
      margin-left: 15px;
      position: relative;
      top: 18px; }
      #community-profile > .left > .right article {
        margin-bottom: 20px;
        line-height: 18px;
        font-size: 11px; }
        #community-profile > .left > .right article a {
          color: #27B7DA;
          text-decoration: underline;
          color: #313131; }
          #community-profile > .left > .right article a:hover {
            color: #e86522; }
        #community-profile > .left > .right article h5 {
          clear: left;
          margin-right: 5px;
          font-size: 12px; }
        #community-profile > .left > .right article ol, #community-profile > .left > .right article ul {
          clear: left;
          padding: 0px;
          margin: 0; }
        #community-profile > .left > .right article ul li {
          display: inline; }
          #community-profile > .left > .right article ul li a {
            text-decoration: underline; }
  #community-profile > .right {
    width: 520px;
    margin-top: 16px; }
    #community-profile > .right p {
      font-size: 14px;
      line-height: 24px;
      padding-bottom: 20px; }

#account-landing {
  overflow: hidden;
  margin-bottom: 50px;
  padding-top: 30px; }
  #account-landing article {
    width: 300px;
    margin-left: 20px;
    float: left;
    margin-bottom: 75px;
    *display: inline-block;
    *float: none;
    *vertical-align: top; }
    #account-landing article .left {
      display: block;
      width: 100px;
      margin-right: 15px;
      height: 100px; }
    #account-landing article .right {
      width: 185px; }
      #account-landing article .right h3 {
        font-size: 20px;
        margin-bottom: 7px; }
      #account-landing article .right p {
        font-size: 11px;
        line-height: 16px;
        padding-bottom: 10px; }
      #account-landing article .right .arrow {
        font-size: 10px;
        text-transform: uppercase;
        background: #ffd50d;
        padding: 3px 5px;
        line-height: 14px; }
        #account-landing article .right .arrow:hover {
          background: #e86522;
          color: #fff!important; }
    #account-landing article.alpha {
      margin-left: 0px;
      clear: left; }

.bubble-sm {
  position: relative;
  width: 130px;
  height: 130px; }
  .bubble-sm a {
    display: block;
    width: 100%;
    height: 100%; }
    .bubble-sm a:hover .mask {
      background-position: -120px 0; }
  .bubble-sm img {
    position: absolute;
    z-index: 1;
    width: auto;
    height: auto; }
  .bubble-sm .mask {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: url("../images_sys/sprites/calendar_event_small_mask.png") no-repeat; }
  .bubble-sm .date {
    position: absolute;
    width: 37px;
    height: 27px;
    background: url("../images_sys/icon/calendar_date_small.png") no-repeat;
    padding: 10px 5px;
    z-index: 20; }
    .bubble-sm .date h5, .bubble-sm .date h6 {
      color: #313131;
      text-align: center; }
    .bubble-sm .date h5 {
      font-size: 12px; }
    .bubble-sm .date h6 {
      font-size: 9px; }

.white-block {
  background: #fff;
  padding: 60px 0;
  overflow: hidden; }
  .white-block .container > .left {
    width: 370px; }
    .white-block .container > .left section article > .left {
      width: 120px; }
      .white-block .container > .left section article > .left img {
        width: 110px;
        height: auto; }
    .white-block .container > .left section article > .right {
      width: 250px; }
      .white-block .container > .left section article > .right h4 {
        font-size: 12px;
        line-height: 14px; }
      .white-block .container > .left section article > .right p {
        font-size: 11px;
        line-height: 14px;
        padding-bottom: 12px; }
      .white-block .container > .left section article > .right h5 {
        font-size: 11px;
        text-transform: none; }
        .white-block .container > .left section article > .right h5 span {
          font-family: Verdana, sans-serif;
          padding-left: 5px; }
      .white-block .container > .left section article > .right .arrow {
        font-family: "Syntax W01 Bold", sans-serif;
        text-transform: uppercase;
        font-size: 12px;
        color: #313131; }
    .white-block .container > .left section article > .full-width {
      width: 370px; }
      .white-block .container > .left section article > .full-width h4 {
        font-size: 11px;
        line-height: 14px; }
      .white-block .container > .left section article > .full-width p {
        font-size: 11px;
        line-height: 14px;
        padding-bottom: 12px; }
      .white-block .container > .left section article > .full-width h5 {
        font-size: 11px;
        text-transform: none; }
        .white-block .container > .left section article > .full-width h5 span {
          font-family: Verdana, sans-serif;
          padding-left: 5px; }
      .white-block .container > .left section article > .full-width .arrow {
        font-family: "Syntax W01 Bold", sans-serif;
        text-transform: uppercase;
        font-size: 12px;
        color: #313131; }
  .white-block .container > .right {
    width: 540px; }
  .white-block .container section {
    margin-bottom: 30px;
    overflow: hidden; }
    .white-block .container section article {
      clear: left;
      overflow: hidden;
      margin-bottom: 30px; }
    .white-block .container section h3 {
      display: block;
      float: left;
      background: #ffd50d;
      font-size: 20px;
      padding: 3px 8px;
      color: #000;
      margin-bottom: 25px;
      overflow: hidden; }
      .white-block .container section h3 + .arrow {
        clear: both!important;
        display: block;
        float: left;
        text-transform: uppercase;
        font-family: "Syntax W01 Bold", sans-serif;
        font-size: 12px;
        margin-bottom: 30px; }

.bubble-ticker {
  overflow: hidden;
  margin-bottom: 35px; }
  .bubble-ticker .left {
    width: 312px;
    padding-top: 40px; }
    .bubble-ticker .left .yellow-header a {
      display: inline-block;
      background: #ffd50d;
      font-size: 15px;
      line-height: 15px;
      padding: 0 9px;
      padding-bottom: 6px;
      padding-top: 6px; }
    .bubble-ticker .left .yellow-header:hover a {
      color: #fff !important;
      background: #e86522 !important; }
    .bubble-ticker .left .green-header {
      font-family: "Syntax W01 Bold", sans-serif;
      font-size: 11px;
      clear: left;
      color: #fff;
      display: block;
      float: left;
      background: #9ac946;
      padding: 0 9px;
      line-height: 20px; }
      .bubble-ticker .left .green-header a {
        color: #fff; }
    .bubble-ticker .left .blue-header {
      font-family: "Syntax W01 Bold", sans-serif;
      font-size: 12px;
      color: #fff;
      display: block;
      float: left;
      background: #27b7da;
      padding: 0 9px;
      line-height: 20px; }
    .bubble-ticker .left p {
      clear: left;
      font-size: 14px;
      line-height: 24px;
      padding: 30px 0; }
    .bubble-ticker .left .cats {
      font-size: 11px;
      line-height: 20px;
      font-family: Verdana;
      position: relative;
      top: 12px; }
      .bubble-ticker .left .cats h5 {
        display: inline-block; }
      .bubble-ticker .left .cats a {
        margin-left: 5px;
        text-decoration: underline; }
        .bubble-ticker .left .cats a:hover {
          color: #e86522; }
    .bubble-ticker .left .captions {
      position: relative;
      width: 100%;
      height: 230px; }
      .bubble-ticker .left .captions article {
        position: absolute;
        width: 100%;
        height: 100%; }
        .bubble-ticker .left .captions article + article {
          display: none; }
        .bubble-ticker .left .captions article h3 {
          font-size: 20px;
          margin-bottom: 5px; }
        .bubble-ticker .left .captions article p {
          font-size: 14px;
          line-height: 24px;
          padding: 0 0 20px 0; }
    .bubble-ticker .left .ticker {
      overflow: hidden; }
      .bubble-ticker .left .ticker a {
        display: inline-block;
        width: 21px;
        height: 21px;
        overflow: hidden;
        margin-right: 2px;
        background: url("../images_sys/sprites/carousel_circle.png") no-repeat -21px 0; }
        .bubble-ticker .left .ticker a:hover, .bubble-ticker .left .ticker a.active {
          background-position: 0 0; }
  .bubble-ticker .carousel-wrap {
    width: 375px;
    height: 375px;
    position: relative;
    overflow: hidden; }
    .bubble-ticker .carousel-wrap .carousel-item {
      position: absolute;
      width: 100%;
      left: 0px; }
      .bubble-ticker .carousel-wrap .carousel-item:hover .mask {
        background-position: -375px 0; }
      .bubble-ticker .carousel-wrap .carousel-item img {
        position: absolute;
        width: 505px;
        top: 20px;
        right: 20px;
        height: auto;
        z-index: 1; }
      .bubble-ticker .carousel-wrap .carousel-item .img {
        position: absolute;
        width: 335px;
        height: 335px;
        top: 20px;
        right: 20px;
        z-index: 1; }
      .bubble-ticker .carousel-wrap .carousel-item .mask {
        display: block;
        width: 100%;
        height: 375px;
        position: absolute;
        z-index: 10;
        background: url("../images_sys/layout/mask_calendar_featured_01.png") no-repeat 0 0; }
      .bubble-ticker .carousel-wrap .carousel-item .date {
        display: block;
        width: 88px;
        height: 68px;
        background: url("../images_sys/icon/calendar_date_large.png") no-repeat;
        padding: 20px 10px;
        z-index: 50;
        top: 28px;
        position: absolute; }
        .bubble-ticker .carousel-wrap .carousel-item .date h5, .bubble-ticker .carousel-wrap .carousel-item .date h3 {
          text-align: center;
          color: #313131; }
        .bubble-ticker .carousel-wrap .carousel-item .date h5 {
          font-size: 18px; }
        .bubble-ticker .carousel-wrap .carousel-item .date h3 {
          font-size: 28px;
          line-height: 23px; }
      .bubble-ticker .carousel-wrap .carousel-item .double-date {
        display: block;
        background: url("../images_sys/icon/calendar_featured_ongoing.png") no-repeat;
        z-index: 50;
        top: 28px;
        position: absolute;
        width: 167px;
        height: 68px;
        right: 0px;
        padding: 20px 10px; }
        .bubble-ticker .carousel-wrap .carousel-item .double-date > div {
          float: left;
          width: 80px; }
          .bubble-ticker .carousel-wrap .carousel-item .double-date > div h5, .bubble-ticker .carousel-wrap .carousel-item .double-date > div h3 {
            text-align: center;
            color: #313131; }
          .bubble-ticker .carousel-wrap .carousel-item .double-date > div h5 {
            font-size: 18px; }
          .bubble-ticker .carousel-wrap .carousel-item .double-date > div h3 {
            font-size: 28px;
            line-height: 23px; }
          .bubble-ticker .carousel-wrap .carousel-item .double-date > div + div {
            margin-left: 7px; }
      .bubble-ticker .carousel-wrap .carousel-item + .carousel-item {
        display: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        left: -25px; }

#event-bubble {
  width: 150px;
  height: 80px; }
  #event-bubble .date, #event-bubble .double-date {
    top: 0px; }
    #event-bubble .date h5:first-child, #event-bubble .double-date h5:first-child {
      margin-top: -5px; }
    #event-bubble .date h3, #event-bubble .double-date h3 {
      margin-bottom: 2px; }

.bubble {
  position: relative;
  width: 205px;
  height: 205px;
  top: 5px;
  margin-bottom: 1px; }
  .bubble > a:hover .mask {
    background-position: -205px 0; }
  .bubble > a {
    display: block;
    width: 100%;
    height: 100%; }
  .bubble img {
    position: absolute;
    width: 175px;
    height: 175px;
    left: 15px;
    top: 15px;
    z-index: 1; }
  .bubble .mask {
    width: 205px;
    height: 205px;
    position: absolute;
    z-index: 10;
    right: 0;
    background: url("../images_sys/sprites/mask.png") no-repeat 0px 0px; }
  .bubble .date {
    position: absolute;
    width: 64px;
    height: 40px;
    background: url("../images_sys/icon/calendar_date.png") no-repeat;
    z-index: 20;
    padding: 12px 0px;
    top: 15px; }
    .bubble .date.right {
      right: 0px; }
    .bubble .date h3 {
      font-size: 17px;
      line-height: 16px;
      margin: 2px 0; }
    .bubble .date h3, .bubble .date h5 {
      color: #2c2c2c;
      text-align: center; }
    .bubble .date h5 {
      font-size: 11px;
      line-height: 12px; }
  .bubble .double-date {
    position: absolute;
    z-index: 20;
    top: 15px;
    width: 85px;
    height: 64px;
    padding: 0 10px;
    background: url("../images_sys/layout/calendar_multidates.png") no-repeat; }
    .bubble .double-date.right {
      right: 0px; }
    .bubble .double-date > div {
      float: left;
      width: 42px;
      padding-top: 10px; }
      .bubble .double-date > div h3 {
        font-size: 17px;
        line-height: 16px;
        margin: 2px 0; }
      .bubble .double-date > div h3, .bubble .double-date > div h5 {
        color: #2c2c2c;
        text-align: center; }
      .bubble .double-date > div h5 {
        font-size: 11px;
        line-height: 12px; }

.bubble-grid {
  overflow: hidden;
  margin-bottom: 100px;
  padding-right: 0px!important; }
  .bubble-grid .bubble-area {
    cursor: pointer; }
    .bubble-grid .bubble-area:hover h3 {
      background: #e86522; }
      .bubble-grid .bubble-area:hover h3 a {
        color: #fff !important;
        background: #e86522 !important; }
    .bubble-grid .bubble-area:hover .mask {
      background-position: -205px 0; }
  .bubble-grid hgroup {
    margin-bottom: 30px; }
    .bubble-grid hgroup h3 {
      font-size: 20px; }
    .bubble-grid hgroup h6, .bubble-grid hgroup h6 a {
      font-size: 10px; }
  .bubble-grid article {
    margin-right: 20px;
    width: 220px;
    float: left;
    height: 390px; }
    .bubble-grid article .clickable:hover .yellow-header {
      background: #e86522; }
      .bubble-grid article .clickable:hover .yellow-header a {
        color: #fff !important;
        background: #e86522 !important; }
    .bubble-grid article hgroup {
      height: 43px;
      display: block;
      margin-bottom: 10px; }
      .bubble-grid article hgroup .yellow-header a {
        display: block;
        float: left;
        background: #ffd50d;
        font-size: 13px;
        line-height: 20px;
        padding: 0 9px;
        padding-bottom: 6px;
        padding-top: 6px;
        line-height: 13px;
        max-width: 184px; }
      .bubble-grid article hgroup .blue-header {
        font-family: "Syntax W01 Bold", sans-serif;
        font-size: 12px;
        clear: left;
        color: #fff;
        display: block;
        float: left;
        background: #27b7da;
        padding: 0 3px;
        line-height: 18px;
        margin-left: 20px;
        max-width: 170px;
        position: relative;
        z-index: 10000; }
      .bubble-grid article hgroup .green-header {
        font-family: "Syntax W01 Bold", sans-serif;
        font-size: 11px;
        clear: left;
        color: #fff;
        display: block;
        float: left;
        background: #9ac946;
        padding: 0 3px;
        line-height: 20px;
        margin-left: 20px; }
        .bubble-grid article hgroup .green-header a {
          color: #fff; }
      .bubble-grid article hgroup.staff-header h3 {
        display: block;
        float: left;
        font-size: 14px;
        line-height: 23px;
        background: #ffd50d;
        padding: 0 7px;
        margin: 0px; }
        .bubble-grid article hgroup.staff-header h3:hover {
          background: #e86522; }
          .bubble-grid article hgroup.staff-header h3:hover a {
            color: #fff !important; }
      .bubble-grid article hgroup.staff-header h4 {
        display: block;
        float: left;
        clear: left;
        font-size: 12px;
        text-transform: none;
        line-height: 23px;
        background: #9aca3c;
        padding: 0 7px; }
    .bubble-grid article .yellow-header a {
      display: block;
      float: left;
      background: #ffd50d;
      font-size: 13px;
      line-height: 20px;
      padding: 0 9px; }
    .bubble-grid article .calBubble {
      position: relative;
      top: 5px; }
    .bubble-grid article .content {
      position: relative;
      top: 12px; }
      .bubble-grid article .content p {
        font-size: 11px!important;
        line-height: 14px!important;
        margin-top: 15px;
        padding-left: 25px; }
      .bubble-grid article .content.staff a, .bubble-grid article .content.staff span {
        display: block;
        font-size: 11px;
        line-height: 18px; }
      .bubble-grid article .content.staff a {
        text-decoration: underline; }
    .bubble-grid article .tag {
      margin-bottom: 10px; }
    .bubble-grid article h3 {
      font-size: 13px;
      margin-bottom: 5px; }
    .bubble-grid article p {
      font-size: 11px;
      line-height: 14px;
      margin-top: 15px;
      padding-left: 25px; }
    .bubble-grid article .cats {
      font-size: 11px;
      line-height: 20px;
      font-family: Verdana;
      position: relative;
      top: 12px; }
      .bubble-grid article .cats .ext {
        display: block;
        text-decoration: none; }
      .bubble-grid article .cats h5 {
        display: inline-block; }
      .bubble-grid article .cats a {
        text-decoration: underline; }
        .bubble-grid article .cats a:hover {
          color: #e86522; }

.pagination {
  width: 500px;
  overflow: hidden;
  border-top: 1px solid #bcbcbc;
  padding-top: 15px;
  float: right;
  text-align: right; }
  .pagination span {
    font-size: 11px;
    line-height: 25px;
    display: block;
    margin-bottom: 5px; }
  .pagination a {
    display: inline-block;
    margin-left: 3px;
    font-size: 14px;
    line-height: 26px;
    padding: 0 8px;
    color: #313131;
    background: #aad6e1; }
    .pagination a.active {
      color: #fff;
      font-weight: bold;
      background: #27b7da; }
    .pagination a:hover {
      color: #fff;
      background: #27b7da; }
  .pagination .paginationEllipses {
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    margin-left: 3px;
    padding: 0;
    vertical-align: text-top; }

.panel-carousel {
  margin-bottom: 58px;
  position: relative;
  width: 940px;
  height: 330px; }
  .panel-carousel#homepage-carousel {
    margin-top: 15px; }
  .panel-carousel .controls {
    position: absolute;
    z-index: 100;
    width: 60px;
    height: 60px;
    display: block;
    top: 135px;
    background-position: 0 0; }
    .panel-carousel .controls.disabled {
      background-position: right 0!important;
      cursor: default; }
    .panel-carousel .controls.prev {
      left: -30px; }
    .panel-carousel .controls.next {
      right: -30px; }
  .panel-carousel .captions {
    position: absolute;
    z-index: 50;
    top: 0;
    right: 0px;
    height: 270px;
    width: 240px;
    background: #27b7da;
    padding: 30px; }
    .panel-carousel .captions article {
      position: absolute;
      width: 240px; }
      .panel-carousel .captions article h2 a {
        font-size: 26px;
        font-family: "Syntax W01 Bold", sans-serif;
        line-height: 24px;
        color: #fff; }
      .panel-carousel .captions article h2 {
        margin-bottom: 17px;
        margin-right: 20px; }
      .panel-carousel .captions article p {
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        margin-right: 20px; }
      .panel-carousel .captions article + article {
        margin-top: -20px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
    .panel-carousel .captions .bottom {
      position: absolute;
      height: 33px;
      left: 0px;
      width: 300px;
      bottom: 0px;
      background: #454545; }
      .panel-carousel .captions .bottom a {
        color: #ffd50d;
        font-family: "Syntax W01 Bold", sans-serif;
        font-size: 14px;
        position: absolute;
        line-height: 33px;
        display: block;
        left: 0px;
        margin-left: 30px;
        background: url("../images_sys/icon/landing_page_carousel_arrows.png") no-repeat right 11px;
        padding-right: 30px;
        text-transform: uppercase; }
        .panel-carousel .captions .bottom a + a {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0;
          display: none; }
  .panel-carousel .wrap {
    width: 940px;
    height: 330px;
    overflow: hidden!important;
    position: relative; }
    .panel-carousel .wrap .feed {
      width: 9999px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .panel-carousel .wrap .carousel-item {
      display: block;
      height: 330px;
      width: 640px;
      float: left; }
      .panel-carousel .wrap .carousel-item img {
        width: 100%;
        height: 100%; }
      .panel-carousel .wrap .carousel-item + .carousel-item {
        left: 640px; }

.bubble-feed-side {
  overflow: hidden;
  margin-bottom: 68px; }
  .bubble-feed-side hgroup {
    display: block;
    width: 156px;
    padding-top: 30px;
    padding-left: 18px;
    padding-right: 20px; }
    .bubble-feed-side hgroup h2 {
      font-size: 20px;
      line-height: 20px; }
    .bubble-feed-side hgroup a.arrow {
      text-transform: uppercase;
      font-family: "Syntax W01 Bold", sans-serif;
      font-size: 12px;
      line-height: 16px;
      color: #313131; }
      .bubble-feed-side hgroup a.arrow:hover {
        color: #e86522; }
    .bubble-feed-side hgroup .controls {
      margin-top: 37px;
      overflow: hidden; }
      .bubble-feed-side hgroup .controls a {
        display: block;
        float: left;
        width: 35px;
        height: 35px; }
  .bubble-feed-side .feed-wrap {
    width: 732px;
    position: relative;
    overflow: hidden;
    height: 205px; }
    .bubble-feed-side .feed-wrap .feed {
      position: absolute;
      height: 100%;
      width: 9999px; }
      .bubble-feed-side .feed-wrap .feed article {
        float: left;
        width: 345px;
        padding-right: 15px;
        height: 205px;
        overflow: hidden; }
        .bubble-feed-side .feed-wrap .feed article + article {
          margin-left: 12px; }
        .bubble-feed-side .feed-wrap .feed article .content {
          width: 140px;
          height: 150px;
          position: relative;
          padding: 20px 0; }
          .bubble-feed-side .feed-wrap .feed article .content h3 {
            margin-bottom: 5px;
            line-height: 13px; }
          .bubble-feed-side .feed-wrap .feed article .content h3 a {
            color: #313131;
            font-size: 13px; }
            .bubble-feed-side .feed-wrap .feed article .content h3 a:hover {
              color: #e86522; }
          .bubble-feed-side .feed-wrap .feed article .content p {
            font-size: 11px;
            line-height: 15px; }
          .bubble-feed-side .feed-wrap .feed article .content .arrow {
            text-transform: uppercase;
            line-height: 10px;
            position: absolute;
            bottom: 0px;
            font-size: 12px;
            color: #313131;
            font-family: "Syntax W01 Bold", sans-serif; }
            .bubble-feed-side .feed-wrap .feed article .content .arrow:hover {
              color: #e86522; }

.bubble-feed {
  overflow: hidden;
  margin-bottom: 68px; }
  .bubble-feed hgroup {
    display: block;
    width: 156px;
    padding-top: 77px;
    padding-left: 18px;
    padding-right: 20px; }
    .bubble-feed hgroup h2 {
      font-size: 20px;
      line-height: 20px;
      margin-bottom: 5px; }
    .bubble-feed hgroup a.arrow {
      text-transform: uppercase;
      font-family: "Syntax W01 Bold", sans-serif;
      font-size: 10px!important;
      line-height: 16px;
      color: #313131;
      padding-right: 0!important; }
    .bubble-feed hgroup .controls {
      margin-top: 37px;
      overflow: hidden; }
      .bubble-feed hgroup .controls a {
        display: block;
        float: left;
        width: 35px;
        height: 35px; }
  .bubble-feed .feed-wrap {
    width: 700px;
    position: relative;
    overflow: hidden;
    height: 450px; }
    .bubble-feed .feed-wrap .feed {
      position: absolute;
      height: 100%;
      width: 9999px; }
      .bubble-feed .feed-wrap .feed article {
        float: left;
        width: 220px;
        margin-right: 20px;
        overflow: hidden; }
        .bubble-feed .feed-wrap .feed article hgroup {
          height: 38px;
          padding: 0px;
          width: auto;
          overflow: hidden; }
          .bubble-feed .feed-wrap .feed article hgroup .yellow-header a {
            display: inline-block;
            background: #ffd50d;
            font-size: 15px;
            line-height: 20px;
            padding: 0 9px;
            *width: 100%; }
        .bubble-feed .feed-wrap .feed article .content {
          font-size: 11px;
          line-height: 15px;
          margin-top: 10px; }
          .bubble-feed .feed-wrap .feed article .content .cats {
            font-size: 12px;
            line-height: 20px;
            font-family: "Syntax W01 Bold", sans-serif; }
            .bubble-feed .feed-wrap .feed article .content .cats h5 {
              display: inline-block; }
            .bubble-feed .feed-wrap .feed article .content .cats a {
              margin-left: 5px;
              text-decoration: underline; }
          .bubble-feed .feed-wrap .feed article .content h3 {
            margin-bottom: 5px;
            line-height: 13px; }
          .bubble-feed .feed-wrap .feed article .content h3 a {
            color: #313131;
            font-size: 13px; }
            .bubble-feed .feed-wrap .feed article .content h3 a:hover {
              color: #e86522; }
          .bubble-feed .feed-wrap .feed article .content p {
            font-size: 11px;
            line-height: 15px; }
          .bubble-feed .feed-wrap .feed article .content .arrow {
            text-transform: uppercase;
            line-height: 12px;
            position: absolute;
            bottom: 0px;
            font-size: 12px;
            color: #313131;
            font-family: "Syntax W01 Bold", sans-serif; }
  .bubble-feed.flat {
    padding-right: 0px!important; }
    .bubble-feed.flat hgroup {
      display: block;
      width: 100%;
      float: none;
      padding: 15px 0 20px 0; }
      .bubble-feed.flat hgroup .controls {
        display: none; }
    .bubble-feed.flat .feed-wrap {
      width: 100%;
      height: auto;
      position: static; }
      .bubble-feed.flat .feed-wrap .feed {
        position: static;
        width: 100%;
        height: auto; }
        .bubble-feed.flat .feed-wrap .feed article {
          padding-bottom: 15px;
          border-top: 1px solid #bcbcbc;
          float: none;
          width: 100%;
          margin-right: 0px; }
          .bubble-feed.flat .feed-wrap .feed article .content {
            width: 465px;
            padding-top: 15px; }

.square-grid {
  overflow: hidden;
  clear: both;
  margin-bottom: 20px; }
  .square-grid .img > a {
    display: block;
    width: 100%;
    height: 100%; }
  .square-grid .img span.arrow {
    line-height: 31px;
    padding-left: 15px; }
    .square-grid .img span.arrow:hover {
      color: #fff!important; }
  .square-grid .img:hover span.arrow {
    color: #fff;
    background-color: #e86522; }
  .square-grid.last {
    margin-bottom: 20px !important; }
    .square-grid.last .img span.arrow {
      line-height: 31px;
      padding-left: 15px; }
      .square-grid.last .img span.arrow:hover {
        color: #fff!important; }
    .square-grid.last .img:hover span.arrow {
      color: #fff;
      background-color: #e86522; }
  .square-grid.alt article {
    height: 300px; }
  .square-grid.alt .img {
    height: 175px; }
    .square-grid.alt .img span.arrow {
      line-height: 31px;
      padding-left: 15px; }
      .square-grid.alt .img span.arrow:hover {
        color: #fff!important; }
    .square-grid.alt .img:hover span.arrow {
      color: #fff;
      background-color: #e86522; }
  .square-grid article {
    width: 300px;
    float: left;
    height: 345px;
    margin-right: 20px;
    margin-bottom: 50px; }
    .square-grid article .img {
      position: relative;
      width: 100%;
      height: 247px;
      margin-bottom: 15px;
      overflow: hidden; }
      .square-grid article .img > a {
        padding-left: 0px; }
      .square-grid article .img img {
        position: absolute;
        z-index: 1; }
      .square-grid article .img div {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1; }
      .square-grid article .img .hatch {
        position: absolute;
        z-index: 5;
        top: 0px;
        width: 100%;
        height: 100%;
        background: url("../images_sys/layout/hatch_tiled.png") repeat;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; }
      .square-grid article .img span.arrow {
        position: absolute;
        bottom: 0;
        right: 0px;
        background-color: #ffd50d;
        z-index: 10;
        font-family: "Syntax W01 Bold", sans-serif;
        font-size: 12px;
        line-height: 22px;
        color: #313131;
        text-transform: uppercase;
        padding-left: 7px; }
    .square-grid article h2 {
      margin: 0 20px;
      position: relative;
      top: 5px; }
      .square-grid article h2 a {
        font-size: 20px;
        padding: 0;
        line-height: 18px; }
        .square-grid article h2 a:hover {
          color: #e86522; }
    .square-grid article a {
      font-size: 12px;
      font-family: "Syntax W01 Bold", sans-serif;
      text-transform: uppercase;
      padding-left: 20px; }
      .square-grid article a:hover {
        color: #e86522; }
      .square-grid article a + a {
        padding: 0; }
        .square-grid article a + a:before {
          content: '| ';
          color: black; }
    .square-grid article p {
      padding: 10px 20px 0 20px;
      font-size: 11px;
      line-height: 16px; }

.modules-bottom {
  overflow: hidden;
  margin-bottom: 100px; }
  .modules-bottom p a {
    font-weight: bold;
    color: #27B7DA; }
    .modules-bottom p a:hover {
      color: #e86522; }
  .modules-bottom section {
    width: 229px;
    float: left; }
    .modules-bottom section + section {
      margin-left: 8px; }
    .modules-bottom section h3 {
      font-size: 18px;
      line-height: 36px;
      padding-left: 20px;
      background: #ffd50d; }
      .modules-bottom section h3.tw {
        background: url("../images_sys/icon/twitter_latesttweets.png") no-repeat 20px center #ffd50d;
        padding-left: 56px; }
      .modules-bottom section h3.flickr {
        padding-left: 50px;
        background: url("../images_sys/icon/module_flickr_icon.png") no-repeat 20px center #ffd50d; }
      .modules-bottom section h3.vimeo {
        background: url("../images_sys/icon/module_vimeo_icon.png") no-repeat 20px center #ffd50d;
        padding-left: 50px; }
    .modules-bottom section article {
      padding: 20px; }
      .modules-bottom section article h6 {
        font-size: 10px; }
      .modules-bottom section article h4 {
        font-size: 13px;
        margin-bottom: 10px;
        line-height: 13px; }
        .modules-bottom section article h4 a:hover {
          color: #e86522; }
      .modules-bottom section article p {
        font-size: 11px;
        line-height: 14px;
        padding-bottom: 15px; }
      .modules-bottom section article a.arrow {
        font-family: "Syntax W01 Bold", sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        position: relative;
        top: -5px; }
        .modules-bottom section article a.arrow:hover {
          color: #e86522; }

.modules-side {
  width: 230px;
  margin-bottom: 100px; }
  .modules-side #download-icon {
    background: url("../images_sys/icon/download_graphic.png") no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    margin-left: 20px;
    margin-right: 10px;
    position: relative;
    top: 14px; }
  .modules-side.forum-module {
    margin-top: 25px; }
  .modules-side > .fl h3 {
    background: url("../images_sys/icon/module_flickr_icon.png") no-repeat 20px center #ffd50d;
    padding-left: 50px; }
  .modules-side > .fl .mod-img {
    height: 230px; }
    .modules-side > .fl .mod-img img {
      width: 100%;
      height: auto; }
  .modules-side > .vm h3 {
    background: url("../images_sys/icon/module_vimeo_icon.png") no-repeat 20px center #ffd50d;
    padding-left: 50px; }
  .modules-side > .vm .mod-img {
    height: 230px; }
    .modules-side > .vm .mod-img img {
      height: 230px;
      width: auto; }
  .modules-side > .apply-now h3 {
    padding: 0px;
    color: #fff;
    background: transparent;
    display: block; }
  .modules-side > .apply-now a {
    color: #fff;
    display: block;
    padding: 15px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    background-color: #27b7da;
    width: 230px; }
    .modules-side > .apply-now a:hover {
      background-color: #0493B1; }
  .modules-side > .apply-now #apply_now_arrow {
    background: url("../images_sys/layout/apply_now_arrow.png") no-repeat 0 0;
    width: 40px;
    height: 16px;
    display: inline-block;
    margin-left: 15px; }
  .modules-side > section {
    margin-bottom: 9px; }
    .modules-side > section h3 {
      background: #ffd50d;
      font-size: 16px;
      padding: 15px 15px;
      line-height: 15px; }
    .modules-side > section article {
      width: 100%;
      margin-bottom: 1px;
      background: #d7d7d8; }
      .modules-side > section article.carousel {
        position: relative;
        width: 100%;
        height: 160px;
        padding: 0; }
        .modules-side > section article.carousel .carousel-item {
          width: 100%;
          height: 100%;
          overflow: hidden;
          display: block;
          padding: 0;
          position: absolute; }
          .modules-side > section article.carousel .carousel-item img {
            width: 100%;
            height: auto; }
          .modules-side > section article.carousel .carousel-item + .carousel-item {
            display: none; }
      .modules-side > section article.captions {
        height: 50px;
        width: 230px;
        overflow: hidden;
        position: relative;
        display: block;
        z-index: 1; }
        .modules-side > section article.captions > a.cap {
          position: absolute;
          text-transform: uppercase;
          font-family: "Syntax W01 Bold", sans-serif;
          font-size: 12px;
          height: 30px;
          overflow: hidden;
          line-height: 14px;
          width: 130px;
          margin: 0 50px;
          padding: 10px 0;
          text-align: center;
          display: block;
          z-index: 45; }
          .modules-side > section article.captions > a.cap:hover {
            background: none; }
          .modules-side > section article.captions > a.cap + a {
            display: none; }
        .modules-side > section article.captions .control {
          z-index: 50;
          display: block;
          cursor: pointer;
          height: 27px;
          width: 27px;
          background-position: 0px 0px;
          position: absolute;
          top: 11px; }
          .modules-side > section article.captions .control.prev {
            background-image: url("../images_sys/sprites/module_arrow_left.png");
            background-repeat: no-repeat;
            left: 11px; }
          .modules-side > section article.captions .control.next {
            background-image: url("../images_sys/sprites/module_arrow_right.png");
            background-repeat: no-repeat;
            right: 11px; }
          .modules-side > section article.captions .control:hover {
            background-position: 0 -27px; }
          .modules-side > section article.captions .control.disabled {
            cursor: default;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
            opacity: 0.3; }
            .modules-side > section article.captions .control.disabled:hover {
              background-position: 0 0; }
      .modules-side > section article .mod-img {
        display: block;
        width: 100%;
        position: relative;
        height: 160px;
        padding: 0px;
        overflow: hidden; }
        .modules-side > section article .mod-img:hover .cheech {
          display: block; }
        .modules-side > section article .mod-img img {
          position: absolute;
          z-index: 1;
          width: 230px;
          height: auto; }
        .modules-side > section article .mod-img .cheech {
          width: 100%;
          height: 100%;
          display: block;
          position: absolute;
          top: 0px;
          z-index: 10;
          background: url("../images_sys/layout/module_image_hatch.png") repeat;
          display: none; }
          .modules-side > section article .mod-img .cheech span {
            display: inline-block;
            background-color: #e86522;
            position: absolute;
            bottom: 0px;
            right: 0px;
            text-transform: uppercase;
            font-size: 12px;
            line-height: 11px;
            padding-left: 5px;
            padding-top: 4px;
            padding-bottom: 4px;
            font-family: "Syntax W01 Bold", sans-serif;
            color: #fff; }
            .modules-side > section article .mod-img .cheech span:hover {
              color: #fff!important; }
      .modules-side > section article > a {
        display: block;
        padding: 20px;
        color: #313131; }
        .modules-side > section article > a:hover {
          background: url("../images_sys/layout/hatch_tiled.png") repeat; }
        .modules-side > section article > a > .arrow {
          font-family: "Syntax W01 Bold", sans-serif;
          font-size: 12px;
          font-line-height: 12px;
          text-transform: uppercase; }
        .modules-side > section article > a h5 {
          font-size: 10px; }
        .modules-side > section article > a h4 {
          font-size: 13px;
          margin-bottom: 4px; }
        .modules-side > section article > a p {
          font-size: 11px;
          line-height: 14px; }
    .modules-side > section a.more {
      padding: 7px 0px 10px 20px;
      background-color: #d7d7d8;
      display: inline-block; }
      .modules-side > section a.more:hover {
        background-image: url("../images_sys/layout/hatch_tiled.png");
        background-repeat: repeat;
        color: #e86522; }
        .modules-side > section a.more:hover span.arrow {
          color: #e86522 !important; }
      .modules-side > section a.more .arrow {
        font-family: "Syntax W01 Bold", sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        color: #313131 !important; }
    .modules-side > section.tw h3 {
      background: url("../images_sys/icon/twitter_latesttweets.png") no-repeat 20px center #ffd50d;
      padding-left: 50px; }
    .modules-side > section.tw article {
      padding: 20px;
      width: 190px; }
      .modules-side > section.tw article h4 {
        font-size: 13px;
        margin-bottom: 4px; }
      .modules-side > section.tw article p {
        font-size: 11px;
        line-height: 14px; }
        .modules-side > section.tw article p a {
          font-weight: bold; }
          .modules-side > section.tw article p a:hover {
            color: #e86522; }
    .modules-side > section.ft h3 {
      background-color: #27b7da;
      color: white; }

section.flickr {
  overflow: hidden;
  margin-bottom: 60px;
  clear: both;
  width: 100%; }
  section.flickr hgroup {
    width: 167px;
    height: 100%;
    padding-left: 18px; }
    section.flickr hgroup h2 {
      font-size: 20px;
      line-height: 18px;
      margin-top: 16px; }
      section.flickr hgroup h2 + a {
        text-transform: uppercase;
        color: #313131;
        font-family: "Syntax W01 Bold", sans-serif;
        font-size: 12px;
        line-height: 8px; }
  section.flickr .thumb-grid {
    width: 755px;
    overflow: hidden; }
    section.flickr .thumb-grid img {
      width: 75px;
      height: 75px;
      float: left;
      margin: 0 10px 10px 0;
      cursor: pointer; }

.tweets {
  overflow: hidden;
  margin-bottom: 100px;
  height: 180px;
  clear: both;
  width: 100%; }
  .tweets hgroup {
    width: 192px;
    height: 100%;
    padding-left: 18px; }
    .tweets hgroup h2 {
      font-size: 20px;
      line-height: 18px;
      margin-top: 16px; }
      .tweets hgroup h2 + a {
        text-transform: uppercase;
        color: #313131;
        font-family: "Syntax W01 Bold", sans-serif;
        font-size: 12px;
        line-height: 8px; }
        .tweets hgroup h2 + a:hover {
          color: #e86522; }
    .tweets hgroup .controls {
      margin-top: 30px;
      overflow: hidden; }
      .tweets hgroup .controls a {
        display: block;
        float: left;
        width: 35px;
        height: 35px; }
    .tweets hgroup .twitterHandle {
      position: relative;
      top: -3px; }
  .tweets .feed-wrap {
    height: 100%;
    position: relative;
    width: 730px;
    overflow: hidden; }
    .tweets .feed-wrap .feed {
      width: 9999px;
      height: 100%;
      position: absolute; }
      .tweets .feed-wrap .feed article {
        display: block;
        float: left;
        width: 145px;
        height: 100%;
        position: relative;
        overflow: hidden; }
        .tweets .feed-wrap .feed article + article {
          margin-left: 50px; }
        .tweets .feed-wrap .feed article h3 {
          display: inline-block;
          font-size: 12px;
          line-height: 20px;
          padding: 0 7px;
          background: #ffd50d;
          margin-bottom: 16px; }
        .tweets .feed-wrap .feed article p {
          font-size: 11px;
          line-height: 14px; }
          .tweets .feed-wrap .feed article p a {
            font-weight: bold; }
            .tweets .feed-wrap .feed article p a:hover {
              color: #e86522; }
        .tweets .feed-wrap .feed article .links {
          overflow: hidden;
          position: absolute;
          bottom: 0px;
          left: 0px; }
          .tweets .feed-wrap .feed article .links a {
            display: block;
            float: left;
            width: 18px;
            height: 18px;
            background-position: 0 0; }
            .tweets .feed-wrap .feed article .links a:hover {
              background-position: 0 -18px; }
            .tweets .feed-wrap .feed article .links a.reply {
              background-image: url("../images_sys/sprites/twitter_reply.png"); }
            .tweets .feed-wrap .feed article .links a.favor {
              background-image: url("../images_sys/sprites/twitter_favorite.png"); }
            .tweets .feed-wrap .feed article .links a.retweet {
              background-image: url("../images_sys/sprites/twitter_retweet.png"); }
            .tweets .feed-wrap .feed article .links a + a {
              margin-left: 5px; }

footer {
  width: 100%;
  position: absolute;
  height: 495px;
  overflow: hidden;
  bottom: 0px;
  left: 0px; }
  footer .mailing {
    height: 40px;
    border-top: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    overflow: hidden; }
    footer .mailing.join-hack {
      border-top: 0 none; }
      footer .mailing.join-hack > * {
        display: none; }
    footer .mailing a, footer .mailing h2 {
      display: block;
      float: right;
      height: 40px;
      line-height: 40px;
      margin: 0!important; }
    footer .mailing h2 {
      font-size: 14px;
      color: #000;
      padding: 0 27px;
      border-left: 1px solid #bcbcbc;
      background: #aad6e1; }
      footer .mailing h2 span {
        color: #FFFFFF; }
    footer .mailing a {
      background: #27b7da;
      color: #fff;
      font-family: "Syntax W01 Bold", sans-serif;
      font-size: 14px;
      text-transform: uppercase;
      padding: 0 12px;
      margin-top: -1px !important;
      border: 1px solid #23a4c4; }
      footer .mailing a:hover {
        background: #e85400;
        border-color: #e85400; }
  footer .content {
    padding-top: 33px;
    overflow: hidden;
    height: 376px; }
    footer .content.join-hack {
      margin-top: 42px;
      border-top: 1px solid #bcbcbc; }
    footer .content div {
      float: left;
      width: 160px; }
      footer .content div + div {
        width: 170px; }
      footer .content div.last {
        width: 100px; }
      footer .content div .logo {
        display: block;
        float: left;
        width: 118px;
        height: 67px; }
        footer .content div .logo a {
          display: block;
          width: 100%;
          height: 100%;
          position: relative;
          overflow: hidden; }
          footer .content div .logo a img {
            position: absolute;
            top: 0;
            left: 0; }
          footer .content div .logo a:hover img {
            top: -67px; }
      footer .content div .yellow-header {
        margin-bottom: 16px; }
        footer .content div .yellow-header a {
          background: #ffd50d;
          font-family: "Syntax W01 Bold", sans-serif;
          font-size: 12px;
          padding: 2px 9px;
          color: #313131;
          text-transform: uppercase; }
          footer .content div .yellow-header a:hover {
            background: #e86522;
            color: #fff; }
      footer .content div ul {
        margin: 0px 0 20px 0;
        padding: 0 0 0 9px; }
        footer .content div ul li {
          line-height: 16px; }
          footer .content div ul li a {
            font-size: 10px;
            color: #404040;
            text-decoration: underline; }
            footer .content div ul li a:hover {
              color: #e86522; }
          footer .content div ul li ul {
            margin: 0px; }
        footer .content div ul.social-links {
          padding-top: 8px; }
          footer .content div ul.social-links li {
            height: 32px;
            margin-bottom: 12px;
            display: block; }
            footer .content div ul.social-links li:hover a {
              color: #e86522; }
            footer .content div ul.social-links li a {
              height: 32px;
              vertical-align: top;
              display: inline-block; }
            footer .content div ul.social-links li a.sprite {
              width: 32px;
              height: 32px;
              float: left; }
              footer .content div ul.social-links li a.sprite + a {
                line-height: 32px;
                margin-left: 5px; }
  footer .bottom {
    border-top: 1px solid #bcbcbc;
    background: #ffd50d;
    height: 43px;
    line-height: 43px; }
    footer .bottom span {
      line-height: 43px;
      font-family: Arial, sans-serif;
      font-size: 10px;
      vertical-align: text-bottom;
      font-family: Arial, sans-serif;
      font-size: 12px;
      color: #808080; }
      footer .bottom span + span:before {
        content: "| "; }

#about_landing iframe {
  margin-bottom: 46px; }

#directions strong {
  font-size: 14px;
  line-height: 24px; }
#directions p {
  margin-bottom: 10px; }

#staff-profile .left {
  position: relative;
  top: -17px; }
  #staff-profile .left p {
    font-size: 11px !important; }
#staff-profile .text-page {
  width: 405px;
  font-size: 14px;
  line-height: 24px; }
#staff-profile h3 {
  font-size: 12px; }

.two-col-layout #general-page #history-text p {
  width: 665px;
  font-size: 14px;
  line-height: 24px; }

#error-notfound {
  width: 940px;
  height: 457px;
  background: url("../images_sys/layout/404_image.jpg") no-repeat 0 0;
  padding-bottom: 495px;
  position: relative;
  margin-top: -25px; }
  #error-notfound #error_text {
    height: 100px;
    top: 50%;
    margin-top: -50px;
    position: relative;
    width: 100%;
    background-color: #ffd50d;
    text-align: center;
    display: inline-block; }
    #error-notfound #error_text h1 {
      font-size: 48px;
      margin-top: 8px;
      margin-bottom: -10px; }
    #error-notfound #error_text a {
      font-family: "Syntax W01 Bold", sans-serif;
      font-size: 14px;
      line-height: 16px;
      text-transform: uppercase;
      font-weight: bold; }
      #error-notfound #error_text a:hover {
        color: #e86522; }

#search-results {
  width: 699px; }
  #search-results h2 {
    font-size: 60px;
    margin: 30px;
    text-transform: uppercase;
    padding: 0;
    margin: 0; }
  #search-results h3 {
    font-size: 30px;
    text-transform: none;
    font-family: Verdana;
    padding: 24px 0;
    margin-bottom: 0; }
  #search-results form {
    padding-top: 17px;
    overflow: hidden; }
    #search-results form input[type="text"] {
      width: 583px;
      height: 27px;
      line-height: 27px;
      padding: 0 14px;
      margin: 0;
      border: 0;
      float: left;
      background-color: #e9e9e9;
      color: #434343;
      font-size: 12px;
      font-family: Verdana, Arial, sans-serif;
      border: 1px solid #c3c3c4; }
    #search-results form input[type="submit"] {
      width: 69px;
      height: 29px;
      line-height: 29px;
      padding: 0;
      margin: 0;
      flaot: left;
      background-color: #27b7da;
      border: 1px solid #23a4c4;
      color: white;
      font-size: 10px;
      font-weight: bold;
      text-transform: uppercase; }
  #search-results .search-results {
    padding: 0;
    margin: 0; }
    #search-results .search-results article {
      padding: 30px 0; }
      #search-results .search-results article .search-title {
        font-size: 20px;
        font-family: "Syntax W01 Bold", sans-serif;
        text-transform: uppercase;
        margin-bottom: 9px;
        line-height: 0.8;
        display: block; }
      #search-results .search-results article .search-description {
        font-family: Verdana, Arial, sans-serif;
        font-size: 14px;
        width: 620px; }
      #search-results .search-results article + article {
        border-top: 1px solid #b6b6b6;
        background: url("../images_sys/layout/rule_hangdown.jpg") no-repeat right 0; }