/*! import Google fonts 

@import url(http://fonts.googleapis.com/css?family=Lato:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
*/

/*! normalize.css v2.0.1 | MIT License | git.io/normalizeimg
 */
 
/* ==========================================================================
HTML5 display definitions
========================================================================== */

/* Corrects `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;}

/* Corrects `inline-block` display not defined in IE 8/9. */
audio, canvas, video {display: inline-block;}

/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) {display: none; height: 0;}

/* Addresses styling for `hidden` attribute not present in IE 8/9. */
[hidden] {display: none;}

/* ==========================================================================
Base
========================================================================== */

/* 1. Sets default font family to sans-serif. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html {font-family: Lato, sans-serif; color:#333; font-weight:400; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */}

/* Removes default margin. */
body {margin: 0;}

/* ==========================================================================
Links
========================================================================== */

/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus {outline: thin dotted;}

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover {outline: 0;}

/* ==========================================================================
Typography
========================================================================== */

/* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, * Safari 5, and Chrome. */
h1 {font-size: 2em;}

/* Addresses styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] {border-bottom: 1px dotted;}

/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong {font-weight: bold;}

/* Addresses styling not present in Safari 5 and Chrome. */
dfn {font-style: italic;}

/* Addresses styling not present in IE 8/9. */
mark {background: #ff0; color: #000;}

/* Corrects font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;}

/* Improves readability of pre-formatted text in all browsers. */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}

/* Sets consistent quote types. */
q {quotes: "\201C" "\201D" "\2018" "\2019";}

/* Addresses inconsistent and variable font size in all browsers. */
small {font-size: 80%;}

/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* ==========================================================================
Embedded content
========================================================================== */

/* Removes border when inside `a` element in IE 8/9. */
img {border: 0;}

/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) {overflow: hidden;}

/* ==========================================================================
Figures
========================================================================== */

/* Addresses margin not present in IE 8/9 and Safari 5. */
figure {margin: 0;}

/* ==========================================================================
Forms
========================================================================== */

/* Define consistent border, margin, and padding. */
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}

/* 1. Corrects color not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend {border: 0; /* 1 */ padding: 0; /* 2 */}

/* 1. Corrects font family not being inherited in all browsers. 2. Corrects font size not being inherited in all browsers. 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */
button, input, select, textarea {font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */}

/* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input {line-height: normal;}

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] {cursor: default;}

/* 1. Addresses box sizing set to `content-box` in IE 8/9. 2. Removes excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}

/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] {-webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;}

/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}

/* 1. Removes default vertical scrollbar in IE 8/9. 2. Improves readability and alignment in all browsers. */
textarea {overflow: auto; /* 1 */ vertical-align: top; /* 2 */}

/* ==========================================================================
Tables
========================================================================== */

