/* The Grid ---------------------- */
/*
.lt-ie9 .row { width: 930px; max-width: 100%; min-width: 930px; margin: 0 auto; }
.lt-ie9 #page .row {
	width: 1120px;
	min-width: 1120px;
}
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row.small-collapse .column, 
.lt-ie9 .row.small-collapse .columns { padding: 0; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row .row.small-collapse { margin: 0; }
 
.lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.lt-ie9 .column.small-centered, .columns.small-centered { float: none; margin: 0 auto; }
 
.lt-ie9 [class*="column"] + [class*="column"]:last-child { float: right; }
.lt-ie9 [class*="column"] + [class*="column"].end { float: left; }
 
.lt-ie9 .small-1, 
.lt-ie9 .row .small-1,
.lt-ie9 .large-1, 
.lt-ie9 .row .large-1 { width: 8.33333%; }
 
.lt-ie9 .small-2, 
.lt-ie9 .row .small-2,
.lt-ie9 .large-2, 
.lt-ie9 .row .large-2 { width: 16.66667%; }
 
.lt-ie9 .small-3, 
.lt-ie9 .row .small-3,
.lt-ie9 .large-3, 
.lt-ie9 .row .large-3 { width: 25%; }
 
.lt-ie9 .small-4, 
.lt-ie9 .row .small-4,
.lt-ie9 .large-4, 
.lt-ie9 .row .large-4 { width: 33.33333%; }
 
.lt-ie9 .small-5, 
.lt-ie9 .row .small-5,
.lt-ie9 .large-5, 
.lt-ie9 .row .large-5 { width: 41.66667%; }
 
.lt-ie9 .small-6, 
.lt-ie9 .row .small-6,
.lt-ie9 .large-6, 
.lt-ie9 .row .large-6 { width: 50%; }
 
.lt-ie9 .small-7, 
.lt-ie9 .row .small-7,
.lt-ie9 .large-7, 
.lt-ie9 .row .large-7 { width: 58.33333%; }
 
.lt-ie9 .small-8, 
.lt-ie9 .row .small-8,
.lt-ie9 .large-8, 
.lt-ie9 .row .large-8 { width: 66.66667%; }
 
.lt-ie9 .small-9, 
.lt-ie9 .row .small-9,
.lt-ie9 .large-9, 
.lt-ie9 .row .large-9 { width: 75%; }
 
.lt-ie9 .small-10, 
.lt-ie9 .row .small-10,
.lt-ie9 .large-10, 
.lt-ie9 .row .large-10 { width: 83.33333%; }
 
.lt-ie9 .small-11, 
.lt-ie9 .row .small-11,
.lt-ie9 .large-11, 
.lt-ie9 .row .large-11 { width: 91.66667%; }
 
.lt-ie9 .small-12,
.lt-ie9 .row .small-12,
.lt-ie9 .large-12, 
.lt-ie9 .row .large-12 { width: 100%; }
 
.lt-ie9 .row .large-offset-1 { margin-left: 8.33333%; }
.lt-ie9 .row .large-offset-2 { margin-left: 16.66667%; }
.lt-ie9 .row .large-offset-3 { margin-left: 25%; }
.lt-ie9 .row .large-offset-4  { margin-left: 33.33333%; }
.lt-ie9 .row .large-offset-5  { margin-left: 41.66667%; }
.lt-ie9 .row .large-offset-6  { margin-left: 50%; }
.lt-ie9 .row .large-offset-7  { margin-left: 58.33333%; }
.lt-ie9 .row .large-offset-8  { margin-left: 66.66667%; }
.lt-ie9 .row .large-offset-9  { margin-left: 75%; }
.lt-ie9 .row .large-offset-10  { margin-left: 83.33333%; }
 
.lt-ie9 .pull-2 { right: 16.66667%; }
.lt-ie9 .pull-3 { right: 25%; }
.lt-ie9 .pull-4 { right: 33.33333%; }
.lt-ie9 .pull-5 { right: 41.66667%; }
.lt-ie9 .pull-6 { right: 50%; }
.lt-ie9 .pull-7 { right: 58.33333%; }
.lt-ie9 .pull-8 { right: 66.66667%; }
.lt-ie9 .pull-9 { right: 75%; }
.lt-ie9 .pull-10 { right: 83.33333%; }
 
.lt-ie9 .push-2 { left: 16.66667%; }
.lt-ie9 .push-3 { left: 25%; }
.lt-ie9 .push-4 { left: 33.33333%; }
.lt-ie9 .push-5 { left: 41.66667%; }
.lt-ie9 .push-6 { left: 50%; }
.lt-ie9 .push-7 { left: 58.33333%; }
.lt-ie9 .push-8 { left: 66.66667%; }
.lt-ie9 .push-9 { left: 75%; }
.lt-ie9 .push-10 { left: 83.33333%; }
*/
/* Nicolas Gallagher's micro clearfix */
/*
.lt-ie9 .row { *zoom: 1; }
.lt-ie9 .row:before, .row:after { content: " "; display: table; }
.lt-ie9 .row:after { clear: both; }
*/
/* Custom Settings for SERREE */
meta.foundation-mq-small { font-family: "only screen and (min-width: 768px)"; width: 768px; }

