/*  ========================================= RESET =========================================
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, footer, header, 
hgroup, nav, section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select {vertical-align:middle;}
pre,
code,
kbd,
samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
/* END RESET CSS */

/* ========================================= TYPOGRAPHY ========================================= */

/*
============================================
    BASE
============================================
*/


body { font-size: 13px; font-family: sans-serif; color: #474A4C; line-height: 1.25em; }
h1, h2, h3, h4, h5, h6, nav, input.submit, .btn, .droidsans { font-family: 'Droid Sans', sans-serif; }

/*
============================================
    HIERARCHY
============================================
*/

h1, h2, h3, h4, h5, h6, p, ol, ul, dl, blockquote cite, address { padding: 10px 5px; margin: 0 10px; }
h1 { font-size: 21px; }
h2 { font-size: 28px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; padding-bottom: 0; color: #808080; }
h5 { font-size: 14px; padding-bottom: 0; }
h1,h2,h3,h4,h5 { line-height: 1.1em; }
ul ul, ol ol { padding: 0 0 0 10px; }
pre, code { font-size: 12px; }
hr { margin: 10px 0 10px 0; }

/*
============================================
    FONT SIZE
============================================
*/

.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs21 { font-size: 21px; }
.fs24 { font-size: 24px; }
.fs36 { font-size: 36px; }
.fs48 { font-size: 48px; }
.fs60 { font-size: 60px; }
.fs72 { font-size: 72px; }

.fs10,
.fs11,
.fs12,
.fs14,
.fs16,
.fs18,
.fs21,
.fs24,
.fs36,
.fs48,
.fs60,
.fs72 { line-height: 1.25em; }


/*
============================================
    COLLAPSE
============================================
*/

.collapse { padding-bottom: 0; margin-bottom: -1px; }

/*
============================================
    LINEHEIGHT
============================================
*/
 
.lh { line-height: 1em; }

/*
============================================
    SPACING
============================================
*/

.ls1 { letter-spacing: .1em }
.ls2 { letter-spacing: .2em }

/*
============================================
    JUSTIFICATION
============================================
*/

.txt-right { text-align: right; }
.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-justify { text-align: justify; }

/*
============================================
    WEIGHT
============================================
*/

/* Weight */
strong, .bold { font-weight: bold; }
.roman, .book { font-weight: normal; }
.fw100 { font-weight: 100; }
.fw200 { font-weight: 200; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }
.fw900 { font-weight: 900; }

/*
============================================
    VARIANTS
============================================
*/

em, .italic { font-style: italic; }
.normal { font-style: normal; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: lowercase; }
.smallcaps { font-variant: small-caps; }

/*
============================================
    LISTS
============================================
*/

ol { list-style-type: decimal; }
ul { list-style-type: none; }
li { list-style-position: inside; }
dt { font-weight: bold; }

/*
============================================
    SUB,SUP
============================================
*/

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
sup,
sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }


/*
============================================
    PRE, CODE
============================================
*/

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

/*
============================================
    LINKS
============================================
*/

a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#B23A42; text-decoration: none; outline:none; }
a:hover {color:#8E2030;}

/*
============================================
    BLOCKQUOTES
============================================
*/

blockquote cite { font-style: normal; display: block; }

/*
============================================
    TABLES
============================================
*/

table { width: 100%; border: 1px solid #CCCCCC; }
.wysiwyg table { margin-left: 15px; width: 94%; margin-bottom: 10px; }
tr.odd td, tr:nth-child(2n+1) td { background: #E7E7E7; }
th { font-family: 'Droid Sans', sans-serif; font-weight: bold; text-align: left; padding: 5px 10px; border-right: 1px solid #cccccc; }
.sortable th {padding:0;}
.sortable th a { padding: 5px 10px; display: block; }
th.sort { cursor: pointer; }
th.sort:hover { background-color: #F1CB00; }
th.sorted span { display: block; float: right; width: 32px; height: 14px; background-image: url(/a/i/button/table-sort-arrows.png); }
th.sorted-desc span { background-position: 0 -14px; }
  .no-js th.sort { background: none; cursor: default; }
  .no-js th.sort span { background: none; }
td, td img {vertical-align:top;}
td { background: #fff; padding: 5px 10px; border-right: 1px solid #cccccc; }
.calendar tbody td { height: 6em; width: 14%; background: #fff; }
.calendar tr { border-bottom: 1px solid #CCCCCC; }
.calendar .calmonth { display: none; }
.calendar .calday { display: block; text-align: right; }
.calendar .out { color: #ccc; }
.calendar ul { margin: 0; padding: 0; }
.calendar ul li { padding-bottom: 10px; }
.calendar .today { background: #F3F3F3; }

/*
============================================
    FORMS
============================================
*/

legend { display: block; background: #E0E0E0; font-weight: bold; }
label { padding-right: 5px; }
input, textarea { padding: 3px; background: #E6E6E6; border: 1px solid #E6E6E6; width: 97%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
textarea { font-size: 13px; }
input.submit { padding: 2px; background: #020C11; border: 1px solid #020C11; color: #fff; font-size: 11px; cursor: pointer; width: auto; }
input.submit:hover { background: #B23A42; border-color: #B23A42; }
input.radio { width: auto; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
.ie6 input { vertical-align: text-bottom; }
.input-group { clear: both; }
.input-group label { display: block; float: left; width: 120px; text-align: right; padding-right: 15px; }
  .input-group.long-label input { float: none; }
  .input-group.long-label input[type=text] { width: 50%; }
  .input-group.long-label label { float: none; width: 100%; text-align: left; padding-bottom: 5px; }
.input-group input, .input-group select { float: left; width: 150px; }
.input-group textarea { float: left; height: 200px; }
.input-group input.radio { float: none; width: auto; }
.input-group label.check-label { float: none; display: inline; }
.input-group select { border: 1px solid #E6E6E6; font-size: 12px; width: 158px; padding: 3px;  }
.input-group select option { padding-bottom: 5px; }
.input-group .note { margin-left: 5px; }
.input-group .submit { margin-left: 135px; width: auto; }
.ig-large input { width: 533px; }
.input-tag { display: inline-block; background: #b23a42; padding: 1px 3px; font-size: 11px; color: #fff; margin: 3px 0 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.nofloat { float: none !important; }
.warn { color: red; display: none; }

.file_set { float: left; }
.file_upload { float: left; }
.file_field .file_upload p.sub_filename { float: right; }
.file_field .file_upload .no_file { float: right; }
.file_field .file_upload .no_file p.sub_filename { display: block; padding: 0px; margin: 0px; }

/*  ========================================= LAYOUT  ========================================= */

/*
============================================
    BASE
============================================
*/

div { position: relative; }
body { background: #474A4C; }
.window-header, .window-body { background: #fff; }
.window-body { padding: 20px 0 50px 0; }
.window-mainnav { width: 100%; background: #B23A42; }
  .ie6 .window-mainnav,
  .ie7 .window-mainnav { overflow: visible; z-index: 998; }
.window-footer { width: 100%; color: #CCCCCC; font-size: 11px; }
.window-footer .wrapper { background: transparent url(/a/i/skin/footerlogo.gif) top right no-repeat; padding-top: 36px; top: -36px; }
.window-footer .footerspace { margin-top: 180px; }
.window-footer a { color: #ccc; text-decoration: underline; }
.wrapper { width: 100%; max-width: 960px; margin: 0 auto; }
.ie6 .wrapper { width: 960px; }

/*
============================================
    DISPLAY
============================================
*/

.hidden { display: none; }
.block { display: block; }
.inline { display: inline; }

/*
============================================
    POSITIONS
============================================
*/

div { position: relative; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.static { position: static; }

/*
============================================
    GRID
============================================
*/

.line:after,.group:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line,.group{*zoom:1;}
.left { float: left; }
.right { float: right; }
.size1of1{float:none;}
.size1of2,.size2of4{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
.break { clear: both; }
.clearfloat { clear: both; display: block; height: 1px; margin: -1px 0 0 0; }

.size1of3.clearhelper {}

/*
============================================
    DISPLAY
============================================
*/

.inline {display:inline;}
.inline-block { display: inline-block; }
.block { display: block; }

/*
============================================
    SPACING
============================================
*/

/* Extensions */ 
.pan{padding:0}
.pas{padding:5px}
.pam{padding:10px}
.pal{padding:20px}
.ptn{padding-top:0}
.pts{padding-top:5px}
.ptm{padding-top:10px}
.ptl{padding-top:20px}
.prn{padding-right:0}
.prs{padding-right:5px}
.prm{padding-right:10px}
.prl{padding-right:20px}
.pbn{padding-bottom:0}
.pbs{padding-bottom:5px}
.pbm{padding-bottom:10px}
.pbl{padding-bottom:20px}
.pln{padding-left:0}
.pls{padding-left:5px}
.plm{padding-left:10px}
.pll{padding-left:20px}
.phn{padding-left:0;padding-right:0}
.phs{padding-left:5px;padding-right:5px}
.phm{padding-left:10px;padding-right:10px}
.phl{padding-left:20px;padding-right:20px}
.pvn{padding-top:0;padding-bottom:0}
.pvs{padding-top:5px;padding-bottom:5px}
.pvm{padding-top:10px;padding-bottom:10px}
.pvl{padding-top:20px;padding-bottom:20px}
.man{margin:0}
.mas{margin:5px}
.mam{margin:10px}
.mal{margin:20px}
.mtn{margin-top:0}
.mts{margin-top:5px}
.mtm{margin-top:10px}
.mtl{margin-top:20px}
.mrn{margin-right:0}
.mrs{margin-right:5px}
.mrm{margin-right:10px}
.mrl{margin-right:20px}
.mbn{margin-bottom:0}
.mbs{margin-bottom:5px}
.mbm{margin-bottom:10px}
.mbl{margin-bottom:20px}
.mln{margin-left:0}
.mls{margin-left:5px}
.mlm{margin-left:10px}
.mll{margin-left:20px}
.mhn{margin-left:0;margin-right:0}
.mhs{margin-left:5px;margin-right:5px}
.mhm{margin-left:10px;margin-right:10px}
.mhms {margin-left:15px;margin-right:15px}
.mhl{margin-left:20px;margin-right:20px}
.mvn{margin-top:0;margin-bottom:0}
.mvs{margin-top:5px;margin-bottom:5px}
.mvm{margin-top:10px;margin-bottom:10px}
.mvl{margin-top:20px;margin-bottom:20px}
.automargin { margin-left: auto; margin-right: auto; }

/* Push */
.left1of1{float:none;}
.left1of2{margin-left:50%;}
.left1of3{margin-left:33.33333%;}
.left2of3{margin-left:66.66666%;}
.left1of4{margin-left:25%;}
.left3of4{margin-left:75%;}
.left1of5{margin-left:20%;}
.left2of5{margin-left:40%;}
.left3of5{margin-left:60%;}
.left4of5{margin-left:80%;}

/*
============================================
    BORDER OBJECTS
============================================
*/

.bdr-a-s { border: 1px solid #CCCCCC; }
.bdr-t-s { border-top: 1px solid #CCCCCC; }
.bdr-r-s { border-right: 1px solid #CCCCCC; }
.bdr-b-s { border-bottom: 1px solid #CCCCCC; }
.bdr-l-s { border-left: 1px solid #CCCCCC; }
.bdr-h-s { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
.bdr-v-s { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.bdr-a-n { border: none; }

.bdr-dkgrey { border-color: #797979; }

/*
============================================
    LIST OBJECTS
============================================
*/

ul li { list-style-type: none; list-style-position: outside; }
.li-inline li { display: inline; float: left; padding: 0 5px; }
.li-left li { float: left; }
.li-left li a { padding: 5px; }
.wysiwyg ul li { list-style-position: outside; list-style-type: disc; padding-bottom: 5px; margin-left: 15px; }
.wysiwyg ul li ul li { list-style-type: circle; }
.wysiwyg ul li ul li ul li { list-style-type: disc; }
.wysiwyg ol li { list-style-position: outside; padding-bottom: 5px; margin-left: 15px; }

/*
============================================
    IMAGES & TREATMENTS
============================================
*/


img{ display:block; width: auto; max-width: 100%; height: auto;}
.ie6 img { width: auto; }

/*
============================================
    COLOR
============================================
*/

.pink { color: #FFB0B8; }
.white { color: #fff; }
.red {color:#B23A42;}

/*
============================================
    SKINS & BACKGROUNDS
============================================
*/

.quotebg { background: transparent url(/a/i/skin/quotebgleft.gif) top left no-repeat; }
.quotebg p:first-child { background: transparent url(/a/i/skin/quotebgright.gif) bottom right no-repeat; padding-bottom: 15px; margin-bottom: -15px;  }
.bgltgrey { background: #f1f1f1; }

/*
============================================
    NAVIGATION
============================================
*/

.navheader { font-size: 12px; }
.collapse-trigger { display: none; border: 1px solid #ccc; cursor: pointer; margin-left: 15px; margin-right: 15px; }
.collapse-trigger span {  display: block; float: right; width: 32px; height: 14px; background-image: url(/a/i/button/table-sort-arrows.png); background-position: 0 -14px; }

/* utility nav */
.utilitynav { float: right; margin-right: 0; }
.utilitynav li { float: left; font-size: 12px; }
.utilitynav li:before { content: "\00B7"; }
.utilitynav li:first-child:before { content: ""; }
.utilitynav li a { font-size: 12px; padding: 5px 10px; color: #474A4C; }
.utilitynav li a:hover { color: #1a1a1a; }

/* main nav */
.mainnav {  color: #ffffff; margin: 0; padding: 0; font-size: 12px; line-height: 1.2em; color: #FFB0B8; }
.mainnav li { position: relative; float: left; padding: 0; margin: 0; width: 20%; }
.mainnav li a, .mainnav li a:visited { display: block; padding: 20px 10px; color: #FFB0B8; }
.mainnav li:hover a, .mainnav li a:active, .mainnav li.active a {
  background: #88363f; /* Old browsers */
  background: -moz-linear-gradient(top,  #88363f 0%, #b23a42 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88363f), color-stop(100%,#b23a42)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #88363f 0%,#b23a42 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #88363f 0%,#b23a42 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #88363f 0%,#b23a42 100%); /* IE10+ */
  background: linear-gradient(top,  #88363f 0%,#b23a42 100%); /* W3C */
}
.mainnav li a strong { font-size: 14px; color: #fff; line-height: 1.1em; }
.mainnav li ul { display: none; position: absolute; z-index: 1; top: 100%;  left: 0; width: 100%; background: #B23A42; padding: 0 0 10px 0; margin: 0; }
  .ie6 .mainnav li ul,
  .ie7 .mainnav li ul { z-index: 999; }
  .no-js .mainnav li:hover ul { display: block; }
.mainnav li ul li { float: none; width: 100%; }
  .ie6 .mainnav li ul li,
  .ie7 .mainnav li ul li { list-style-position: outside; }
.mainnav li ul li a, .mainnav li ul li a:visited { padding: 5px 15px; color: #fff; }
  .ie6 .mainnav li ul li a { padding: 0 15px; }
.mainnav li:hover ul li a, .mainnav li.active ul li a { background: none; }
.mainnav li ul li a:hover {
  background: #88363f; /* Old browsers */
  background: -moz-linear-gradient(top,  #88363f 0%, #b23a42 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88363f), color-stop(100%,#b23a42)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #88363f 0%,#b23a42 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #88363f 0%,#b23a42 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #88363f 0%,#b23a42 100%); /* IE10+ */
  background: linear-gradient(top,  #88363f 0%,#b23a42 100%); /* W3C */
}

/* subnav */
.subnav { padding-top: 0; }
.subnav li { border-bottom: 1px solid #808080; }
.subnav li:first-child { border-top: 1px solid #808080; }
.subnav li:first-child a { font-weight: bold; }
.subnav a { display: block; color: #808080; font-size: 12px; padding: 5px; }
.ie6 .subnav a { padding: 0 1px; }
.subnav li.active a,
.subnav a:hover { color: #F1CB00; }
.subnav li.active a span { padding-right: 10px; background: transparent url(/a/i/button/link-arrow.png) center right no-repeat; }
.subnav li ul li { border: none; }
.subnav li ul li:first-child { border: none; }
.subnav li:first-child ul li a,
.subnav li ul li:first-child a { font-weight: normal; }
.subnav li ul { margin-left: 0; }
.subnav li ul li a { font-size: 11px; padding-right: 0; background: none; }
.subnav li.active ul li a { color: #808080; padding-top: 0; }
.subnav li ul li a.no-padding-no-conflict { padding-top: 0; }
.subnav li.active ul li a span { background: none; }
.subnav li.active ul li.active a,
.subnav li.active ul li a:hover { color: #F1CB00; }

/* member nav */
.membernav { background: #ca631e; color: #fff; padding: 2px 0; }
.membernav a, .membernav a:visited { padding: 3px 5px; background: transparent; border: 1px solid #fff; color: #fff; font-size: 11px; line-height: 1em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.membernav .active a, .membernav a:hover { background: #fff; color: #ca631e; }

/*
============================================
    SEARCH
============================================
*/

.search { clear: both; float: right; }
.search input { width: auto; }

/*
============================================
    CONTENT STYLES
============================================
*/

.intro { font-size: 15px; color: #474A4C; line-height: 1.25em; }

/*
============================================
    BUTTONS
============================================
*/

.btn, a.btn, input.btn, .btn:visited { background: #B23A42; color: #fff; font-size: 12px; padding: 2px 5px; }
input.btn { border: 1px solid #B23A42; }

.btn-gray, a.btn-gray, input.btn-gray, .btn-gray:visited { background: #797979; color: #fff; font-size: 12px; padding: 2px 5px; } 
input.btn-gray { border: 1px solid #797979; }

.btn-arrow, a.btn-arrow { background: #B23A42 url(/a/i/button/btn-arrow.png) center right no-repeat; padding-right: 18px; }

.btn:hover, a.btn:hover, input.btn:hover { background: #8E2030; }
input.btn:hover { border-color: #8E2030; }

.btn-gray:hover, a.btn-gray:hover, input.btn-gray:hover { background: #474A4C }
input.btn-gray:hover { border-color: #474A4C; }

.btn-arrow:hover, a.btn-arrow:hover { background: #8E2030 url(/a/i/button/btn-arrow-hover.png) center right no-repeat; }

.btn-large, a.btn-large, input.btn-large { font-size: 18px; }

.btn-orange, a.btn-orange, input.btn-orange { background: #c9621e; border: none; }
.btn-orange:hover, a.btn-orange:hover, input.btn-orange:hover { background: #b45a1e; }
/*
============================================
    CATEGORY TAGS
============================================
*/

.cateogory-tag, a.category-tag { padding: 3px 5px; background: transparent; border: 1px solid #808080; color: #808080; font-size: 11px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.cateogory-tag:hover, a.category-tag:hover { background: #808080; color:#fff; }

/*
============================================
    SLIDER
============================================
*/

.slider { width: 100%; overflow: hidden; position: relative; padding: 0 15px; }
.slides { position: relative; }
.slides img { position: absolute; top: 0; left: 0; display: none; }
.slides img:first-child, .slides img.first-child { display: block; position: relative; }
.slider-captions { position: absolute; top: 30px; left: 50px; width: 235px; height:220px; background-color: rgba(0, 0, 0, 0.65); color: #fff; padding-bottom: 40px; }
.slider-captions h2 { font-weight: normal; color: #D7A900; padding-bottom: 0; }
.slider-captions p { padding-top: 5px; padding-bottom: 5px; }
.slider-captions a { color: #D7A900; font-weight: bold; }
.slider-captions .caption { position: absolute; top: 0; left: 0; display: none; }
  .slider-captions .caption:first-child,
  .slider-captions .first-child,
  .no-js .slider-captions .caption { display: block; }
.slider-navigation { position: absolute; top: 245px; left: 180px; }
.slider-navigation li { float: left; }
.slider-navigation a { display: block; width: 24px; height: 24px; color: #fff; font-weight: bold; background: url(/a/i/slider/slidernav.png) no-repeat 0 0; text-indent: -9999px; }
.slider-navigation .active a,
.slider-navigation a:hover { background-position: 0 -24px; }

.iam-box { position: absolute; top: 30px; right: 70px; }
.iam-box h2 { font-size: 36px; color: #fff; line-height: 1.25em; width: 220px;}

.iam-links li { position: absolute; }
.iam-links li a { display: block; background-image: url(/a/i/slider/iam-sprite.png); background-repeat: no-repeat; text-indent: -9999px; }
.iam-links li a:hover { opacity: 0.75; }
.iam-communitymember { top: 9px; left: -240px; }
.iam-communitymember a { width: 236px; height: 35px; background-position: 0 0; }
.iam-firefighter { top: 65px; left: -195px; }
.iam-firefighter a { width: 168px; height: 30px; background-position: -68px -52px; }
.iam-industrypartner { top: 115px; left: -225px; }
.iam-industrypartner a { width: 216px; height: 35px; background-position: -20px -104px; }
.iam-communityleader { top: 105px; left: 15px; }
.iam-communityleader a { width: 218px; height: 42px; background-position: -18px -157px; }

/*
============================================
    ROTATE SPONSORS
============================================
*/

ul.rotate-sponsors {position: relative; padding: 0; margin: 20px; display: none;}
ul.featured-sponsors {margin: 0; padding: 10px 0;}
ul.rotate-sponsors li,
ul.rotate-sponsors li a,
.show-sponsors li img {display: block; float: none; padding: 0; width: auto;}
ul.rotate-sponsors img {margin: 0 auto;}
ul.rotate-sponsors li {text-align: center;}
ul.rotate-sponsors li a {width: 100%;}
.static-sponsors li {margin: 0 10px;}
.js ul.rotate-sponsors li {opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0;}
.js ul.featured-sponsors li {top: 10px; left: 50%;}
.no-js ul.rotate-sponsors li {margin-right: 10px;}
.show-sponsors .level {text-align: center; display: block; padding-top: 14px; text-transform: uppercase; font-size: 11px; color: #999;}








/*
============================================
    MODAL
============================================
*/

.modal-backdrop{display: none; position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;opacity:0.8;filter:alpha(opacity=80);}
.modal{display: none; position:fixed;top:50%;left:50%;z-index:1050;max-height:500px;overflow:auto;width:560px;margin:0;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  background-clip:padding-box;
}
.zoomable-modal { width: auto; max-width: 900px; max-height: none; }
.zoomable-modal img { margin: 0 auto; max-width: 100%; max-height: 500px; }
.ie6 .modal { display: block; margin: 0 auto; position: relative; top: auto; left: auto; }
.modal-header{padding:9px 15px;}
.modal-header .close{margin-top:2px; font-size: 27px; position: absolute; right: 6px; top: 0; cursor: pointer;}
.ie6 .modal-header .close {display: none;}
.modal-body{padding:0 15px 15px 15px;}

/*
============================================
    ZOOMABLE IMAGES
============================================
*/

.zoomable { cursor: pointer; }
.zoom-icon { display: block; width: 18px; height: 18px; position: absolute; bottom: 0; right: 0; background: url("../i/icon/zoom-icon.png") no-repeat scroll right bottom transparent; }
a:hover .zoom-icon { opacity: 0.75; }

/*
============================================
    FEATURED ARTICLES
============================================
*/

.feature { margin: 10px 15px; padding: 5px 0; background: #E6E6E6; }
.feature .intro { color: #808080; padding-top: 0; }

/*
============================================
    FEATURED FORMS
============================================
*/

.feature-form { border: 1px solid #CCCCCC; width: 85%; margin: 10px; padding: 10px; font-size: 15px; }
.feature-form input, .feature-form select, .feature-form textarea { font-size: 15px; }
.feature-form .radio { padding-bottom: 5px; margin-bottom: 4px; }

/*
============================================
    POLLS
============================================
*/

.poll input { width: auto; display: inline; margin: 4px 5px 0 0; }
.poll input[type=text] { margin-top: 0; }
.poll .option-bar { margin: 0 15px; border: 1px solid #eee; }
.poll .option-bar-value { height: 20px; background: #F0CA00; }
.button-group input { background: #B23A42; color: #fff; font-size: 12px; padding: 2px 5px; text-transform: uppercase; border: none; }
.button-group input:hover { background: #8E2030; }

/*
============================================
    COMMUNITIES MAP
============================================
*/

.communities-map { width: 463px; height: 417px; position: relative; }
.communities-map, .communities-map a { margin: 0; padding: 0; background: transparent url(/a/i/sprite/communities-map.png) no-repeat 0 0;  }
.communities-map:hover { background-position: 0 -1145px; }
.communities-map a { display: block; position: absolute; background-position: -9999px -9999px; text-indent: -9999px; }

a.cm-yukon { width: 69px; height: 124px; top: 88px; left: 3px;}
a.cm-yukon:hover { background-position: 0 -417px; }
a.cm-newfoundland { width: 109px; height: 116px; top: 215px; left: 353px;}
a.cm-newfoundland:hover { background-position: 0 -818px; }
a.cm-princeedward { width: 70px; height: 110px; top: 243px; left: 393px;}
a.cm-princeedward:hover { background-position: -367px -572px; }
a.cm-novascotia { width: 40px; height: 73px; top: 338px; left: 389px;}
a.cm-novascotia:hover { background-position: -363px -417px; }
a.cm-newbrunswick { width: 60px; height: 69px; top: 338px; left: 341px;}
a.cm-newbrunswick:hover { background-position: -403px -417px; }
a.cm-quebec { width: 136px; height: 169px; top: 212px; left: 286px;}
a.cm-quebec:hover { background-position: -231px -713px; }
a.cm-ontario { width: 132px; height: 141px; top: 276px; left: 202px;}
a.cm-ontario:hover { background-position: -231px -572px; }
a.cm-manitoba { width: 74px; height: 110px; top: 241px; left: 163px;}
a.cm-manitoba:hover { background-position: -288px -417px; }
a.cm-saskatchewan { width: 65px; height: 136px; top: 235px; left: 109px;}
a.cm-saskatchewan:hover { background-position: -223px -417px; }
a.cm-alberta { width: 66px; height: 119px; top: 219px; left: 69px;}
a.cm-alberta:hover { background-position: -157px -417px; }
a.cm-britishcolumbia { width: 88px; height: 155px; top: 176px; left: 1px;}
a.cm-britishcolumbia:hover { background-position: -69px -417px; }
a.cm-northwest { width: 126px; height: 211px; top: 31px; left: 57px;}
a.cm-northwest:hover { background-position: -1px -934px; }
a.cm-nunavut { width: 230px; height: 246px; top: 0px; left: 118px;}
a.cm-nunavut:hover { background-position: -1px -572px; }

/*
============================================
    FOOTER SPONSOR LIST
============================================
*/

.footer-sponsors li { display: block; width: 72px; height: 72px; background: #fff; padding: 5px; margin: 5px; }
.footer-sponsors li:first-child { background: none; width: auto; }
.footer-sponsors li img { margin: 50% auto 0 auto; position: relative; }

/*  ========================================= DEVICES ========================================= */

@media only screen and (max-width: 960px) {
  .slider { padding: 0; }
  .window-body { padding-top: 0; }
  .input-group label { float: none; text-align: left; }
  .input-group input, .input-group select { float: none; }
  .input-group .note { margin-left: 5px; }
  .input-group .submit { margin-left: 0; }
  .ig-large input { width: 300px; }
  .communities-map { width: auto; height: auto; position: relative; }
  .communities-map, .communities-map a { background: none; }
  .communities-map a { position: static; text-indent: 0px; height: 30px; width: auto; }
}
@media only screen and (max-width: 860px) {
  .iam-box, .iam-links li { position: relative; top: 0; left: 0; }
  .iam-box h2 { color: #474A4C; font-size: 18px; }
  .iam-links li { float: left; margin-right: 5px; }
  .iam-links li a { background: #CA631E; height: auto; width: auto; display: inline-block; font-weight: bold; color: #fff; text-indent: 0; font-size: 16px; padding: 5px 5px 4px 5px; margin-bottom: 5px; }
}  
@media only screen and (max-width: 570px) {
  
  .mcol { width: 100%; border: none; }
  figure.mcol { float: none; width: auto; }
  .right {float:none;}
  .logo { text-align: center; }
  .utilitynav { float: left; }
  .utilitynav li a { padding: 5px; }
  .search { float: left; }
  .collapse-trigger { display: block; }
    .no-js .collapse-trigger { display: none; }
  .mainnav { border-bottom: 1px solid #8E2030; }
  .mainnav li { float: none; width: 100%; border-top: 1px solid #8E2030; }
  .subnav { display: none; }
    .no-js .subnav { display: block; }
  .li-inline li { float: none; }
  .window-footer .footerspace { margin-top: 0; }
  .slider-captions { position: relative; top: 0; left: 0; width: 100%; height: 100px; margin-top: -0px; background-color: rgba(255, 247, 220, .75); }
  .slider-navigation { top: 10px; left: 0 }
  .slider-captions p { color: #000; }
  .iam-box h2 { font-size: 21px; color: #474A4C; }
  .iam-links li { float: none; }
  .ig-large input { width: auto; }
  .calendar { margin-top: 10px; }
  .calendar, .calendar tr, .calendar td { border: none; }
  .calendar thead { display: none; }
  .calendar tr { display: block; }
  .calendar td { display: none; padding: 0; height: 1em; }
  .calendar .hasevent { display: block; width: 100%; }
  .calendar .calday { text-align: left; display: inline; font-weight: bold; font-size: 14px; }
  .calendar .calmonth { display: inline; font-weight: bold; font-size: 14px; }
  .calendar ul { padding-top: 10px; }
}


/*  ========================================= MEDIUMS  ========================================= */

/*
============================================
    PRINT STYLES
============================================
*/

@media print {
    * { background: transparent !important; color: #444 !important; text-shadow: none; }
    a, a:visited { color: #444 !important; text-decoration: underline; }
    a:after { content: " (" attr(href) ")"; } 
    abbr:after { content: " (" attr(title) ")"; }
    .ir a:after { content: ""; }  /* Don't show links for images */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
}

/*
============================================
    PRINT
============================================
*/
body.print { background:none; margin:20px;}
.print .container { width:800px; background:none; border:none;}
.print #container h1, .print #container  h2, .print #container h3, .print #container a, .print #container a:hover {color:#000;}