/* Remove most spacing between table cells. */
table {border-collapse: collapse; border-spacing: 0; width: 100%; border:none;}
table thead th{padding:5px 10px; text-align: left; color:#fff; background-color: #72a839; border:none;}
table tbody th{padding:5px 10px; text-align: left; border:none;}
table tbody td{padding:5px 10px; border:none;}
table tbody tr:nth-child(odd) {background-color:#e5e5e5;}
table tbody tr:nth-child(even) {background-color:#fff;}

table.checkbox-item tbody tr:nth-child(odd) {background-color:#fff;}



table.normal {border-collapse: collapse; border-spacing: 0; width: 100%; border:none;}
table.normal thead th{padding:0; text-align: left; color:#fff; background-color: transparent; border:none;}
table.normal tbody th{padding:0; text-align: left; border:none;}
table.normal tbody td{padding:0; border:none;}
table.normal tbody tr:nth-child(odd) {background-color:transparent;}
table.normal tbody tr:nth-child(even) {background-color:transparent;}


table.simple {border-collapse: collapse; border-spacing: 0; width: 100%; border:1px solid #e5e5e5; margin:1em 0;}
table.simple thead th{padding:8px 10px; text-align: left; color:#fff; background-color: transparent; border:1px solid #e5e5e5;}
table.simple tbody th{padding:8px 10px; text-align: left; border:1px solid #e5e5e5; vertical-align: top;}
table.simple tbody td{padding:8px 10px; border:1px solid #e5e5e5;}
table.simple tbody tr:nth-child(odd) {background-color:transparent;}
table.simple tbody tr:nth-child(even) {background-color:transparent;}


/* ===============  Default Adjustments  =============== */

body { }
/*
::-moz-selection { background: #72a839; text-shadow: none; }
::selection { background: #72a839; text-shadow: none; }
*/
hr { display: block; height: 1px; border: 0; border-top: 8px solid #72A839; margin: 2em 0; padding: 0;}

img { max-width:100% !important; height:auto !important; vertical-align: middle; }
fieldset {border: 0;margin: 0; padding: 0; }
textarea { resize: vertical; }


h1{font-family: 'Oswald'; text-transform: uppercase; font-weight: 400; color:#1e421d; display: block; padding:0; font-size: 32px;}
h1:first-child{margin-top:0;}
h2{font-family: 'Oswald'; text-transform: uppercase; font-weight: 400; font-size: 26px; color:#72a839;}
h2:first-child{margin-top:0;}
h3{color:#333; font-weight: 400; font-size: 26px;}
h4{color:#818181; font-weight: 400; font-size: 22px;}
h5{color:#818181; font-weight: 400; font-size: 18px;}
h6{color:#818181; font-weight: 400; font-size: 14px;}


p { margin:0 0 1em 0; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none; visibility: hidden; }
.visuallyHidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyHidden.focusable:active, .visuallyHidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.hide       { display:none; }
.smallest   { font-size:.8em; }
.smaller    { font-size:.9em; }
.larger     { font-size:1.1em; }
.largest    { font-size:1.2em; }
.bold       { font-weight:bold; }
.italic     { font-style:italic !important; }
.strike     {text-decoration:line-through !important;}

.red, .red:visited          { color:#f00 !important; }
.green, .green:visited      { color:#390 !important; }
.lgreen, .lgreen:visited    { color:#97937d !important; }

.bgYellow { background:yellow; }
.bgGreen { background:lime; }
.vtop { vertical-align:top; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.imgLeft { float:left; margin-right:5px; padding:5px; border:1px solid #c4c4c4; }
.imgRight { float:right; margin-left:5px; padding:5px; border:1px solid #c4c4c4; }
.nowrap { white-space:nowrap; }
.borderless { border:0; border-collapse:collapse; }
.breakforprint { page-break-after:always; }
.clear { overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0; }
.skip { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.important { color:red; font-weight:bold; text-transform:uppercase; }


/* ## Base List styles ## */
ul, ol { margin:0 0 1em; }
.noBullet { padding:0 0 0 1em; list-style-type:none; }
.noIndent { padding:0; list-style-type:none; }
.bulletSquare { list-style-type:square; }

/* ## Note/hint text or link ## */
.note { margin:0 7px; font-size:.8em; color:#4e4e4e; }
.note a, .note a:link, .note a:visited { text-decoration:underline; }


/* ================================================================
PRIMARY LAYOUT STYLES 
================================================================ */

/* Enter unique styles for site here */

/* ## Disabled Form Fields ## */
input[disabled=true]    { background-color: #F0F0F0; }
textarea[disabled=true] { background-color: #F0F0F0; }
select[disabled=true]   { background-color: #F0F0F0; }
input[readonly=true]    { background-color: #F0F0F0; }
textarea[readonly=true] { background-color: #F0F0F0; }
select[readonly=true]   { background-color: #F0F0F0; }


/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited { color:#336600; text-decoration:underline; }
a:hover, a:active, a:focus { color:#336600; text-decoration:none; }
a:active, a:focus { outline:0; }

.btnText { margin:0; padding:0; color:#6D6D6D; text-decoration:underline; border:0; background:none; }
.btnText:hover { color:#6D6D6D; text-decoration:none; }


/* ## Link Modifiers ## */
a .text { text-decoration:underline; }
a:hover .text, a:active .text, a:focus .text { text-decoration:none; }
a [class^="icon-"] { text-decoration:none; }
a.removeLink { color:#f00; font-size:0.9em; }


/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
ul.linkList {margin:0 0 15px 0; padding:0; list-style-type:none;}
ul.linkList li {margin-bottom:8px;}
ul.linkList a,
ul.linkList a:link,
ul.linkList a:visited { text-decoration:none;}
ul.linkList a:hover,
ul.linkList a:active {text-decoration:underline;}


/* ## Start Up Layout - Use, modify, or delete as need be ## */
body {background:#fff; }
.container { }
.siteBody { min-height:300px; margin:30px 0 50px 0; }


/* ## Site Header ## */
.siteHeader {position:relative; min-height:80px; margin-bottom:30px; z-index:1000;}
.siteHeader a.sitelogo,
.siteHeader a.sitelogo:link,
.siteHeader a.sitelogo:visited {float:left; display:block; width:149px; height:149px; margin:10px 0 0 0; background:transparent url(/cms/images/cha/logo.png) no-repeat 0 0; text-indent:-9999em; background-size: 100%;}

/*@media only screen and (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
    .siteHeader a.sitelogo, .siteHeader a.sitelogo:link, .siteHeader a.sitelogo:visited {background-image:url(/cms/images/dev/placeholders/AE_logo_tag_3color_300w_2x.png);}
}*/

.siteHeader .hdrPhonenum {background-position: 100% 0; background-repeat: no-repeat; bottom: 12px; display: block; height: 34px; position: absolute; right: 12px; text-indent: -9999em; width: 200px;}
.headerLinks {font-size: 0.9em; margin: 0 20px 0 0; padding:0; text-align: right; line-height: 38px; float:left; color:#999;}
.headerLinks a, .headerLinks a:link, .headerLinks a:visited {margin: 0 3px; text-decoration: none; color:#666;}
.headerLinks a:hover, .headerLinks a:active {text-decoration: underline;}

.searchOuter{float:left;}

/* ## Disabled Form Fields ## */
.siteSearch {color: #FFFFFF; margin: 0;}
.siteSearch .siteSearchWrapper{background-color: #fff; padding:3px 5px 3px 10px; -webkit-box-shadow:0 0 3px #ccc; -moz-box-shadow:0 0 3px #ccc; box-shadow:0 0 3px #ccc;}
.siteSearch .siteSearchWrapper .siteSearchInput{display: inline-block;}
.siteSearch .siteSearchWrapper .siteSearchButton{display: inline-block;}
.siteSearch label {display: none;}
.siteSearch button,
.siteSearch input{margin:0 !important; border:none !important; color:#666;}

/* ==========================================================================
Global Modules
========================================================================== */

.mod { position: relative; }
.title { position: relative; margin: 0 0 1em; }
.titleAlt { margin:0 0 0.1em; font-size:1.2em; }
.titleAlt2 {  }
.title .more {position: absolute; top:0; right: 0; font-size: 0.6em;}
.modContent{padding: 15px 0;}



/* Item Lists Content
========================================================================== */

.itemList {margin:1em 0 2em 0; padding:0; list-style:none; }
.item {padding:0; width: 100%; border-top: 1px solid #ccc; position: relative; min-height: 100px;}
.item:first-child { border-top:0; padding-top:0; }
.item:last-child { padding-bottom: 0; }
.item > .content {display: block; margin: 10px 0 20px 90px;}
.item .contentExtra {display: table-cell; vertical-align: top;}
.content { margin:1em 0; }
.content .title { margin:0; font-size: ;}
.itemList .content p { margin: 0; }
.content .date { font-size:0.85em; padding-top:2px;}

.itemList .aside {display:block; padding: 0; position: absolute; left:0px; top: 10px;}

.itemList .aside a{display: block;}
.itemList .aside img{max-width: 72px !important; height: auto;}

.newsSummary .modHead h3.hdng{margin:0;}

.itemList h2.title{font-size: 20px; font-weight:700; margin:5px 0 10px 0;}
.itemList h2.title a{text-decoration: none;}
.itemList h2.title a:hover{text-decoration: underline;}


/* Item Media
========================================================================== */


.caption {display: block; font-size: 0.8em; line-height: 1.2em;}


/* Media Queries for Item Lists 
========================================================================== */

@media (max-width : 400px) { 
    .item { display: block; }
    .item > .content { display: block;}
    .item > .aside { display: block;}
}


/* News
========================================================================== */

.article .aside {float:right; margin: 1em;}
.article .aside img{max-width: 400px !important; height: auto !important;}

.article .aside.featured-image{max-width:50%; margin-right:0;}
.article .aside.featured-image img{max-width: 100% !important;}

.media-caption .main-image-caption{text-align: center; font-style: italic; margin:0.5em 0;}
.media-caption .main-image-copyright{text-align: center; font-size: smaller; color:#999;}

.metaWrapper,
.meta{margin:1em 0; padding:0.5em 0; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5;}
.meta > div {float: left; margin-right: 20px;}
.meta .social-tools{float: right;}

.meta-footer{margin:2em 0 1em 0; padding:0.5em 0; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5;}

/* ==========================================================================
Filters
========================================================================== */

.filter{padding: 1em; border:none; background: #e2f1cc;}
.filter-options{float: left;}
.filter-actions{float: right;}


/* Accordion
========================================================================== */

.ui-accordion {margin-bottom:10px !important;}
.ui-accordion .ui-accordion-header{text-transform: none; font-weight: 400; font-family: 'Lato';}

.ui-accordion .seperator{margin:1em 0;}

/* Pagination
========================================================================== */

.paging {padding:0; margin: 1em 0;}
.paging-results {float: left;}
.paging-list {float: right;}
.paging-list ul {display: block; padding: 0; margin: 0;}
.paging-list li{display: block; padding: 0; margin: 0; border: 1px solid #002B40; border-left-width: 0; float: left;}
.paging-list li:first-child{border-left-width: 1px;}
.paging-list li a, .paging-list li span {display: block; min-width: 30px; padding: 2px 5px; text-align: center;}
.paging-list li a {/* Link State */}
.paging-list li span {/* Current Page State */}
.paging-list li.disabled {display: none;}
.paging-list li.disabled+li {border-left-width: 1px;}
.paging-list li.disabled+.all {border-left-width: 0;}


/* pagination and filters */

.filters {float:left; display:inline; margin:0 0 5px 0;}
.filters .filterList {float:left; display:inline; margin-bottom:5px;}
.filters label { display:inline; margin:0 5px 0 0; font-weight:bold; font-size:0.8em; }
.filters .sortList {float:left; display:inline;  padding:3px 10px 0;}
.filters .sortList label {margin:0 5px 0 0;}
.filters select {margin-right:10px;}

.filters .sortList .last {border-right:0;}
.filters .sortItem {display:inline; margin:0; padding:2px 4px; font-size:0.8em; border-right:1px solid #999999;}
.filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {padding-right:12px; text-decoration:none; background:url(/cms/images/layout/arrow_sortorder.gif) no-repeat 100% 2px;}
.filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {font-weight:bold; background-position:100% -18px;}
.filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {font-weight:bold; background-position:100% -38px;}

.paginationOuter{margin:1em 0 2em 0;}
.paginationOuter:last-child{margin:2em 0 1em 0;}
.paginationOuter p{padding:6px 0; margin:0;}
ul.pagination {display: inline-block; margin:0; padding-left: 0; float: right;}
ul.pagination li{display: inline;}
ul.pagination li a{background-color: #fff; border: 1px solid #ddd; float: left; line-height: 1.42857; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none;}
ul.pagination li a:hover{background-color: #e8efe1;}

ul.pagination li.disabled a{}
ul.pagination li.active{background-color:#72a839; color: #fff; border: 1px solid #ddd; float: left; line-height: 1.42857; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none;}

/*
.pagination .view {float:right; display:inline; padding:0 0 0 10px;}
.pagination .view a,.pagination .view a:link, .pagination .view a:visited { display:inline-block; text-decoration:none; padding:2px 6px;}
.pagination .paging {float:right; display:inline; padding:0 10px; border-right:1px solid #999999;}
.pagination .paging a,.pagination .paging a:link,.pagination .paging a:visited {float:left; display:inline; margin:0 3px; padding:2px 6px; text-align:center; text-decoration:none; }
.pagination .paging .active {float:left; display:inline; margin:0 4px; padding:2px 6px; text-align:center; color:#000; background-color:#d2d2d2; text-decoration:none; border:1px solid #969696;}
.pagination .paging .total { float:left; display:block; padding-top:2px; color:#999999;}
.pagination a.arrowRight,
.pagination a.arrowRight:link,
.pagination a.arrowRight:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_right_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
.pagination a.arrowLeft,
.pagination a.arrowLeft:link,
.pagination a.arrowLeft:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
*/


/* ==============================================================
GLOBAL STYLES 
============================================================== */

/*--- where is this used at? ----*/
.alert {overflow:hidden; border: 1px solid #FE0000; margin: 1em 0; padding: 10px; min-height: 50px; color: #fff; background-color: #FEFF99;}
.alert a { color:#fff; }

.bdr        { border:1px solid #555244; padding:1px; background-color:#a7a496; }
.bdrTop     { border-top:1px solid #999; }
.bdrRight   { border-right:1px solid #999; }
.bdrBottom  { border-bottom:1px solid #999; }
.bdrLeft    { border-left:1px solid #999; }

.bdrDash        { border:1px dashed #555244; }
.bdrDashTop     { border-top:1px dashed #999; }
.bdrDashRight   { border-right:1px dashed #999; }
.bdrDashBottom  { border-bottom:1px dashed #999; }
.bdrDashLeft    { border-left:1px dashed #999; }

.alternate	{background-color: #d8d8d8;}
.row		{background-color: #ffffff;}


/* ##  Error Markers  ## */

.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}

.fieldtext {color:#000000;}
.fielderror {color:#cc0000;}
.fieldnorm {width:16px; height:20px;}
.fieldreq {width:16px; height:20px; background:transparent url(/cms/images/global/field-req.gif) no-repeat center right;}
span.fieldreq {padding:0 6px; background-position:center center;}
span.fieldnorm {padding:0 6px; background-position:center center;}
.fieldred {width:16px; height:20px; background:transparent url(/cms/images/global/field-error.gif) no-repeat center right;}
span.fieldred {padding:0 6px; background-position:center center;}


/* ##  Tooltip Classes  ## */

.toolTipWrpr {display:none;width:340px;z-index:99;}
.toolTipShadow {background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px;color:#666666;}
.toolTopShadowBottom {background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.toolTipDate {font-size:11px;color:#999999;font-weight:bold;}
.toolTipName {font-size:14px;color:#666666;font-weight:bold;margin-bottom:14px;}


/* ##  Generic Pager  ## */

.genericPager {padding:10px 15px 20px 10px;}
.genericPager ul {list-style-type: none; margin:0; padding:0;}
.genericPager li {float:left; display:block; font-size:11px; margin:0 5px 5px 0;}
.genericPager li a {float:left; color:#003871; padding:2px 4px; border:1px solid #ddd; text-decoration:none; }
.genericPager li a:hover, .genericPager li a:focus { color:#000; background-color:#CFCFCF; border: 1px solid #000; text-decoration:none; }
.genericPager li.nolink {color:#fff; border:1px solid #ddd; padding:2px 4px;}
.genericPager li.active {color:#686868; border:1px solid #ddd; padding:2px 4px; background-color:#CFCFCF;}


/* ##  Smart Bug  ## */

.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }


/* ##  Master Overlay Styles ## */

.siteOverlay {display:none; position:relative; width:550px; max-width:95%; min-height:1px; background-color:#fff; z-index:1000; 
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 15px #333; -moz-box-shadow:0 0 15px #333; box-shadow:0 0 15px #333;}
.siteOverlay .overlayBar {position:relative; padding:7px 10px; text-align:right; border-bottom:1px solid #e6e6e6;}
.siteOverlay .overlayClose {display:inline-block; cursor:pointer; z-index:5;}
.siteOverlay .overlayContent {padding:15px;}


/* =================================================================
MODULE STYLES 
===================================================================*/


#header-breadcrumb{background: #015228 url(/cms/images/cha/header-breadcrumb.jpg) repeat-y center center; padding:0;}
#header-breadcrumb .center-outer{height: 100px; position: relative; display:table; width:100%;}
#header-breadcrumb .center-inner{display:table-cell; vertical-align:middle;}
#header-breadcrumb h1{color:#fff; margin:0; padding:0; font-family: Oswald; text-transform: uppercase; font-weight: 400; background-color: transparent;}


/* ##  Breadcrumb  ## */

.breadcrumbs-outer{}
.breadcrumbs-inner{}
.breadcrumbs { padding:0; margin:0; font-size:.9em; color:#fff; text-align:right;}
.breadcrumbs a, .breadcrumbs a:visited { text-decoration:none; color:#fff;}
.breadcrumbs a:hover, 
.breadcrumbs a:focus, 
.breadcrumbs a:active { text-decoration:underline; }
.breadcrumbs span { margin:0 2px; font-weight:normal; }



/* ##  PAGE TOOLS  ## */
/* Print and Email icons and wrapper */

.pageToolsWrapper {display:block; padding:0; margin:1em 0; text-align:right;}

.pageTool { margin:0 10px 0; font-size:0.938em; color:#686868; font-weight:normal; text-decoration:none; cursor:pointer; }

.pageToolsWrapper a { float:right; display:inline;  }
.pageToolsWrapper a:hover,
.pageToolsWrapper a:active {color:#1C4E87; text-decoration:underline;}

.pageToolsWrapper a.bookmark,
.pageToolsWrapper a.bookmark:link,
.pageToolsWrapper a.bookmark:visited {padding:0 0 0 18px; margin-left:7px; background-position:0 -39px;}
.pageToolsWrapper a.bookmark:hover,
.pageToolsWrapper a.bookmark:active {background-position:0 -119px;}

.pageToolsWrapper .addthis_toolbox { float:right; display:inline; }
.pageToolsWrapper .addthis_toolbox a,
.pageToolsWrapper .addthis_toolbox a:link,
.pageToolsWrapper .addthis_toolbox a:visited {background:none; padding:0; margin:0 0 0 5px; }

.addthis_toolbox { display:inline; }


/* ## Email a Friend ## */

.emailFriendWrapper {}
.emailFriendWrapper .inner { padding:10px; }
.emailFriendWrapper .emailFriendSender { margin:10px 0 20px; border-bottom:1px dashed #ccc; }
.emailFriendWrapper .emailFriendAdditional { margin:10px 0 0; padding:20px 0 0; border-top:1px dashed #ccc; }

/* =================================================================
THIRD PARTY STYLES
===================================================================*/



/* ===============  HOME SLIDESHOW  =============== */

.mainStage {position:relative; overflow:hidden; width:960px; height:425px; margin:0 20px;}

.mainStage h1 {color:#72A3D0; font:normal 14px Sone,'Arial Narrow',Arial,Helvetica,sans-serif; font-stretch:condensed; margin:0 0 0.6em 0; padding:0; text-transform:lowercase; text-shadow:1px 1px 1px #fff; z-index:2;}
.mainStage h1 sup {font-size:0.5em;}
.mainStage h3 {color:#72A3D0; font:bold 20px 'Arial Narrow',Arial,Helvetica,sans-serif; font-stretch:condensed; margin:0 0 0.6em; z-index:2;}
.mainStage-top {position:absolute; top:20px; border-bottom:1px dashed #bbc2c9; width:100%;padding-bottom:4px; z-index:1;}
.mainStage .items {width:20000em; position:absolute; clear:both}
.mainStage .single {float:left; position:relative; width:960px; height:425px; margin:0; padding:0;  background-repeat:no-repeat; background-position:right 0;}
.mainStage .single h3 { font-size:60px; text-transform:uppercase; margin:80px 0 0 0; text-shadow:2px 2px 2px #ABC9E4;}
.mainStage .single p {font-size:14px; font-weight:bold; color:#72a3d0; line-height:1.6em;}

.mainStage .navi {position:absolute; top:15px; right:0;}
.mainStage a.browse {background:url(/cms/images/slideshow/slide_arrows.png) no-repeat; display:block; width:25px; height:30px; cursor:pointer; font-size:1px; position:absolute; z-index:1000; top:0;}
.mainStage a.right {background-position:-25px 0; right:0;}
.mainStage a.right:hover {background-position:-25px -30px}
.mainStage a.right:active {background-position:-25px -60px}
.mainStage a.left {margin-left:0;right:35px;}
.mainStage a.left:hover {background-position:0 -30px;}
.mainStage a.left:active {background-position:0 -60px;}
.mainStage a.disabled {visibility:hidden !important;}


/* ## Button Styles ## */
/* 
<span class="btnWrapper"><input class="btn" value="Submit" /></span>
or
<a href="#" class="btnWrapper"><span class="btn">Submit</a></a>
*/

.btnWrapper { display:inline-block; padding:0; text-decoration:none !important; }

a.btn {display:inline-block; margin:0; padding:6px 10px; font-weight:300; border:none; color:#fff; background-color:#72a839; text-align:center; text-decoration:none; cursor:pointer; overflow:visible; box-shadow: 0 0 3px #ccc;}
a.btn:hover{background-color:#62962c;}

.siteSearchButton .btn {display:inline-block; margin:0; background: url("/cms/images/cha/search-icon.png") no-repeat scroll top center / 32px 66px #FFFFFF;
    cursor: pointer; height: 32px; width: 32px; text-indent: -9999px; }

.btnWrapper:hover, 
.btnWrapper:hover .btn { background-position:bottom center; }

.btnAlt {}
.btnAlt a.btn{color:#fff; background-color:#999 ; border:none; text-align:center; text-decoration:none; cursor:pointer;}
.btnAlt a.btn:hover { background-color:#848484; }

.btnLarge a.btn {padding:8px 12px; font-size:1.4em;}

.btnFullWidth {display:block;}
.btnFullWidth a.btn {display:block; padding-left:0; padding-right:0; }
.btnFullWidth input.btn { width:100%; }


/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */

.btnWrapper [class^="icon-"] { margin:0 3px; font-size:0.7em; }


/* ## Site Icons ## */

.iconImage { position:relative; display:inline-block; bottom:1px; width:10px; height:10px;  vertical-align:middle; text-indent:-9999em; background:url(/cms/images/layout/icons_default.png) no-repeat 0 0; overflow:hidden; }
.iconCart { width:22px; height:22px; background-position:0 0; }
.iconRefresh { width:22px; height:22px; background-position:0 -27px; }
.iconContinueArrow { width:22px; height:16px; background-position:0 -57px; }
.iconCheckbox { width: 18px; height: 14px; background-position: -23px -112px; }
.iconXSquareRed { width: 12px; height: 12px; background-position: 0 -112px; }
.iconSearch { width: 14px; height: 14px; background-position: -55px 0; }
.iconQuestion { width: 22px; height: 22px; background-position: 0 -75px; }


/* ## truncate styling ## */

.truncateLink {}
.truncateLink a, .truncateLink a:link, .truncateLink a:visited { margin-left:5px; }
.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {}
.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {}


/* ## footer ## */

.footer {position:relative; margin-bottom:10px; padding:0; border-top: 9px solid #72a839; background-color: #e5e5e5;}
.footerBar {margin-bottom:10px; min-height:1px; padding:10px; background-color:#ecf1f8;}
.ftrPhonenum {float:left; width:170px; height:28px; text-indent:-9999em; background-position:100% 0; background-repeat:no-repeat;}

.footerHeading {display:block; margin:0 0 2px; font-weight:bold; font-size:1.1em;}

.welcomeMessage {position:absolute; bottom:5px; right:0; width:50%; padding:20px; font-size:12px; background-color:#ECF1F8; border:1px solid #9BAAB7;}
.welcomeMessage .iconClose {position:absolute; top:3px; right:3px; width:13px; height:13px; background:url(/cms/images/layout/icon_x.gif) no-repeat 0 0; cursor:pointer;}

.subFooter { padding:10px 0; }

ul.footerLinks {text-align: right; color:#333; font-size: 0.8em; margin:0; padding:0; list-style-type:none;}
ul.footerLinks li{display: inline-block; list-style-type: none; margin:0 0 0 10px; padding:0 0 0 10px; border-left: solid 1px #a7a7a7;}
ul.footerLinks li.firstitem{border-left:none; margin-left:0; padding-left:0;}
ul.footerLinks a,
ul.footerLinks a:link,
ul.footerLinks a:visited {text-decoration:none; color:#333;}
ul.footerLinks a:hover,
ul.footerLinks a:active {text-decoration:underline;}


.eho{float:left; margin: 0 20px 0 0;}

.copyright {float:left; text-align:left; color:#333; font-size:13px;}
.copyright a,
.copyright a:link,
.copyright a:visited {text-decoration:none; color:#666666;}
.copyright a:hover,
.copyright a:active {text-decoration:underline;}


/* ## Footer Email Signup ## */

.emailSignup {margin:0 0 15px 0; font-size: 18px; font-weight: 300;}
.emailSignup span{color:#333; margin-right: 5px;}
.emailSignup a,
.emailSignup a:visited{color:#333; text-decoration: none;}
.emailSignup a:hover{text-decoration: underline;}


/* ## Footer Social Follow ## */

.followUs {margin:0 0 10px;}
ul.socialFollow {text-align: right; margin:0 0 10px 0; padding:0;}
ul.socialFollow li {display:inline-block; list-style-type: none; margin:0 0 0 10px;}
ul.socialFollow li a {display:inline-block; width:25px; height:25px; background:url(/cms/images/cha/social-25.png) no-repeat 0 0; text-indent:-9999em; overflow:hidden; text-align: left;}
ul.socialFollow li.twitter a {background-position:0 0;}
ul.socialFollow li.facebook a {background-position:0 -35px;}
ul.socialFollow li.youtube a {background-position:0 -70px;}
ul.socialFollow li.you-tube a {background-position:0 -70px;}
ul.socialFollow li.linkedin a {background-position:0 -105px;}
ul.socialFollow li.tumblr a {background-position:0 -140px;}
ul.socialFollow li.instagram a {background-position:0 -175px;}


/* ## Footer Google Translate ## */

.google-translate{text-align: right; padding:5px 15px 20px 0px;}



/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.tableWrapper { overflow:auto; }


/* ## NEW Limit Text Box ## */

.limitTextBox {}
.limitTextBox span { display:none; }
.limitTextBoxBar { width:100%; margin:-15px 0 15px 0; }
.limitTextBoxBarWrpr {width:100%; border:0px solid #000; overflow:hidden; font-size:9px; color:#000; white-space:nowrap; height:5px; background-color:#FDFBBE;}
.limitTextBoxBarInner { width:0%; background-color:#FF0000; }
.limitTextBoxInputWrpr { display:table-cell; width:100%; vertical-align:top; }
.limitTextBoxInputWrpr textarea { box-sizing:border-box; vertical-align:top; }
.limitTextBoxSpellWrpr { display:table-cell; padding-left:5px; vertical-align:top; }
.limitTextBoxSpellWrpr img { max-width:16px !important; cursor: pointer; }




/* =================================================================
Carousel
===================================================================*/

/*STANDARD CAROUSEL
------------------------------------*/
#carousel-outer{background: #fff; margin: 1em 0 2em 0;}

#carousel-wrapper {width: 100%; padding: 0px; position: relative;}
#carousel-wrapper > div {width: 100%; height: auto; overflow: hidden;}
#carousel-wrapper > div img {display: block; float: left; width:100%; height:auto; max-width: 100% !important;}

#carousel-wrapper > div .slide{position: relative;}
#carousel-wrapper > div .pbox-overlay{background-color: #1e421d; color:#fff; padding: 20px; position: absolute; left: 0px; bottom: 0px; font-size: 20px;
	opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */}
#carousel-wrapper > div .pbox-overlay p{margin:0; padding: 0; font-size: 20px; line-height: 1.3em;}
#carousel-wrapper > div .pbox-overlay a{color:#fff; text-decoration: none;}
#carousel-wrapper > div .pbox-overlay a:hover{color:#fff; text-decoration: underline;}



#pager-outer{position: relative; padding:0 46px; background-color: #72a839;}
#pager-wrapper {position: relative; width:100%; height:46px;}
#pager-wrapper > div {}

#pager-wrapper .preview{float:left; padding:0; margin:0; min-height: 46px; opacity: 0.4; filter: alpha(opacity=40);}
#pager-wrapper .preview img{margin:0; width:82px; height:46px;}
#pager-wrapper .preview a{display: block; padding:0px; text-decoration: none; }
#pager-wrapper .preview span{display:none;}

#pager-wrapper .selected {opacity: 1; filter: alpha(opacity=100);}
#pager-wrapper .selected span {color:#fff;}

#pager-outer .pw-prev,
#pager-outer .pw-next {position: absolute; outline: 0; width: 46px; height: 46px; text-indent: -9999px; z-index: 90;}
#pager-outer .pw-prev {top:0px; left: 0px; background: #72a839 url(/cms/images/cha/arrows.png) no-repeat 0px 0px;}
#pager-outer .pw-next {top:0px; right: 0px; background: #72a839 url(/cms/images/cha/arrows.png) no-repeat 0px -46px;}
#pager-outer .pw-prev:hover {background-color: #1e421d;} 
#pager-outer .pw-next:hover {background-color: #1e421d;}

#dots-outer{padding:10px 0 5px 0; text-align: center; display:none;}
#dots-wrapper{position:relative;}
#dots-wrapper a.dots-prev{display:block; position:absolute; left:0px; top:0px; background:transparent url(/cms/images/cha/dot-sprite.png) no-repeat left top; width:24px; height:24px; background-size: 24px 48px;}
#dots-wrapper a.dots-next{display:block; position:absolute; right:0px; top:0px; background:transparent url(/cms/images/cha/dot-sprite.png) no-repeat left top; width:24px; height:24px; background-size: 24px 48px;}
#dots-outer .dot {display:inline-block; margin:0; padding: 0;}
#dots-outer .dot a .dot-sprite{background:transparent url(/cms/images/v2/dot-sprite.png) no-repeat left top; width:24px; height:24px; background-size: 24px 48px;}
#dots-outer .dot.selected a .dot-sprite{background-position: left bottom;}




/*Home Page TILE CAROUSEL
------------------------------------*/
.tile-carousel-outer{background: #fff; margin:0; position: relative;}

.tile-carousel-wrapper {width: 100%; padding: 0px; position: relative;}
.tile-carousel-wrapper > div {width: 100%; height: auto; overflow: hidden;}
.tile-carousel-wrapper > div img {display: block; float: left; }

.tile-carousel-wrapper > div .slide{position: relative;}
.tile-carousel-wrapper > div .pbox-overlay{background-color: #1e421d; color:#fff; padding: 20px; position: absolute; left: 0px; bottom: 0px; font-size: 20px;
	opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */}
.tile-carousel-wrapper > div .pbox-overlay p{margin:0; padding: 0; font-size: 20px; line-height: 1.3em;}
.tile-carousel-wrapper > div .pbox-overlay a{color:#fff; text-decoration: none;}
.tile-carousel-wrapper > div .pbox-overlay a:hover{color:#fff; text-decoration: underline;}

#tile-pager-outer{display:none; position:absolute; left:0px; top:0px;}

.tile-dots-outer{padding:0; text-align: center; display:block; position: absolute; left:0px; bottom:0px; z-index: 999; width:100%;}
.tile-dots-wrapper{position:relative;}
.tile-dots-wrapper a.dots-prev{display:block; position:absolute; left:0px; top:0px; background:transparent url(/cms/images/cha/dot-sprite.png) no-repeat left top; width:16px; height:16px; background-size: 16px 32px;}
.tile-dots-wrapper a.dots-next{display:block; position:absolute; right:0px; top:0px; background:transparent url(/cms/images/cha/dot-sprite.png) no-repeat left top; width:16px; height:16px; background-size: 16px 32px;}
.tile-dots-outer .dot {display:inline-block; margin:0; padding: 0;}
.tile-dots-outer .dot a,
.tile-dots-outer .dot a:hover{background-color: transparent;}
.tile-dots-outer .dot a .dot-sprite{background:transparent url(/cms/images/cha/dot-sprite.png) no-repeat left top; width:16px; height:16px; background-size: 16px 32px;}
.tile-dots-outer .dot.selected a .dot-sprite{background-position: left bottom;}









/* Autocomplete
----------------------------------*/
.autocomplete-w1{}
.autocomplete-w1 .autocomplete{background-color: #fff; -webkit-box-shadow:0 0 3px #ccc; -moz-box-shadow:0 0 3px #ccc; box-shadow:0 0 3px #ccc;}
.autocomplete-w1 .autocomplete div{padding:5px;}
.autocomplete-w1 .autocomplete .selected{background-color: #e2f1cc; cursor: pointer;}



/* =================================================================
Four Column Article
===================================================================*/

.four-col-article{padding:0px; background-color: #fff; -webkit-box-shadow:0 0 3px #ccc; -moz-box-shadow:0 0 3px #ccc; box-shadow:0 0 3px #ccc; margin-bottom: 40px;}
.four-col-article img{width: 100% !important; height:auto !important; max-width: 100% !important; padding:20px 0;}
.four-col-article h2{margin:0; font-size: 20px; font-weight: 300; padding:15px 0;}
.four-col-article p{font-weight: 300; padding:0 0 15px 0;}





/* =================================================================
Home Tiles
===================================================================*/

.home-page #tileWrap{margin-bottom: 25px;}
.wrap {overflow: hidden; margin:0px; }
.box {float: left; position: relative; width: 16.6%; padding-bottom: 16.6%;}
.boxInner {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: hidden; width:100%; height:100%;}
.boxInner > div a.youtube,
.boxInner > div a.tile-link{display: block; width:100%; height:100%; position: relative; }

.boxInner > div{}

/*
.boxInner > div a.tile-link:nth-child(odd) {background-color: #086c72;}
.boxInner > div a.tile-link:nth-child(even) {background-color:#13a292;}
*/
.boxInner > div a .spnTitle{position: absolute; left:0px; top:0px; display: none;}
.boxInner img {width: 100%; }




.boxInner .titleBox {position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: -100px; background: #000; background: rgba(0, 0, 0, 0.5);
	color: #FFF; padding: 0px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

#tile-1.box .boxInner h1,
#tile-1.box .boxInner h2{font-family: 'Oswald'; font-weight: 400; text-transform: uppercase; color:#333; font-size: 1.8em; margin:0 0 5px 0; text-align: right; padding: 0 20px 0 0;}
#tile-1.box .boxInner p{color:#666; font-size: 1em; margin:0; text-align: right; padding: 0 22px 0 0;}


.tilePlay{background: transparent url(/cms/images/cha/play-icon.png); display:block; position: absolute; left:0px; right:0px; width:100%; height:100%; background-size:100% 100%;}
.tilePlay:hover{background-color:rgba(1, 82, 40, .2);}


.box.intro{width: 66.4%;}

#tile-1.box{}
#tile-2.box{display:none;}
#tile-3.box{}
#tile-4.box{display:none;}
#tile-5.box{}
#tile-6.box{}
#tile-7.box{}
#tile-8.box{}
#tile-9.box{}
#tile-10.box{}
#tile-11.box{}
#tile-12.box{background-color: transparent;}
#tile-13.box{}
#tile-14.box{}
#tile-15.box{background-color: transparent;}
#tile-16.box{}
#tile-17.box{}
#tile-18.box{display:none;}


#tile-1.box:hover{}
#tile-2.box:hover{}
#tile-3.box:hover{}
#tile-4.box:hover{}
#tile-5.box:hover{}
#tile-6.box:hover{}
#tile-7.box:hover{}
#tile-8.box:hover{}
#tile-9.box:hover{}
#tile-10.box:hover{}
#tile-11.box:hover{}
#tile-12.box:hover{}
#tile-13.box:hover{}
#tile-14.box:hover{}
#tile-15.box:hover{}
#tile-16.box:hover{}
#tile-17.box:hover{}
#tile-18.box:hover{}







/* =================================================================
List View
===================================================================*/

.list-view{position: relative; min-height:80px; margin-bottom: 30px;}
.list-view .list-view-image{position: absolute; left:0px; top:0px;}
.list-view .list-view-image img{width:80px; height: 80px;}
.list-view .list-view-desc{margin:0 0 0 95px;}
.list-view .list-view-desc h3{margin:0; text-transform: none; font-family: 'Lato'; font-size: 20px;}
.list-view .list-view-desc p{margin:0;}



/* =================================================================
Sidebar Forms
===================================================================*/

.text-item{display: block; margin: 0 0 5px 0;}
.text-item label{margin: 0 0 3px 0; display: block;}
.text-item input{}

.dropdown-item{display: block; margin: 0 0 5px 0;}
.dropdown-item label{margin: 0 0 3px 0; display: block;}
.dropdown-item select{}

.checkbox-item{display: block; margin: 0 0 5px 0;}
.checkbox-item label{margin: 0 0 0 8px;}
.checkbox-item input{}

.button-item{margin:1em 0;}
.button-item input{background: none repeat scroll 0 0 #72A839; border: 0 none; color: #FFFFFF; cursor: pointer; display: inline-block; line-height: 1.6em; margin: 0; padding: 6px 13px; position: relative; text-decoration: none;}
.button-item input.btn-submit{font-size: 120%;}
.button-item input.btn-clear{background-color:#F0F0F0; color: #333;}







/* =================================================================
Colorbox
===================================================================*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
#cboxTopLeft{width:25px; height:25px; background:url(/cms/includes/colorbox/example4/images/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url(/cms/includes/colorbox/example4/images/border1.png) repeat-x 0 -50px;}
#cboxTopRight{width:25px; height:25px; background:url(/cms/includes/colorbox/example4/images/border1.png) no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url(/cms/includes/colorbox/example4/images/border1.png) no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url(/cms/includes/colorbox/example4/images/border1.png) repeat-x 0 -75px;}
#cboxBottomRight{width:25px; height:25px; background:url(/cms/includes/colorbox/example4/images/border1.png) no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url(/cms/includes/colorbox/example4/images/border2.png) repeat-y 0 0;}
#cboxMiddleRight{width:25px; background:url(/cms/includes/colorbox/example4/images/border2.png) repeat-y -25px 0;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxLoadingOverlay{background:#fff url(/cms/includes/colorbox/example4/images/loading.gif) no-repeat 5px 5px;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}






/* =================================================================
Admin Overrides
===================================================================*/

.adminToolTipShadow h3{margin:0 0 10px 0; font-family: Arial,Helvetica,sans-serif; text-transform: none; color:#000; font-weight:bold; font-size:15px;}




/* =================================================================
Responsive YouTube Videos
===================================================================*/

.responsive-video {position: relative; padding-bottom: 56.25%; padding-top: 60px; overflow: hidden;}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}






/* =================================================================
Media Queries
===================================================================*/





/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	
	.test {}

}

/* (1071px - 1170px) */
@media only screen and (min-width:66.938em) and (max-width:73.125em) {

	.test {background-color: purple;}
	
	.siteHeader a.sitelogo,
	.siteHeader a.sitelogo:link,
	.siteHeader a.sitelogo:visited{width:127px; height:127px; margin-top:9px;}

	.siteHeader .topNav{margin: 17px 0 24px 0; font-size: 0.9em;}
	.siteHeader .siteSearch{font-size: 0.9em;}

}

/* (971px - 1070px) */
@media only screen and (min-width:60.688em) and (max-width:66.875em) {

	.test {background-color: green;}
	
	.siteHeader a.sitelogo,
	.siteHeader a.sitelogo:link,
	.siteHeader a.sitelogo:visited{width:115px; height:115px; margin-top:8px;}

	.siteHeader .topNav{margin: 15px 0 20px 0; font-size: 0.85em;}
	.siteHeader .siteSearch{font-size: 0.85em;}

	/* 5 Tiles Wide */
	.box {width: 20%; padding-bottom: 20%;}
	.box.intro{width: 80%;}
	.box.blank{display: none;}
	
}

/* (871px - 970px) */
@media only screen and (min-width:54.438em) and (max-width:60.625em) {

	.test {background-color: blue;}
	
	.siteHeader a.sitelogo,
	.siteHeader a.sitelogo:link,
	.siteHeader a.sitelogo:visited{width:104px; height:104px; margin-top:7px;}

	.siteHeader .topNav{margin: 14px 0 16px 0; font-size: 0.85em;}
	.siteHeader .topNav .headerLinks{line-height: 30px;}
	.siteHeader .siteSearch{font-size: 0.85em;}

	/* 5 Tiles Wide */
	.box {width: 20%; padding-bottom: 20%;}
	.box.intro{width: 80%;}
	.box.blank{display: none;}
	
}

/* (768px - 870px) */
@media only screen and (min-width:48.000em) and (max-width:54.375em) {

	.test {background-color: gray;}
	
	.siteHeader a.sitelogo,
	.siteHeader a.sitelogo:link,
	.siteHeader a.sitelogo:visited{width:96px; height:96px; margin-top:6px;}

	.siteHeader .topNav{margin: 12px 0 13px 0; font-size: 0.85em;}
	.siteHeader .topNav .headerLinks{line-height: 26px;}
	.siteHeader .siteSearch{font-size: 0.85em;}

	/* 4 Tiles Wide */
	.box {width: 25%; padding-bottom: 25%;}
	.box.intro{width: 75%;}
	.box.blank{display: none;}
	
}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.test {background-color: purple;}
	
	.headerOuter .grid_12{padding:0;}
	
	.siteHeader{margin-bottom:10px;}
	
    .siteHeader a.sitelogo,
    .siteHeader a.sitelogo:link, 
    .siteHeader a.sitelogo:visited {width:80px; height:80px; margin:6px 0 0 10px; float:none;}
    
	.siteHeader .topNav{margin:0; font-size: 0.85em; display:none; }
	.siteHeader .topNav.showSearch{display:block; position: absolute; left:10px; top: 10px; z-index:10000}
	.siteHeader .topNav.showSearch .headerLinks{display: none;}
	.siteHeader .topNav .searchOuter{width:100%;}
	.siteHeader .siteSearch{font-size: 0.85em; width:100%;}
	.siteHeader .siteSearch .grid_8{width: 66.666%;}
	.siteHeader .siteSearch .grid_4{width: 33.333%;}

	.siteHeader .mainNav{float:none; background-color: transparent !important; position: absolute; left:0px; top:0px; width:100%;}
	.siteHeader .mainNav .clearfix{position:relative;}

	.siteHeader .mainNav .menuLink{position: absolute; right:10px; top:10px;}
	.siteHeader .mainNav .menuLink.showButton{background-color:#014a24;}
	.siteHeader .mainNav .menuLink.icon-list.showButton:before {content: "\78";}
	
	
	.siteBody{margin:0;}
	/*.home-page .siteBody .grid_12{padding:0;}*/
	.home-page #tileWrap section.grid_12{padding:0;}
	.siteBody .container [class*="grid_"]{margin-bottom: 20px;}
	 
	/* 4 Tiles Wide */
	.box {width: 25%; padding-bottom: 25%;}
	.box.intro{width: 75%;}
	.box.blank{display: none;}
	
	#tile-1.box .boxInner h1,
	#tile-1.box .boxInner h2{font-size: 1.4em;}
	#tile-1.box .boxInner p{font-size: 0.9em;}
	
	#tile-2.box{display:none;}
	
	#header-breadcrumb{padding: 10px 0; margin-bottom:20px;}
	#header-breadcrumb .center-outer{height:auto; padding:0px;}
	#header-breadcrumb h1{font-size: 24px;}
	#header-breadcrumb .breadcrumbs{text-align: left; padding:0px; font-size: 0.75em;}


	

	.eho{display: block; text-align: center; float: none; margin: 0 0 1em 0;}
	.emailSignup{text-align: center; margin:1em 0;}
	.copyright{text-align: center; float: none; margin:1em 0; font-size:11px;}
	ul.socialFollow{text-align: center; margin:1em 0;}
	ul.footerLinks{text-align: center; margin:1em 0; font-size:11px;}
	.google-translate{text-align: center; margin:0 0 1em 0; padding: 0;}
	
	
	.article .aside.featured-image{max-width:100%; margin:1em 0;}
	
	
	
	
	
	
	/* Four Column Article */
	
	.four-col-article{}
	.four-col-article img{padding:0;}
	.four-col-article h2{}
	.four-col-article p{}
	

}


/* 16px baseline (560px - 640px) */
@media only screen and (min-width:35.000em) and (max-width:40.000em) {
	#tile-1.box .boxInner p{font-size: 0.75em;}
}

/* 16px baseline (481px - 559px) */
@media only screen and (min-width:30.063em) and (max-width:34.938em) {
	#tile-1.box .boxInner p{font-size: 0.65em;}
}


/* 16px baseline (180px - 480px) */
@media only screen and (min-width:11.250em) and (max-width:30.000em) {


	/* 3 Tiles Wide */
	.box {width: 33.3%; padding-bottom: 33.3%;}
	.box.intro{display: none;}
	/*.box.blank{display: none;}*/
	
	
	
	#tile-4.box{display:block;}
	#tile-14.box{display:block;}
	
	.siteBody{z-index: 900;}
	
	.home-page .headerOuter{position: absolute; top:0px; left:0px; width:100%; height:50px;}
	
	/*
	.home-page .siteHeader{margin-bottom: 0; position: absolute; top:0px; left:0px;}
	*/
	.home-page .siteHeader a.sitelogo, 
	.home-page .siteHeader a.sitelogo:link, 
	.home-page .siteHeader a.sitelogo:visited{display: none;}
	
	.eho{display: block; text-align: center; float: none; margin: 0 0 1em 0;}
	.emailSignup{text-align: center; margin:1em 0;}
	.copyright{text-align: center; float: none; margin:1em 0;}
	ul.socialFollow{text-align: center; margin:1em 0;}
	ul.footerLinks{text-align: center; margin:1em 0;}
	.google-translate{text-align: center; margin:0 0 1em 0; padding: 0;}
	
	
	#tile-2.box {display:block; }
	#tile-2.box .boxInner {background:#fff;}
	#tile-2.box img {display:none;}
	
}





/* =================================================================
PRINT STYLES
===================================================================*/

.visible-print{display: none !important;}

@media print {
    
    a, a:visited { text-decoration: underline; }
    /*
	a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    
    
    .hide-print{display: none !important;}
	.visible-print{display: block !important;}
	
	.visible-print.logo{border-bottom: 7px solid #72a839; margin:0 0 1em 0; padding:0 0 1em 0;}
	.visible-print.logo img{width:100px; height:100px;}
	
	.siteHeader{display:none;}
	
	#header-breadcrumb{background: none;}
	#header-breadcrumb .center-outer{height:auto;}
	#header-breadcrumb .center-inner{display:block;}
	#header-breadcrumb h1{color:#000;}
	#header-breadcrumb .breadcrumbs{text-align: left; margin: 1em 0 0 0;}
	
	.container [class*="grid_"]{padding: 0;}
	
	.mainContent .pageToolsWrapper,
	.mainContent .dropdownWrapper,
	.mainContent .news-filter,
	.mainContent .paginationOuter{display: none;}
	
	.wrap .box{width:100%; float:none; height:auto; padding: 0px !important;}
	.wrap .box .boxInner{height: auto !important; position: relative;}
	.wrap .box .boxInner a{height: auto !important;}
	
	.wrap .box .boxInner h2,
	.wrap .box .boxInner p{text-align: left !important;}
	.boxInner > div a.youtube, 
	.boxInner > div a.tile-link{height: auto;}
	.wrap .box .spnTitle{display: block; position: relative; left:auto; top: auto;}
	.wrap .box img,
	.wrap .box .tile-carousel-outer{display: none !important;}
	.wrap .box.intro{margin-bottom: 1em;}
	
	
	
	.four-col-article img{max-width: 200px !important;}
	
	
	.footer{}
	.footer .emailSignup,
	.footer .followUs,
	.footer .footerLinks,
	.footer .google-translate{display: none;}
}

/* Ticket #310319 */

@media only screen and (max-width:800px) 
{
    #tile-1.box .boxInner p {font-size:.815em;}
}


@media only screen and (max-width:640px) {
    
    .home-page .siteBody .wrap {margin-top:100px;}
    .home-page .siteBody .wrap .logo .boxInner {background:#086c72;}
    .home-page .siteHeader a.sitelogo, 
    .home-page .siteHeader a.sitelogo:link, 
    .home-page .siteHeader a.sitelogo:visited {display:block;}
    #tile-1.box .boxInner p {font-size:.7em;}
}

