meta.foundation-mq-medium { font-family: "only screen and (min-width:1280px)"; width: 1280px; }

meta.foundation-mq-large { font-family: "only screen and (min-width:1440px)"; width: 1440px; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { background: #4c4c4c; font-size: 100%; }

body { color: #4c4c4c; padding: 0; margin: 0; font-family: "proxima-nova", sans-serif; font-weight: 300; font-style: normal; line-height: 1; position: relative; cursor: default; }

a:hover { cursor: pointer; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }

.left { float: left !important; }

.right { float: right !important; }

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

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

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

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

.hide { display: none; }

.antialiased { -webkit-font-smoothing: antialiased; }

img { display: inline-block; vertical-align: middle; }

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

/* Grid HTML Classes */
.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: em-calc(1160); *zoom: 1; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

.row.collapse > .column, .row.collapse > .columns { position: relative; padding-left: 0; padding-right: 0; float: left; }

.row.collapse .row { margin-left: 0; margin-right: 0; }

.row .row { width: auto; margin-left: -em-calc(40)/2; margin-right: -em-calc(40)/2; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; }

.row .row:before, .row .row:after { content: " "; display: table; }

.row .row:after { clear: both; }

.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; }

.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }

.row .row.collapse:after { clear: both; }

.column, .columns { position: relative; padding-left: em-calc(40)/2; padding-right: em-calc(40)/2; width: 100%; float: left; }

@media only screen { .column, .columns { position: relative; padding-left: em-calc(40)/2; padding-right: em-calc(40)/2; float: left; }
  .small-1 { position: relative; width: 8.33333%; }
  .small-2 { position: relative; width: 16.66667%; }
  .small-3 { position: relative; width: 25%; }
  .small-4 { position: relative; width: 33.33333%; }
  .small-5 { position: relative; width: 41.66667%; }
  .small-6 { position: relative; width: 50%; }
  .small-7 { position: relative; width: 58.33333%; }
  .small-8 { position: relative; width: 66.66667%; }
  .small-9 { position: relative; width: 75%; }
  .small-10 { position: relative; width: 83.33333%; }
  .small-11 { position: relative; width: 91.66667%; }
  .small-12 { position: relative; width: 100%; }
  .small-offset-0 { position: relative; margin-left: 0%; }
  .small-offset-1 { position: relative; margin-left: 8.33333%; }
  .small-offset-2 { position: relative; margin-left: 16.66667%; }
  .small-offset-3 { position: relative; margin-left: 25%; }
  .small-offset-4 { position: relative; margin-left: 33.33333%; }
  .small-offset-5 { position: relative; margin-left: 41.66667%; }
  .small-offset-6 { position: relative; margin-left: 50%; }
  .small-offset-7 { position: relative; margin-left: 58.33333%; }
  .small-offset-8 { position: relative; margin-left: 66.66667%; }
  .small-offset-9 { position: relative; margin-left: 75%; }
  .small-offset-10 { position: relative; margin-left: 83.33333%; }
  [class*="column"] + [class*="column"]:last-child { float: right; }
  [class*="column"] + [class*="column"].end { float: left; }
  .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } }

/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; }
  .large-2 { position: relative; width: 16.66667%; }
  .large-3 { position: relative; width: 25%; }
  .large-4 { position: relative; width: 33.33333%; }
  .large-5 { position: relative; width: 41.66667%; }
  .large-6 { position: relative; width: 50%; }
  .large-7 { position: relative; width: 58.33333%; }
  .large-8 { position: relative; width: 66.66667%; }
  .large-9 { position: relative; width: 75%; }
  .large-10 { position: relative; width: 83.33333%; }
  .large-11 { position: relative; width: 91.66667%; }
  .large-12 { position: relative; width: 100%; }
  .row .large-offset-0 { position: relative; margin-left: 0%; }
  .row .large-offset-1 { position: relative; margin-left: 8.33333%; }
  .row .large-offset-2 { position: relative; margin-left: 16.66667%; }
  .row .large-offset-3 { position: relative; margin-left: 25%; }
  .row .large-offset-4 { position: relative; margin-left: 33.33333%; }
  .row .large-offset-5 { position: relative; margin-left: 41.66667%; }
  .row .large-offset-6 { position: relative; margin-left: 50%; }
  .row .large-offset-7 { position: relative; margin-left: 58.33333%; }
  .row .large-offset-8 { position: relative; margin-left: 66.66667%; }
  .row .large-offset-9 { position: relative; margin-left: 75%; }
  .row .large-offset-10 { position: relative; margin-left: 83.33333%; }
  .row .large-offset-11 { position: relative; margin-left: 91.66667%; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }
  .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; }
  .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } }

.column, .columns { position: relative; padding-left: em-calc(40)/2; padding-right: em-calc(40)/2; float: left; }

.small-1 { position: relative; width: 8.33333%; }

.small-2 { position: relative; width: 16.66667%; }

.small-3 { position: relative; width: 25%; }

.small-4 { position: relative; width: 33.33333%; }

.small-5 { position: relative; width: 41.66667%; }

.small-6 { position: relative; width: 50%; }

.small-7 { position: relative; width: 58.33333%; }

.small-8 { position: relative; width: 66.66667%; }

.small-9 { position: relative; width: 75%; }

.small-10 { position: relative; width: 83.33333%; }

.small-11 { position: relative; width: 91.66667%; }

.small-12 { position: relative; width: 100%; }

.small-offset-0 { position: relative; margin-left: 0%; }

.small-offset-1 { position: relative; margin-left: 8.33333%; }

.small-offset-2 { position: relative; margin-left: 16.66667%; }

.small-offset-3 { position: relative; margin-left: 25%; }

.small-offset-4 { position: relative; margin-left: 33.33333%; }

.small-offset-5 { position: relative; margin-left: 41.66667%; }

.small-offset-6 { position: relative; margin-left: 50%; }

.small-offset-7 { position: relative; margin-left: 58.33333%; }

.small-offset-8 { position: relative; margin-left: 66.66667%; }

.small-offset-9 { position: relative; margin-left: 75%; }

.small-offset-10 { position: relative; margin-left: 83.33333%; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.columns.last-child { float: right; }

.column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }

.large-1 { position: relative; width: 8.33333%; }

.large-2 { position: relative; width: 16.66667%; }

.large-3 { position: relative; width: 25%; }

.large-4 { position: relative; width: 33.33333%; }

.large-5 { position: relative; width: 41.66667%; }

.large-6 { position: relative; width: 50%; }

.large-7 { position: relative; width: 58.33333%; }

.large-8 { position: relative; width: 66.66667%; }

.large-9 { position: relative; width: 75%; }

.large-10 { position: relative; width: 83.33333%; }

.large-11 { position: relative; width: 91.66667%; }

.large-12 { position: relative; width: 100%; }

.row .large-offset-0 { position: relative; margin-left: 0%; }

.row .large-offset-1 { position: relative; margin-left: 8.33333%; }

.row .large-offset-2 { position: relative; margin-left: 16.66667%; }

.row .large-offset-3 { position: relative; margin-left: 25%; }

.row .large-offset-4 { position: relative; margin-left: 33.33333%; }

.row .large-offset-5 { position: relative; margin-left: 41.66667%; }

.row .large-offset-6 { position: relative; margin-left: 50%; }

.row .large-offset-7 { position: relative; margin-left: 58.33333%; }

.row .large-offset-8 { position: relative; margin-left: 66.66667%; }

.row .large-offset-9 { position: relative; margin-left: 75%; }

.row .large-offset-10 { position: relative; margin-left: 83.33333%; }

.row .large-offset-11 { position: relative; margin-left: 91.66667%; }

.push-1 { position: relative; left: 8.33333%; right: auto; }

.pull-1 { position: relative; right: 8.33333%; left: auto; }

.push-2 { position: relative; left: 16.66667%; right: auto; }

.pull-2 { position: relative; right: 16.66667%; left: auto; }

.push-3 { position: relative; left: 25%; right: auto; }

.pull-3 { position: relative; right: 25%; left: auto; }

.push-4 { position: relative; left: 33.33333%; right: auto; }

.pull-4 { position: relative; right: 33.33333%; left: auto; }

.push-5 { position: relative; left: 41.66667%; right: auto; }

.pull-5 { position: relative; right: 41.66667%; left: auto; }

.push-6 { position: relative; left: 50%; right: auto; }

.pull-6 { position: relative; right: 50%; left: auto; }

.push-7 { position: relative; left: 58.33333%; right: auto; }

.pull-7 { position: relative; right: 58.33333%; left: auto; }

.push-8 { position: relative; left: 66.66667%; right: auto; }

.pull-8 { position: relative; right: 66.66667%; left: auto; }

.push-9 { position: relative; left: 75%; right: auto; }

.pull-9 { position: relative; right: 75%; left: auto; }

.push-10 { position: relative; left: 83.33333%; right: auto; }

.pull-10 { position: relative; right: 83.33333%; left: auto; }

.push-11 { position: relative; left: 91.66667%; right: auto; }

.pull-11 { position: relative; right: 91.66667%; left: auto; }

.column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }

.column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; }

.column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transition              - arguments: What: all, Length: 1s, Easing: ease-in-out
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0

------------------------------------------------------------- */
/* BACKGROUND GRADIENT */
/* BACKGROUND SIZE */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSITION */
/* TRIPLE BORDERS */
.column, .columns { padding-left: em-calc(20)/2; padding-right: em-calc(20)/2; }

#wrapper { padding: 1.625em 0 0.625em; }

.main { margin: 0; padding: 1.875em 0.625em 0.625em; }

.main form > ul > li { margin: 0 0 0.625em; }

.main form > ul > li:last-child { margin-bottom: 0; }

.main form label { display: inline-block; margin: 0.25em 0 0; }

.main form select { width: 100%; }

.main form input[type="url"], .main form input[type="text"], .main form input[type="email"], .main form input[type="search"], .main form input[type="password"] { width: 100%; }

.main form input[type="submit"], .main form button[type="submit"], .main form .button { margin: 1.25em 0 0.875em; }

.main #event_registration_form { margin: 0 0 1.25em; padding: 1.25em 1.25em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.main #event_registration_form > ul.event_registration_form_fields > li { margin: 0 0 0.625em; }

.main #event_registration_form > ul.event_registration_form_fields > li:last-child { margin-bottom: 0; }

.main #event_registration_form > ul.event_registration_form_fields > li[data-fieldtype="mathsecurity"] { margin-top: 1em; margin-bottom: 0.5em; }

.main #event_registration_form > ul.event_registration_form_fields > li > label { display: inline-block; min-width: 30%; }

.main #event_registration_form > ul.event_registration_form_fields > li .field-contain { display: inline-block; width: 68%; }

.sidebar-right { padding-top: 0; }

#banner { min-height: 160px; }

#banner .logo { display: inline-block; }

#banner .logo.serree { width: 550px; height: 48px; margin-top: 46px; display: inline-block; width: auto; height: auto; display: block; width: 68%; background: none; }

#banner .logo.serree > img { display: block; }

#banner .logo.rda { display: block; position: absolute; top: 0; right: 0; margin-top: 32px; width: 24%; max-width: 224px; height: 86px; background-image: url(../images/rda-logo.png); background-position: 0 0; background-repeat: no-repeat; }

#top { position: static; height: auto; background-color: transparent; }

#top .smallscreen-view-nav, #top .smallscreen-view-search, #top .twitter-link { display: none; }

#topnav { display: block; margin: 0; color: #000000; background-color: transparent; }

#topnav > ul { display: block; width: 100%; margin: 0; border-top: 2px solid #4c4c4c; border-bottom: 2px solid #4c4c4c; }

#topnav > ul > li { display: inline-block; padding: 0; text-align: center; vertical-align: middle; border: none; }

#topnav > ul > li:first-child { text-align: left; }

#topnav > ul > li:first-child > ul { margin-left: 0; }

#topnav > ul > li:last-child { text-align: right; }

#topnav > ul > li.active > a { color: #4c4c4c; border-bottom-color: #ff8b00; }

#topnav > ul > li.nav-search { display: inline-block; }

#topnav > ul > li.sfHover > a { border-bottom-color: #ff8b00; }

#topnav > ul > li.nav-search > a span { display: inline-block; width: 13px; height: 13px; vertical-align: top; margin-top: 2px; margin-right: 4px; background-image: url(../images/search-icon.png); background-position: 50% 50%; background-repeat: no-repeat; font-size: 0; overflow: hidden; }

#topnav > ul > li > a { display: block; color: #4c4c4c; padding: 0.25em 0.3125em 0; border-bottom: 4px solid transparent; white-space: nowrap; -moz-transition: border 0.15s ease-in; -o-transition: border 0.15s ease-in; -webkit-transition: border 0.15s ease-in; -ms-transition: border 0.15s ease-in; transition: border 0.15s ease-in; }

#topnav > ul > li > a:hover, #topnav > ul > li > a:focus { border-bottom-color: #ff8b00; }

#topnav > ul > li > ul { display: none; position: absolute; z-index: 11; left: auto; min-width: 265px; margin: 0; padding: 0 1.25em; background-color: #4c4c4c; }

#topnav > ul > li > ul li { display: block; padding: 0 0 0.375em; text-align: left; }

#topnav > ul > li > ul li:first-child { padding-top: 0.25em; }

#topnav > ul > li > ul li a { display: block; color: #ffffff; }

#topnav > ul > li > ul li a:hover, #topnav > ul > li > ul li a:focus { color: #ff8b00; font-weight: 400; }

#topnav > ul > li > ul > li:first-child { padding-top: 1.25em; }

#topnav > ul > li > ul > li:last-child { padding-bottom: 1.25em; }

#topnav a { display: inline; padding: 0; color: #000000; font-weight: 400; font-size: 1em; }

.home-link { display: block; }

.twitter-link, .linkedin-link { display: block; display: inline-block; position: absolute; position: static; width: 20px; height: 16px; margin-top: 7px; margin-left: -em-calc(20)/2; text-indent: -1000em; overflow: hidden; vertical-align: top; background-image: url(../images/twitter-icon.png); background-position: 0 0; background-repeat: no-repeat; }

.image_links { padding: 0.625em; }

.image_links .image-links ul > li > div { margin: 0.625em; padding: 0.625em; }

.top_footer { padding-bottom: 2.5em; }

.top_footer .footer-contact { padding-bottom: 3.75em; }

.top_footer .footer-contact .footer-logo { margin: 0; }

.top_footer .footer-address { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.top_footer .footer-address > div:first-child { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.top_footer .image_links .image-links ul > li > div { padding: 0; padding-right: 0.625em; }

.bottom_footer { padding: 1.6875em 0; font-size: 0.8125em; text-align: center; }

.bottom_footer ul > li { display: inline-block; padding: 0; }

.bottom_footer ul > li ~ li { border: none; }

.bottom_footer ul > li ~ li > span { border-left: 1px solid #ffffff; margin-left: 0.375em; padding-left: 0.5em; }

.read-more { margin-bottom: 0; }

.news .item > a + div { margin-left: 150px; }

.news .item > div { margin-right: 0; }

.news .item .article-thumbnail { width: 135px; margin-left: 0; }

.tags > li { margin: 0 0.5em 0.25em 0; }

#search_box { position: absolute; z-index: 15; top: 100%; left: 10px; right: 10px; width: auto; color: #ffffff; background-color: #4c4c4c; overflow: hidden; }

#search_box form { padding: 0.25em 0.375em 0.25em 0.625em; }

#search_box .search-trigger { display: none; }

#search_box #search { font-weight: 400; font-family: "proxima-nova", sans-serif; width: 97%; padding: 0; line-height: 20px; color: #ffffff; }

.supports-appearance #search_box #search { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; }

#search_box input[type="submit"] { display: inline-block; position: absolute; top: 12px; right: 12px; width: 20px; height: 20px; padding: 12px; text-indent: -10000px; vertical-align: top; background-image: url(../images/search-box-search-icon.png); background-position: 50% 50%; background-repeat: no-repeat; background-color: transparent; border: none; outline: none; }

.supports-appearance #search_box input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; }

#search_box input[type="submit"]:focus { outline: 1px #ffffff dotted; }

.subnav { display: block; }

.external_link > div > div { margin-right: 0; }

.external_link > div .external-link-thumbnail { width: 135px; margin-left: 0; }

.tags_picker { padding: 0; }

.tags_picker ul { margin: 1.625em 0 1.375em; }

.tags_picker ul > li { margin: 0 0.5em 0.25em 0; }

.intro_text { text-align: center; }

#highlights-side .intro_text { margin-top: 0.4375em; margin-left: -1.25em; margin-bottom: 0.625em; padding: 0; }

#highlights-side .intro_text > a, #highlights-side .intro_text > div { min-height: 240px; }

.funded_by .funded-by ul { margin: 0 -em-calc(20)/2; }

.funded_by .funded-by ul > li { margin-bottom: 1em; }

#network_directory .network-join-form { margin: 0; padding: 1.25em 1.25em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#network_directory .network-join-form form ul > li label { display: inline-block; min-width: 30%; }

#network_directory .network-join-form form ul > li .join-field-contain { display: inline-block; width: 68%; }

#network_directory .network-filter { margin: 0 0 1.25em; padding: 1.25em 1.25em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#network_directory .network-filter form label { float: left; display: inline-block; min-width: 90px; margin: 0.25em 0 0; }

#network_directory .network-filter form select { width: 250px; }

#network_directory .network-filter form input[type="text"], #network_directory .network-filter form input[type="search"] { width: 250px; margin: 0; }

#network_directory .network-filter form input[type="submit"], #network_directory .network-filter form button[type="submit"] { margin: 0.3125em 0 0 90px; }

#network_directory .network-filter form ~ form { padding-bottom: 0; }

.CMSLoginForm { margin: 0 0 1.25em; padding: 1.25em 1.25em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.CMSLoginForm form > ul > li .password-reset { margin-left: 120px; }

.CMSLoginForm form label { float: left; display: inline-block; min-width: 120px; margin: 0.25em 0 0; }

.CMSLoginForm form input[type="url"], .CMSLoginForm form input[type="text"], .CMSLoginForm form input[type="email"], .CMSLoginForm form input[type="search"], .CMSLoginForm form input[type="password"] { width: 260px; }

.CMSLoginForm form input[type="submit"], .CMSLoginForm form button[type="submit"] { margin: 0 0 0 120px; }

.CMSSearchResults form.CMSSearchBox .CMSSearchField { width: calc(100% - 95px); }

.CMSSearchResults form.CMSSearchBox .CMSSearchSubmit { min-width: 90px; }

.wrapper-table { display: table; width: 100%; }

.wrapper-table .wrapper-cell { display: table-cell; vertical-align: top; }

#homepage .highlights-wrapper { padding-bottom: 0; }

#highlights { width: auto; height: 408px; margin: 0; }

#highlights .flexslider .slides > li { height: 408px; }

#highlights .flexslider .highlight-overlay { bottom: 40px; }

#highlights .flexslider .highlight-title { margin: 15px 40px 5px; font-size: 2em; }

#highlights .flexslider .flex-control-nav { padding: 15px 0; }

#highlights-side { position: relative; z-index: 2; width: 265px; margin: 0; }

#highlights-side .quick_link { margin-left: 0; margin-right: 0; }

#highlights-side .quick_link .custom-block { margin-left: -1.25em; }

#highlights-side .intro_text > a, #highlights-side .intro_text > div { background-size: auto 100%; }

#highlights-side .intro_text > a { -moz-transition: background 0.35s ease-in-out; -o-transition: background 0.35s ease-in-out; -webkit-transition: background 0.35s ease-in-out; -ms-transition: background 0.35s ease-in-out; transition: background 0.35s ease-in-out; }

#highlights-side .intro_text > a:hover, #highlights-side .intro_text > a:focus { background-size: auto 104%; }

.blockOfgooglemap { margin: 30px auto; }

.blockOfgooglemap h2 { padding: 10px 20px; }

#google_map { height: 800px; }

#google_map .google-map-wrapper { position: absolute; top: 0; left: 0; right: 340px; height: inherit; }

#google_map .google-map-canvas .custom-controls { margin-top: 20px !important; margin-right: 20px !important; }

#google_map .google-map-canvas .custom-controls .custom-map-zoom-in, #google_map .google-map-canvas .custom-controls .custom-map-zoom-out { width: 30px; height: 30px; background-size: 10px; }

#google_map .google-map-locations { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 340px; margin: auto; }

#google_map .google-map-locations .google-map-filter { background: #fafafa; }

#google_map .google-map-locations .google-map-filter h3 { display: block; margin: 0 10px 5px; }

#google_map .google-map-locations .google-map-filter img { margin-right: 10px; }

#google_map .google-map-locations .google-map-filter form { display: block; margin: auto; }

#google_map .google-map-locations .google-map-show-locations { display: none; }

#google_map .google-map-locations ol { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#google_map .google-map-locations ol > li { -webkit-box-flex: 0; -webkit-flex: 0 1 calc(50% - 4px); -moz-box-flex: 0; -moz-flex: 0 1 calc(50% - 4px); -ms-flex: 0 1 calc(50% - 4px); flex: 0 1 calc(50% - 4px); }

#google_map .google-map-locations ul { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; position: static; display: block; max-height: none; margin: 0; box-shadow: none; }

#google_map .google-map-locations ul > li:first-child { padding-top: 0; }

#google_map .google-map-locations ul > li > div:first-child > div { margin-top: 0; }

#google_map .google-map-locations ul > li > div:first-child > div.google-map-links { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; margin: 1em 0; }

#google_map .google-map-locations ul > li > div:first-child > div.google-map-links > div ~ div { margin-left: 15px; }

#google_map .google-map-locations ul > li > div:first-child > div .google-map-marker { margin-right: 10px; }

#google_map .google-map-locations ul > li > div:first-child > div.google-map-links { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; }

#google_map .google-map-locations ul > li > div:first-child > div.google-map-links div ~ div { margin: 0; }

#google_map .google-map-locations ul > li > div:last-child { margin-bottom: 10px; }

#google_map .google-map-locations ul > li .google-map-description { margin-top: 15px 0 0; }

#topnav > ul > li > a { padding-left: 0.5em; padding-right: 0.5em; }

.news .item > a { float: none; }

.view-all { min-height: 0; }