/*******************************
	Crimestoppers
	Author: James Taylor - Jaywing
	styles.css
	v.1.0
*******************************/

/*
	*** Contents:
			
			* Global Structure
			* Typography
			* Header
				* Logo
				* Search
			* Main Navigation
				* Global Nav Classes (Mobile & Drop Down)
				* Mobile Nav
			* Footer
			* Forms
				* Multiselect
			* Modules
				* Get Involved
			* Media Queries
				* 480px (30em x 16px = 480)
				* 768px (48em x 16px = 768)
					** Global Structure
					** Primary Nav
					** Sub Nav (drop down)
				* 896px (56em x 16px = 896)


	*** Colours:

			#4c4c4c - Black (Body text, Hero & Footer bg)

			#f6f6f6	- Light grey (form bgs and Primary nav hover)
			#949494 - Dark Grey (Sub nav background)

			#00aeef - Blue (Headlines & Links)
			#1481c5 - Blue Darker

			#ef8100 - Orange (Buttons & Hero text)
			#d16700 - Orage Darker

			#e41f1f - Red (Call out & Give info links)
			#c40008 - Red Darker

			#a4cf59 - Green
			#88b33d - Green Darker

			#cf3e99 - Purple
			#b11a7f - Purple Darker

			#f5c10d - Orange
			#d7a500 - Orange Darker

			#deeffc - Light blue (Give info bg - homepage)


			//#3e9ae0 - Blue 	(Headlines & Links)
			//#a4cf59 - Green (Buttons & Hero text)


	*** Fonts:
			Standard 		"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
			Custom			Bosis W01 Light
									Bosis W01 Medium
									Bosis W01 Semibold
									Bosis W01 Bold

*/

/****************************************

	* Global Structure

****************************************/

body {
	width:100%;
	overflow-x: hidden;
	min-width:277px;
}
.container * {

}

.container {
	width:100%;
	float:left;
	position:relative;
}

.row { 
	max-width:76.5em; /* extend maximum width - 1224px */
}

.item-row {
    padding-top: 10px;
}

.main section.spacing {
	padding-bottom:2em;
}

.main section .row .columns p img {
    padding:20px;
}

form {  margin:0; }

label img {
    pointer-events: none;
}


/****************************************

	* Typography

****************************************/

/* Headline fonts */
/*
	Bosis Std
	*/
@font-face{
font-family:"Bosis W01 Bold";
src:url("../fonts/92ca7847-c241-4828-8cd8-9cc181322500.eot?#iefix");
src:url("../fonts/92ca7847-c241-4828-8cd8-9cc181322500.eot?#iefix") format("eot"),url("../fonts/2f7d28a2-519c-4c0f-961e-6f92cbc63e4e.woff") format("woff"),url("../fonts/84ac0bbc-73ae-4712-b025-cc740dd3b1a2.ttf") format("truetype"),url("../fonts/ec9fb89c-539d-45a2-a071-1f799298af2d.svg#ec9fb89c-539d-45a2-a071-1f799298af2d") format("svg");
}
@font-face{
font-family:"Bosis W01 Light";
src:url("../fonts/4cd6ded2-539a-4c74-9a16-2c6807e367f3.eot?#iefix");
src:url("../fonts/4cd6ded2-539a-4c74-9a16-2c6807e367f3.eot?#iefix") format("eot"),url("../fonts/43ee2c14-5a2e-467a-ab3b-c2f8935eb08c.woff") format("woff"),url("../fonts/2d9a2b0c-ff79-43df-822c-485df2c62167.ttf") format("truetype"),url("../fonts/b4bcc558-890e-448c-b43a-4a0c65491bc8.svg#b4bcc558-890e-448c-b43a-4a0c65491bc8") format("svg");
}
@font-face{
font-family:"Bosis W01 Medium";
src:url("../fonts/cf7d1ed9-caea-420b-816b-da5b23f51db6.eot?#iefix");
src:url("../fonts/cf7d1ed9-caea-420b-816b-da5b23f51db6.eot?#iefix") format("eot"),url("../fonts/5c2012e4-d6f4-4d94-82b8-eb0bfdb40bb8.woff") format("woff"),url("../fonts/2e849412-2f21-4b38-8ee4-54f56ac170b1.ttf") format("truetype"),url("../fonts/c992feb8-48fc-4714-9546-c939e023aba4.svg#c992feb8-48fc-4714-9546-c939e023aba4") format("svg");
}
@font-face{
font-family:"Bosis W01 Semibold";
src:url("../fonts/34a8861b-9962-4682-8394-f9de9a3840e8.eot?#iefix");
src:url("../fonts/34a8861b-9962-4682-8394-f9de9a3840e8.eot?#iefix") format("eot"),url("../fonts/e5c78bee-f8a7-4c9b-a26f-c69599d8285b.woff") format("woff"),url("../fonts/134700cf-a3da-40c8-90ad-4e49df17e014.ttf") format("truetype"),url("../fonts/e75cb5d8-419d-4273-ae03-0409929fdb89.svg#e75cb5d8-419d-4273-ae03-0409929fdb89") format("svg");
}
/*@font-face {
	font-family: 'Bosis W01 Bold';
    src: url('../fonts/Bosis W01 Bold.eot');
    src: url('../fonts/Bosis W01 Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Bosis W01 Bold.woff') format('woff'),
         url('../fonts/Bosis W01 Bold.ttf') format('truetype'),
         url('../fonts/Bosis W01 Bold.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bosis W01 Semibold';
    src: url('../fonts/Bosis W01 Semibold.eot');
	src: url('../fonts/Bosis W01 Semibold.eot?#iefix') format('embedded-opentype'), 
	     url('../fonts/Bosis W01 Semibold.woff') format('woff'), 
	     url('../fonts/Bosis W01 Semibold.ttf')  format('truetype'),
	     url('../fonts/Bosis W01 Semibold.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bosis W01 Medium';
    src: url('../fonts/Bosis W01 Medium.eot');
	src: url('../fonts/Bosis W01 Medium.eot?#iefix') format('embedded-opentype'), 
	     url('../fonts/Bosis W01 Medium.woff') format('woff'), 
	     url('../fonts/Bosis W01 Medium.ttf')  format('truetype'),
	     url('../fonts/Bosis W01 Medium.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bosis W01 Light';
    src: url('../fonts/Bosis W01 Light.eot');
	src: url('../fonts/Bosis W01 Light.eot?#iefix') format('embedded-opentype'), 
	     url('../fonts/Bosis W01 Light.woff') format('woff'), 
	     url('../fonts/Bosis W01 Light.ttf')  format('truetype'),
	     url('../fonts/Bosis W01 Light.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

body {
	font-size:75%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1, h2 {
	font-family: 'Bosis W01 Semibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#E41F1F;
}

h1 {
	font-size:2em;
	margin:.6em 0 .4em;
}

header[role=banner] h1 {
	margin-bottom:0;
}

h2 {
	font-family: 'Bosis W01 Semibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.625em;
	margin-top:0.6em;
}

.columns h2:first-child {
	margin-top:0;
}

hgroup h1 {
	margin-bottom:0;
}
hgroup h2 {
	margin-top:0;
}

h3 {
	font-size:1.5em;
	font-family: 'Bosis W01 Semibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
h4, h5, h6 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h4 {
	font-size:1.25em;
	font-weight: normal;
}
h5, h6 {
	font-size:1em;
	letter-spacing:0.1429em;
}
h6 { font-weight: normal; }

p { margin-top:0; }

hr {
  font-weight: 400;
  font-size: 2em;
  line-height: 1;
  text-align: center;
  margin: 1em 0 2em;
  border: 0;
  padding: 0;
  height: 0;
  clear: both;
  display: block;
}
hr::after {
  content: "·····";
  color: #bbb;
  letter-spacing: 1em;
  padding-left: 1em;
  height: 0;
}
pre {
  margin-left: 1.5em;
  white-space: pre-line;
}
blockquote {
  color: #666;
  border-left: 0.25em solid #eee;
  margin: 1em 0 1.5em;
  padding: 0 1.5em 0 1.25em;
}
blockquote p {
  margin: 0.5em 0;
}
ol {
  list-style-type: decimal;
  padding: 0;
}
ul {
  list-style-type: square;
  padding: 0;
}
ul li li {
  list-style-type: circle;
}
li,
dd {
  margin-left: 1.5em;
}
dt {
  color: #333;
  font-weight: 400;
}
figure {
  margin: 0 0 1.5em 0;
  display:block;
  background:#4c4c4c;
}
figure > * {
	color:#fff;
}
figure > p {
	padding:1em;
}
figure br {
  clear: both;
}
p + figure {
  margin-top: 1.5em;
}
figcaption {
  clear: left;
  padding:0 0.8em 0.5em;
}
figcaption > * {
  color: #fff;
  font-size: 0.875em;
  line-height: 1.1429;
  margin: 0.6em 0;
  clear: left;
}
figcaption h4 {
  color: #fff;
  font-size: 1em;
  line-height: 1;
  clear: left;
}
small {
  color: rgba(68,68,68,0.9);
  font-size: 0.8125em;
  line-height: 1.2308;
  display: inline-block;
}
abbr {
  -webkit-font-feature-settings: "c2sc" 1;
  -moz-font-feature-settings: "c2sc" 1;
  -ms-font-feature-settings: "c2sc" 1;
  -o-font-feature-settings: "c2sc" 1;
  font-feature-settings: "c2sc" 1;
  line-height: 90%;
  letter-spacing: 0.03125em;
  border: 0 none;
}
abbr[title]:hover,
dfn[title] {
  border-bottom: 1px dotted rgba(68,68,68,0.3);
  cursor: help;
}
.comment {
  color: #999;
}
.prop {
  color: #b1361b;
}
.value {
  color: #d42;
}
samp {
  color: #333;
  font: 400 0.875em/90% source-code-pro, monospace;
  margin: 0 0.25em;
}
kbd {
  color: #666;
  font-size: 0.875em;
  line-height: 90%;
  background-color: #fcfcfc;
  margin: 0 0.25em;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 0.1429em 0.4286em;
}
sub,
sup {
  font-size: smaller;
  line-height: 90%;
  vertical-align: sub;
}
sup {
  vertical-align: super;
}
mark,
ins {
  background-color: #fff9dd;
  line-height: 90%;
  padding: 0 0.125em;
}
ins {
  background-color: #f0f0f0;
}
del,
s {
  line-height: 90%;
  text-decoration: line-through;
}
table {
  font-variant-numeric: lining-nums tabular-nums;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1.5em 0;
}
caption {
  caption-side: bottom;
  color: #666;
  text-align: left;
  font-size: 0.875em;
  line-height: 1.4286;
  padding: 0.8571em 0 0.2857em;
}
td,
th {
  text-align: left;
  border-bottom: 1px solid #eee;
  padding: 0.25em 1em 0.25em 0;
}
th {
  color: #333;
  font-weight: 400;
  border-bottom-color: #ccc;
}
td,
td img {
  vertical-align: top;
}

a {
	color:#307f84;
    text-decoration: underline;
}
a:hover {
	color:#004C51;
}

nav ul li a,
.nav-sub ul li a {
    text-decoration: none;
}

code { font-weight: normal; }

.button, input.button, button { 
	font-family: 'Bosis W01 Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	border:1px solid #b6b6b6;
	border-radius:4px;
	font-weight: normal;
	padding-top:.45em;
	padding-bottom:.45em;
	font-size:1.333em;
	line-height:1;
	margin-bottom:0.25em;
}
.button {
	background:#eee;
	color:#00aeef;
}
.button:hover {
	background:#d1d1d1;
	color:#1481c5;
}

input.button, button, .button.cta {
	background:#e41f1f;
	color:#fff;
	border-color:#fff;
}

.touch .button, .touch button {
	padding-top:.75em;
	padding-bottom:.55em;
}
.button.cta:hover, input.button:hover, button:hover {
	background:#c40008;
	color:#fff;	
}
.button.std {
	background:#00aeef;
	color:#fff;
}
.button.std:hover {
	background:#1481c5;
}

.tags dt {
	margin:0.2em 0 0;
	font-weight:normal;
	font-size:0.875em;
}

.tags dd { 
	display:inline-block;
	margin:0;
}

.tags dd a {
	display: inline-block;
	padding: .2em .4em;
	margin: .15em .3em .15em 0;
	border-radius: 0.5em;
	background: #a4cf59;
	color: #fff;
	font-size: 0.875em;
}

.tags dd a:hover {
	background:#88b33d;
}

.tags dd.share .likes li a, .tags dd.share .likes li a:hover {
  background:none;
}

.likes { 
	list-style: none;
	margin:0;
}
.likes li { 
	display:inline-block;
	margin:0;
}
.likes li a { 
	display:inline-block;
	padding-right:8px;
	padding-bottom:0.8em;
	font-size:0.857em;
	line-height:2;
}
.likes li a i {
	display:inline-block;
	width:25px;
	height:24px;
	background-image:url(/img/tmp/nav-social-page.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	float:left;
	margin-right:4px;
	margin-top:-3px;
}
.likes li a:hover i {
	background-position: -51px 0px;
}
.likes .twitter a i {
	background-position: 0px -76px;
}
.likes .twitter a:hover i {
	background-position: -51px -76px;
}
.likes .email a i {
	background-position: 0px -151px;
}
.likes .email a:hover i {
	background-position: -50px -151px;
}


.example {
	outline: 1px dashed #ddd;
	margin: 1em -1em 2em;
	padding: 0.5em 1em;
	background:#eaeaea;
}

.large-block-grid-4 > li {  margin-left:0; }

/****************************************

	* Header

****************************************/

/*
	* Logo
*/

.banner .logo {
	padding: 1.4em 0 0;
	margin:0 auto;
	min-width:170px;
	max-width:380px;
}

.banner .logo h1 { 
	margin:0;
}

.banner h2 {
	font-size:1.1em;
	color:#4c4c4c;
	text-align:center;
	clear:both;
	font-family:'Bosis W01 Bold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin:0 5% 1.4em;
}

/*
	* Search
*/
.site-search { display: none; }

[role=search] {
	padding:0.55em 0 0.55em 0.8em; ;
}

[role=search] input {
	width:80%;
	display:inline-block;
	border:0;
	border-radius: 5px;
	margin:.4em 0;
	padding-top:.3em;
	padding-bottom:.3em;
	height:auto;
}

[role=search] button {
	width:15%;
	padding:0.3em 0;
	margin:.1em 0;
	border:0;
	text-indent:-9999px;
	background: transparent url(/img/tmp/ico-search-sml.png) no-repeat center center;
}

/*
	* Language
*/
.lang {
    background: #b0b0b0;
    line-height: 1.6;
}
.lang > a:after {
    content: ' ';
    display: block;
    width: 22px;
    height: 22px;
    background-image: url(/img/tmp/world-white.png);
    background-position: center right;
    background-repeat: no-repeat;
    float: right;
    padding-top: 1px;
}
.lang ul {
    display: none;
}
.lang.lang-active ul {
    display: block;
}

.site-lang {
    display: none;
}

/****************************************

	* Main Navigation

****************************************/

/*
	* Global Nav Classes
*/
.primary, .nav-sub { 
	display:none; /* Hide primary & drop down navigation for mobile */
} 

.ani-nav { /* animation for navigation */
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

@-webkit-keyframes spin {
  0%   { -webkit-transform: rotate(0deg); }
  100%   { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
  0%   { transform: rotate(0deg); }
  100%   { transform: rotate(360deg); }
}
@keyframes spin {
  0%   { transform: rotate(0deg); }
  100%   { transform: rotate(360deg); }
}

.nav-active { 
	background:#4c4c4c;
	color:#59aef0;
}

.btn-donate, .btn-contact {  
	margin-bottom: 0; 
}
.primary li, .nav-mobile li, .nav-sub li {
	margin:0;
	list-style:none;
}
.nav-mobile a, .nav-sub a {
	display:block;
	padding:.55em .55em .55em .8em;
	color:#fff;
	font-family:'Bosis W01 Light', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn-donate {
	background:#e41f1f;
}
.btn-donate:hover {
	background:#c40008;
}
.btn-contact {
	background:#59aef0;
}
.btn-contact:hover {
	background:#3694d3;
}


.nav-mobile .has-children a:after, .nav-sub .has-children a:after {
	content: '»';
	display:inline-block;
	float:right;
	font-weight:normal;
}


/*
	* Mobile Nav
*/
.nav-toggle {
	display:inline-block;
	width:40px;
	height:40px;
	position:absolute;
	top:0; left:-1px;
	background: #949494 url(/img/tmp/ico-mobile-menu.png) no-repeat -2px -2px;
	z-index:999;
}

.nav-open .nav-toggle {
	background-position:-46px -2px;
}

.nav-mobile {
	width:80%;
	height:100%;
	margin-left:-80%;
	position:absolute;
	top:0; bottom:0;
	border-right:1px solid #ccc;
	overflow-y: auto;
	overflow-x: hidden;
	font-size:1.25em;
	background:#949494;
	z-index:998;
}

.nav-open .nav-mobile {
	margin-left:0;
	position:fixed;
}

.nav-open .container {
	margin-left:80%;
}

.nav-mobile ul { 
	list-style:none;
	margin:0;
}
.nav-mobile > ul {
	float:left;
	width:100%;
}

.nav-next { 
	width:100%; 
	position:absolute;
	left:100%;
	top:0;
}

.nav-level .menu a {
  font-size:0.875em;
  padding-left:1.5em;
}
.nav-level .menu .title a {
  font-size:1em;
  border-bottom: 1px dotted rgba(255,255,255,.6);
  padding-left:0.8em;
  font-family:'Bosis W01 Semibold', sans-serif;
}

.nav-back a:before {
	content: '« ';
}

.nav-mobile ul ul, .nav-mobile ul ul ul { 
	display: none; 
}

.nav-mobile .nav-level  {
	position:absolute;
	top:0;
	width:100%;
	left:0;
}

.nav-level .nav-back a {
	background:rgba(0,0,0,.1);
}

.nav-level ul ul { display:none; }
.nav-mobile .nav-level1 { left:100%; }
.nav-mobile .nav-level2 { left:200%; }
.nav-mobile .nav-level3 { left:300%; }

.level1 .nav-level0 { margin-left:-100%; }
.level1 .nav-level1 { left:0; }
.level1 .nav-level2 { left:100%; }
.level1 .nav-level3 { left:200%; }

.level2 .nav-level0 { margin-left:-200%; }
.level2 .nav-level1 { left:-100%; }
.level2 .nav-level2 { left:0; }
.level2 .nav-level3 { left:100%; }

.level3 .nav-level0 { margin-left:-300%; }
.level3 .nav-level1 { left:-200%; }
.level3 .nav-level2 { left:-100%; }
.level3 .nav-level3 { left:0; }

.nav-level .nav-back-level1 { padding-left:1.7em; }
.nav-level .nav-back-level2 { padding-left:3em; }


/****************************************

	* Footer

****************************************/

.contentinfo {
	background:#eeedeb;
	padding:1em 0 2em;
	text-align: center
}
.contentinfo nav ul { 
	list-style: none;
	margin:0;
}
.nav-social {
	padding:1em 0;
	min-width:208px;
}
.nav-social li {
	display:inline-block;
	margin:0 8px;
}
.nav-social a { 
	display:inline-block;
	text-indent: -9999px;
	width:50px;
	height:49px;
	background-image:url(/img/tmp/nav-social.png);
	background-repeat: no-repeat;
}
.nav-social .twitter a {
	background-position: -68px 0;
}
.nav-social .youtube a {
	background-position: -136px 0;
}
.nav-social .linkedin a {
	background-position: -205px 0;
}

.nav-social a:hover {
	background-position:left bottom;
}
.nav-social .twitter a:hover {
	background-position: -68px bottom;
}
.nav-social .youtube a:hover {
	background-position: -136px bottom;
}
.nav-social .linkedin a:hover {
	background-position: -205px bottom;
}

.nav-footer li {
	padding-bottom:.5em;
	margin:0;
}
.nav-footer li b {
	font-family:'Bosis W01 Bold', sans-serif;
	font-weight: normal;
	display:inline-block;
}
.nav-footer a {
 	display:block;
 	padding: 0.7em;
 	color:#4c4c4c;
 	background:rgba(0,0,0,.1);
}
.nav-footer a:hover {
	color:#000;
	background:rgba(0,0,0,.2);
}

.logo-affiliates {
  text-align: center;
  margin: 0px 8px 8px 8px;
}

/****************************************

	* Forms

****************************************/

.cs-form {
	background:#f6f6f6;
	padding:.5em 1em 1em;
	margin-bottom:2em;
}

.cs-form > ul {
	list-style:none;
	margin:0;
}
.cs-form > ul > li {
	margin:0;
}
fieldset {
	border:0;
	padding:0;
}
fieldset legend {
	background:transparent;
}

.fld {
	max-width:40em;
}

.fld label { margin-top:1em; }

.sub-btn {
	text-align:right;
}

input.centered { text-align:center; }

input[type=text], input[type=email], select, textarea {
	border:1px solid #00aeef;
	border-radius: .3em;
	margin-top:0.5em;
	max-width:28.5em;
	padding:0.2em;
	margin-bottom:1em;
}

.on-select-or-input select { margin-bottom:0; }

textarea {
	max-width:38em;
	height:10em;
}
select {
	max-width:25em;
}

input[type=text].sml, input[type=email].sml {
	max-width:10em;
}

select.sml {
	max-width:8.8em;
}
input[type="text"].lrg, input[type=email].lrg, select.lrg, textarea.lrg {
	max-width:100%;
}

input[type=text]:focus, select:focus, input[type=email]:focus, textarea:focus {
	border-color:#1481c5;
}

.invalid input[type=text], .invalid select, .invalid input[type=email], .invalid textarea {
	border-color:#e51f20;
}

.invalid select {
	color:#e51f20;
}

.invalid label {
	color:#e51f20;
}

label.centered {
	text-align:center;
}

.error-msg {
	color:#e51f20;
	display:block;
}
.error-msg:before {
	content:'!';
	display:inline-block;
	font-size:1.5em;
	font-weight: bold;
	margin:0 0.5em;
	position:relative;
	top:2px;
}

.fld-info {
  background:#00aeef;
  color:#fff;
  font-size:0.875em;
  padding:0.5em;
  margin-left:10%;
  margin-top:10px;
  position:relative;
}
.fld-info:before {
  content:'';
  display:block;
  width:21px;
  height:10px;
  position:absolute;
  top:-10px;
  left:10px;
  background:url(/img/tmp/arr-fld-info-mob.png) no-repeat 0 0;
}

.fld .opt input[type=checkbox], .fld .opt input[radio] {
    float:left;
    margin-right:8px;
    position:relative;
    top:4px;
    margin-bottom:1em;
}

/*
	* Panel Radio
*/

.js .panel-radio .opt { 
	clear:both; 
	padding:.5em 0;
}
.fld .opt:last-child {
	margin-bottom:1.5em;
}
.js .panel-radio .opt input { 
	display:inline-block;
	width:10%;
	margin-top:.4em;
	float:left;
}
.js .panel-radio .opt label {
	display:inline-block;
	width:90%;
	margin:0;
}

.js .panel-radio .opt { 
	display:inline-block; 
	width:50%;
	max-width:13.1em;
	margin-right:0%;
	float:left;
	clear:none;
}
.js .panel-radio .opt input {
	position:absolute;
	left:-9999px;
}

.js .panel-radio .opt label {
	display:block;
	padding:.5em;
	text-align: center;
	color:#000;
	text-shadow:1px 1px 1px rgba(0,0,0,.3);
	background:#ccc;
}
.js .panel-radio .opt label:hover {
	background:#b0b0b0;
}

.js .panel-radio .opt label.active {
	background:#00aeef;
	box-shadow:0 0 6px rgba(0,0,0,.7);
}
.js .panel-radio .opt label.inactive {
	background:#ccc;
}
.js .panel-radio .opt label.inactive:hover {
	background:#b0b0b0;
}

.js .panel-radio .opt label span {
	display:block;
	font-size:2em;
	font-weight: bold;
}

.js .hiddenContent {
	height:0;
	overflow:hidden;
	opacity:0;
}

.js .hiddenContent.active {
	height:auto;
	opacity:1;
}


.js .image-radio input { position:absolute; left:-9999px; visibility: hidden; }

.image-radio label { display:block; margin:0 10px 10px 0; border:3px solid transparent; border-radius:3px; max-width:80px; }
.image-radio label:hover {  border-color: rgba(0,174,239,0.6); }
.image-radio label.active { border-color:#00aeef; }
.image-radio label img { margin-bottom:-4px; }

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

/* 
  * Image picker
*/

.image-picker { padding-bottom: 1em;}

.image-picker a {
  display:inline-block;
  margin-right:3%;
  border:3px solid transparent;
  float:left;
}
.image-picker a:hover {
  border-color:#307f84;
}

.image-picker a img { margin:0 0 -5px; }

/*
	* Ordered
*/
.ordered ul {
	list-style:none;
	margin:0 8% 0 0;
}
.ordered li {
	margin:0;
	padding:0;
}

.js .inorder > ul > li {
	display:none;
}
.js .inorder > ul > li:first-child {
	display:block;
}

.ordered li label.lb-main b {
	display:inline-block;
	width:10%;
	text-align: center;
	font-size:2em;
	color:#00aeef;
	float:left;
    position:relative;
    left:-7px;
}

.ordered .invalid label.lb-main b {
	color:#e51f20;
}

.ordered .valid label.lb-main b {
	color:#88b33d;
}

.ordered li label.lb-main span {
	display:inline-block;
	width:90%;
	padding:.8em 0 .4em;
}

.ordered li .fld {
	padding-left:10%;
}

/*
	* Multiselect
*/
.multiselect {
	background:#fff;
	padding:0.75em 0.5em 0.5em;
	border-radius:0.2em;
	box-shadow:0px 0px 8px rgba(0,0,0,.4);
	margin-bottom:0.8em;
}
.multiselect .instr {
    display: none;
}
.multiselect.active .instr { display:block; }
.multiselect:hover { 
	background:#f6f6f6;
}
.multiselect label {
	color:#00aeef;
}
.multiselect:hover label {
	color:#1481c5;
}
.multiselect.inputs { padding-top:0.1em; }
.multiselect.inputs .fld:first-child label { margin-top:0.8em; }
.multiselect .multiple {
	background-color: white;
  font-family: inherit;
  display: block;
  margin: 0.5em 0;
  padding: 0.5em;
  height:2.4em;
  width: 100%;
  position:absolute;
  top:-9999px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear;
  /*box-shadow:0px 0px 4px rgba(0,0,0,.4);*/
}
.multiselect.active .multiple {
	background: #fff;
  border-color: #00aeef;
  outline: none;
  position:static;
  box-shadow:0px 0px 4px rgba(0,0,0,.4);
}
.multiselect.active .multiple:active {
	border-color:#1481c5;
}
.no-touch .multiselect.active .multiple {
	height:10.5em;
}
.touch .multiselect.acitve .multiple {
	height:2.5em;
	position:static;
}
.multiselect .selected-filters {
	-webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear;
  line-height: 1.4;
  padding-top:0.25em;
  display:block;
  font-weight: normal;
}

.multiselect .selected-filters span { 
	display:inline-block; 
	padding: .2em .4em;
	margin:.15em .3em .15em 0;
	border-radius:0.5em;
	background:#a4cf59;
	color:#fff;
	font-size:0.875em;
}

.multiselect .buttonHolder { 
	padding:0.1em 0;
	display:none;
}
.multiselect .buttonHolder .button {
	margin-bottom:0;
}

/****************************************

	* Modules

****************************************/

/*
	* Breadcrumbs
*/
.breadcrumbs {
	border:0;
	margin:1em 0 0 0;
    padding-left: 0;
}
.breadcrumbs li a {
	font-size:0.875em;
	color:#307f84;
	font-weight:bold;
    text-decoration: none;
}
.breadcrumbs li a:hover, .breadcrumbs li:hover a {
	text-decoration: none;
	color:#004C51;
}
.breadcrumbs li.current a, .breadcrumbs li.current a:hover {
	color:#4c4c4c;
}

.badge {
    text-align:center;
}
.badge img{
    padding: 0.5em 0;
}

/*
	* Hero
*/
.hero {
	background:#eeedeb;
	border:0;
	padding:0 0 .8em;
	margin-bottom:0;
}
.hero h1 {
	color:#000;
	font-size:2.333em;
	font-family: 'Bosis W01 Semibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom:0;
}
.hero h2 {
	color:#e41f1f;
	font-size:1.5em;
	font-family: 'Bosis W01 Semibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:1.1;
	font-weight:normal;
	margin:0em 0 .6em;
}
.hero-image {
	overflow:hidden;
	margin-bottom:-2px;
	position:relative;
	height:120px;
}
.hero-image img {
	max-width:none;
	width:100%;
	position:absolute;
	top:-4%;
	left:0;
}

.hero .button { 
	margin-bottom: 1em;
}


/*
	* Get Involved
*/


/*
	* Give info
*/
.give-info {
	background:#deeffc;
	padding-bottom:0.2em;
}
.give-info .icon { 
	display:inline-block;
	width:22%;
	float:left;
	margin-right:6%;
	text-align:center;
	margin-bottom:1em;
}
.give-info .icon img { margin:0 auto; }
.give-info .icon.phone img {
	width:60%;
}
.give-info h2 {
	font-family: 'Bosis W01 Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#e41f1f;
	font-size:2em;
	line-height:1.25;
	margin:0 0 1.2em;
}
.give-info a h2 span, .give-info h2 a {
	color:#e41f1f;
    text-decoration: none;
	border-bottom:1px dotted #e41f1f;
}
.give-info h2 small {
	font-family: 'Bosis W01 Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #E41F1F;
	font-size:0.75em;
}
.give-info a:hover h2 small {
	color:#004C51;
}
.give-info a:hover h2 span {
	color:#c40008
}


/* 	
	* Most Wanted
*/
.most-wanted { padding-bottom:2em; }
.most-wanted h1 { margin-bottom:0.2em; }
.most-wanted .line-up { padding-top: 1em; }
.most-wanted .line-up .columns { text-align:center; }
.line-up a {
	display:inline-block;
	background:#307f84;
	padding:2px;
	color:#fff;
	text-align:center;
	text-transform: lowercase;
	max-width:134px;
	margin:0 auto;
}
.line-up a span {
	display:inline-block;
	padding:4px;
}

.line-up a:hover {
	background:#004C51;
	position:relative;
	top:-3px;
}

.line-up a img  {
    width: 100%;
}
.lt-ie9 .line-up a img {
    width: auto;
}

/*
	* Result filters
*/
.result-filters {
	background:#f6f6f6;
	margin-bottom:2em;
    padding:1em 0;
}

.result-filters legend {
	display:none;
}


/*
	* Results
*/
.results > ul > li {
	margin-bottom:1.4em;
	position:relative;
}
.results a img {
	padding: 0.5em 0.5em 2.5em;
	background: #f6f6f6;
	border: 1px solid #d6d6d6;
	border-radius: .1em;
	box-shadow: 0 0 6px rgba(0,0,0,.5);
}
.results a:hover img {
	box-shadow: 0 0 8px rgba(0,0,0,.7);
}
.results h4 {
	margin-bottom:0;
}
.results dl { margin:0 0 0.3em; }
.results dl dt { font-weight: normal; font-size: 0.875em; }
.results dl dd { padding-left:0; margin-left:0; font-weight:bold; font-size:0.875em; line-height:1.5em; }

/*
	* Sidebar
*/
.sidepanel {
	max-width:480px;
	margin-bottom:0.75em;
}
.sidepanel.red {
	background-color:#e41f1f;
}
.sidepanel.red a:hover {
	background-color:#c40008;
}
.sidepanel.blue {
	background-color:#00aeef;
}
.sidepanel.blue a:hover {
	background-color:#1481c5;
}
.sidepanel.green {
	background-color:#a4cf59;
}
.sidepanel.green a:hover {
	background-color:#88b33d;
}
.sidepanel.black {
	background-color:#4c4c4c;
}
.sidepanel.black a:hover {
	background-color:#353535;
}
.sidepanel.yellow {
	background-color:#f5c10d;
}
.sidepanel.yellow a:hover {
	background-color:#d7a500;
}
.sidepanel.orange {
	background-color:#f08000;
}
.sidepanel.orange a:hover {
	background-color:#d26600;
}
.sidepanel.cyan {
	background-color:#0098a3;
}
.sidepanel.cyan a:hover {
	background-color:#007e89;
}
.sidepanel.purple {
	background-color:#cf3e99;
}
.sidepanel.purple a:hover {
	background-color:#b11a7f;
}
.sidepanel.gray {
	background-color:#eeedeb;
}
.sidepanel.gray a:hover {
	background-color:#d2d1d0;
}
.sidepanel.gray * {
	color:#e41f1f;
}

.sidepanel {
	font-family:"Bosis W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
	display:block;
	color:#fff;
}

.sidepanel a { 
	display:block; 
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.sidepanel span {
	display:block;
	font-size:1.75em;
	color:#fff;
}
.sidepanel .desc span {
	padding-bottom:1em;
}
.sidepanel small { 
	font-size:1.25em;
	font-family:"Bosis W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color:#fff;
}

.sidebar .most-wanted { padding:0; }
.sidebar .most-wanted a {
	text-align:center;
}

.sidebar .most-wanted span, .sidebar .most-wanted small {
	text-align:left;
	display:block;
}

.sidebar .most-wanted small:last-child {
	margin-top:1em;
}

.sidebar .most-wanted a {
	position:relative;
	z-index:1;
	padding:0.9375em 0;
}

.mugshot {
	padding: 0.5em 0.5em 1.5em;
	background: #f6f6f6;
	border: 1px solid #d6d6d6;
	border-radius: .1em;
	box-shadow: 0 0 6px rgba(0,0,0,.5);
	display:inline-block;
	margin:0.75em auto 1.75em;
	max-width:169px;
	position:relative;
}

.sidebar .most-wanted .mugshot:before {
	content:'';
	display:block;
	width:169px;
	height:208px;
	background: #f6f6f6;
	border: 1px solid #d6d6d6;
	border-radius: .1em;
	box-shadow: 0 0 6px rgba(0,0,0,.5);
	position:absolute;
	z-index:-1;
	top:0;
	left:-5px;
	-webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.sidebar .most-wanted .mugshot:after {
	content:'';
	display:block;
	width:169px;
	height:208px;
	background: #f6f6f6;
	border: 1px solid #d6d6d6;
	border-radius: .1em;
	box-shadow: 0 0 6px rgba(0,0,0,.5);
	position:absolute;
	z-index:-1;
	top:5px;
	left:0px;
	-webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

.sidebar .most-wanted .mugshot b { 
	display:block; 
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#4c4c4c;
	font-size:0.75em;
	position:relative;
	top:0.4em;
}

.sidebar .most-wanted .tel {
	margin:1em 0;
	text-align: left;
}

.sidebar .most-wanted .tel i {
	display:inline-block;
	width:25%;
	float:left;
	text-align: center;
}

.sidebar .most-wanted span b {
	font-weight: normal;
	font-family: 'Bosis W01 Bold', sans-serif;
}


.short-stat .icon, .area-stat .icon {
	display:inline-block;
	width:50%;
	text-align:right;
	float:right;
	padding-top:1em;
	padding-bottom:0.8em;
}
.area-stat .icon { width:45%; }
.short-stat .icon img, .area-stat .icon img {
	width:80%;
	max-width:120px;
}
.short-stat .stat, .long-stat .stat, .area-stat .stat {
	font-size:6em;
	text-align: right;
	display:inline-block;
	float:right;
	padding:0 3%;
	color:#fff;
}
.area-stat .stat { font-size:6em; }
.sidepanel .desc { text-align:right; }
.area-stat .desc span { padding-bottom:0; }
.short-stat a {
	color:#fff;
}

.long-stat {
	position:relative;
	overflow:hidden;
}
.long-stat .icon { 
	position:absolute;
	top:-15px;
	left:-15px;
}

.side-btn a {
	text-align:right;
}

.telephone span {
  display:block;
  text-align:right;
}
.phone .icon { 
  display:inline-block; 
  width:20%;
  float:left;
  padding-top:5px;
  text-align:right;
}
.screen {
  padding-top:5px;
}
.screen .icon {
  display:inline-block; 
  width:25%;
  float:left;
  padding-top:5px;
  margin:0 2%;
}
.screen small {
  display:inline-block;
  width:50%;
  padding-top:5px;
}

.phone .icon img {
  width:80%;
  margin-top:5px;
}
.telephone .phone .icon img {
  width: 65%;
  margin:0;
}
.phone .phone-no {
  display:inline-block;
  width:80%;
  text-align:right;
  color:#fff;
  font-size:2.75em;
  padding-top:10px;
}
.phone .phone-no small {
  display:block;
  font-size:0.45em;
}
.phone { padding-bottom:1.4em; }
/*
	* Related pages & links
*/
.related {
	background:#eeedeb;
	margin-bottom:.75em;
	padding:0.9375em;
}
.related h3 {
	margin:0;
}
.related dl, .related ul { margin-bottom:0; }
.related dt { margin:0; list-style:none; }
.related dd, .related li { margin-left:0; list-style: none; }
.related a { display:block; font-weight:bold; }
.related li a i { 
	display:inline-block; 
	width:16px; 
	height:16px; 
	background:url(/img/tmp/ico-ext-link.png) no-repeat top left;
	margin:5px 7px 0px 0;
	position:relative;
	top:2px;
}


/*
	* Inpage elements
*/
.page-hero {
	background:#4c4c4c;
	overflow:hidden;
}

.page-hero h1, .page-hero h2, .page-hero h3, .page-hero h4 {
	color:#f5c10d;
}

.row .row.page-hero {
	margin-left:0;
	margin-right:0;
	margin-bottom:1em;
	max-width:480px;
}

.page-hero .page-hero-image {
	padding:0;
}

.page-hero .page-hero-image img { 
    margin-bottom:-2px; 
    position:relative; 
    left:-0.8em; 
}

.page-hero .columns h2:first-child, .page-hero .columns h3:first-child, .page-hero .columns h4:first-child {
	margin-top:0.5em;
}

.page-hero p, .page-hero ul, .page-hero ol, .page-hero h5, .page-hero h6 { color:#fff; }

/*
	* Gallery
*/
.gallery { 
	text-align: center;
	margin-bottom: 1em;
}
.gallery .mugshot {
	margin:1em auto 0.5em;
}
.gallery .others, .gallery .others li {
	list-style:none;
	margin:0;
	padding:0;
}
.gallery .others {
	max-width:169px;
	margin:0 auto;
}
.gallery .others li {
	display:inline-block;
	width:31%;
}
.gallery .others li a img {
	border:1px solid #00aeef;
}
.gallery .others li a:hover img {
	border-color:#1481c5;
}

.details dt { 
	/*text-transform:uppercase;*/ 
	font-weight:normal;
	display:inline-block;
	margin:0 .5em .2em 0;
	float:left;
}
.details dd { margin-bottom:0.2em; }

.summary {
	background:#eeedeb;
	clear:both;
	max-width:480px;
}
.summary h3 { color:#E41F1F; }

.events {
	padding:0.5em 0.9375em 0.5em 0.9375em;

}
.events h4 {
	font-weight: bold;
	font-size:1em;
	margin-bottom:0;
}

.area-most-wanted {
	background:#eeedeb;
	padding:0.5em 0.9375em;
}

.area-most-wanted ul > li { margin:0; }

.area-most-wanted .line-up, .area-most-wanted .details {
	display:inline-block;
	width:48%;
	float:left;
}
.area-most-wanted .line-up { max-width:150px; margin-left:0.3em; }
.area-most-wanted .details h4 { margin-top:0;}


/*
	* Image list
*/

.image-list div {
	background:#eeedeb;
	padding:0.5em;
}
.image-list header {
	font-size:0.9em;
	padding-bottom: 0.5em;
}
.image-list header h2, .image-list header h3 {
	margin:0;
	line-height:1;
	color:#E41F1F;
}
 .image-list header h3 {
 	font-size:1.4em;
 }

 /*
 	* Pagination
 */

.pagination li a { 
	background:#eeedeb; 
	color:#4c4c4c; 
	padding: 0.3em 0.9375em; 
	color:#4c4c4c; 
}
.pagination li a:hover { 
	background:#d2d1d0; 
	color:#000; 
}
.pagination li.unavailable a, 
.pagination li.unavailable a:hover { 
	background:none; 
	color:#4c4c4c; 
}
.pagination li.current a, 
.pagination li.current a:hover { 
	background:#4c4c4c; 
	color:#fff; 
}

/*
	* Video
*/
.video-text {
	background:#4c4c4c;
	padding:0.5em 0;
}

a.download {
  display:block;
  padding:0.9375em;
  background:#eeedeb;
  margin:0.9375em 0;
}
a.download:hover {
  background:#d2d1d0;
}
a.download i {
  display:inline-block;
  width:18px;
  height:15px;
  background:url(/img/tmp/ico-download.png) no-repeat 0 0;
  margin-right:0.5em;
}

a.download:hover i {
  background-position: left bottom;
}

.video-text * { color:#fff; }
.video iframe {
	width:100%;
}
.video {
	padding-bottom:1em;
}

/*
	* Donate 
*/
.donate {
	background:#00aeef;
	color:#fff;
}
.donate form {
	clear:both;
}
.donate h1, .donate h2, .donate p {
	color:#fff;
}
.donate fieldset {
	border:0;
	padding:0;
    clear:both;
}

.donate input[type=image] {
    display: block;
    width: 100%;
    border: 1px solid #fff;
    max-width:295px;
}


.donate p {
	line-height:1.1;
}
.donate label {
	color:#fff;
	font-size:1em;
	display:block;
	padding-bottom:3px;
}

/*
	* Events
*/
.events {
	background:#eeedeb;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


.pagination {
    height: auto;
    margin:1em 0;
}
.pagination li {
    height:auto;
    margin-bottom:0.3em;
}
.pagination li.current {
      background: #00aeef;
      color: white;
      font-weight: bold;
      height:auto;
      display:block;
      padding:0.3em 0.9375em;
}

/****************************************

	* Media Queries

****************************************/

@media only screen and (min-width: 24em) {
  .hero-image { height:140px; }
  .hero-image img { top:-14%; }
}

/*
	* 480px (30em x 16px = 480)
*/
@media only screen and (min-width: 30em) {

	.banner h2 {
		font-size:1.25em;
	}

	.hero-image {
		height:180px;
	}

	.give-info .large-6 { 
		width:50%; 
	}

	.give-info .icon { margin-top:15px; }

	.area-stat .stat { font-size:9em; }

}

@media only screen and (min-width: 36em) {

  .hero-image { height:220px; }

}

/*
	* 768px (48em x 16px = 768)
*/
@media only screen and (min-width: 48em) {

	/*
		* Typography
	*/
	body {
		font-size:100%;
	}
    img.align-left {
        margin: 0.9375em;
        margin-left: 0;
        float:left;
    }
    .align-right {
        margin: 0.9375em;
        margin-right: 0;
        float:right;
    }

	/*
		** Global Structure 
	*/

    .item-row {
        padding-top: 0px;
    }
	.banner .logo { 
		margin:0 1em;
		padding-bottom:0;
		padding:.75em 0;
		max-width:280px;
	}

	.banner h2 {
		position:absolute;
		top:60px;
		right:0.9375em;
		text-align:right;
		margin:0;
		font-size:1em;
	}

	.nav-header {
		position:relative;
		z-index:10;
		background:#fff;
	}

	.banner ul { 
		margin:0; 
		list-style:none; 
	}
  
    .site-secondary {
		display:block;
		position:absolute;
		top: 0;
		right:0;
		width:50%;
        padding: 0 0.8em 0 0;
	}  
  
	.site-search {
		display:block;
        width: 50%;
        float: right;
        padding-right: 0.8em;
		/*position:absolute;
		top: .3em;
		right:0.9375em;
		width:30%;*/
	}

	.site-search input {
		border:0;
		background:#eeedeb;
		border-radius:2px;
		margin-top:0;
	}
	.site-search button {
		background-image:url(/img/tmp/ico-search-lrg.png);
	}
  
    .site-lang {
        display: block;
        /*width: 40%;*/
        float: right;
        /*padding: 0.75em 0 0 0;*/
        text-align: left;
        position: relative;
    }
    .site-lang ul {
        display: none;
    }
    .site-lang.lang-active ul {
        display: block;
    }
    .site-lang > a {
        text-decoration: none;
        display: block;
        padding: 20px 0.5em 0.6em;
        border: 1px solid transparent;
        background: #eeedeb;
        color: #4c4c4c;
        font-family: 'Bosis W01 Medium', "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .site-lang > a:after {
        content: ' ';
        display: block;
        width: 22px;
        height: 22px;
        background-image: url(/img/tmp/world.png);
        background-position: center right;
        background-repeat: no-repeat;
        float: left;
        margin-right: 0.5em;
        position: relative;
        top: -4px;
    }
    .site-lang.lang-active > a {
        /*border-color: #949494;*/
    }
    .site-lang ul, .site-lang li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .site-lang ul {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1;
        width: 100%;
        background: #eeedeb;
    }
    .site-lang ul li a {
        padding: 0.5em 0.5em 0.5em 2.4em;
        display: block;
        color: #4c4c4c;
    }
    .site-lang ul li a:hover {
        background: #b0b0b0;
    }

	.contentinfo { text-align:left; }

	.nav-social {
		float:right;
	}

	.nav-footer { margin-top:.7em; padding:1em 0; }
	.nav-footer a, .nav-footer li { display: inline-block; }
	.nav-footer li { border-right: 1px solid #ccc; padding:0 .2em 0 0; margin-bottom:.3em; }
	.nav-footer li:first-child, .nav-footer li:last-child { border-right:0; }
	.nav-footer li b { margin-right:1.5em; }
	.nav-footer a { font-size:0.75em; line-height:1; background:none; padding:0 0.4em; }
	.nav-footer a:hover { background:none; }

	/*
		** Primary Nav
	*/
	.primary, .nav-sub { 
		display:block; 
		clear:both; 
		font-size:1em; 
	}
	
	.primary > ul li { 
		display:inline-block; width:13.8%; 
	}

	.primary > ul li.nav-btn { 
		float:right; 
	}
	
	.primary > ul li a { 
		display:block; 
		text-align:center; 
		font-family:'Bosis W01 Medium', "Helvetica Neue", Helvetica, Arial, sans-serif;
		color:#4c4c4c;
	}

	.primary > ul li.has-children a:hover { 
		background:#eee; 
	}

	.primary > ul li.nav-on a {
		background:#eee;
	}

	.primary > ul li.nav-active a { 
		color:#fff;
		background:#949494;
	}

	.primary > ul li.nav-active a:hover { 
		background:#949494;
	}
	
	.primary > ul li .button { 
		padding-left:1em; 
		padding-right:1em; 
	}
	
	.primary > ul li a { 
		padding-top:0.6em; 
		padding-bottom:0.6em; 
	}

	.primary > ul li .btn-donate, .primary > ul li .btn-contact {
		padding-top:.3em;
		padding-bottom:.3em;
		margin:.3em;	
		border-radius: 5px;
		color:#fff;
	}
	
	.banner ul ul { 
		display:none; 
	}
	
	/* 
		** Sub Nav (drop down)
	*/
	.nav-sub {
		display:block;
		background:#949494;
		position:relative;
		z-index:5;
		height:0;
		overflow:hidden;
	}

  .nav-sub a { 
    font-size:0.875em; 
    padding:0.3em 0.3em 0.3em 1.5em;
  }
  .nav-sub .title a { 
    font-size:1em; 
    padding:0.55em 0.55em 0.55em 0.8em;
    font-family:'Bosis W01 Semibold', sans-serif;
  }

	.nav-sub .row {
		max-width:1224px;
	}

	.nav-sub-active { 
		margin-bottom:0; 
		top:0;
		height:auto;
	}
	
	.nav-sub .nav-level {
		overflow:hidden;
		padding:0 2px 0 0;
	}
	
	.nav-sub .nav-level ul { 
		width:100%;
		margin:0;
		-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
	}

	.nav-sub .nav-level ul ul { 
		display:none; 
	}

	.nav-sub .nav-level > ul li:last-child a { 
		border-bottom:0; 
	}
	
	.nav-sub .mm-nav-level2 ul, .nav-sub .mm-nav-level3 ul { 
		margin-left:-110%; 
	}
	
	.nav-sub.level2 .mm-nav-level2 ul, .nav-sub.level3 .mm-nav-level3 ul { 
		margin-left:0; 
	}
	
	.nav-sub a:hover { 
		background:rgba(0,0,0,.05);
	}
	
	.nav-sub .nav-active a {
		background:#4c4c4c;
		color:#59aeef;
	}


	/*
		* Forms
	*/

  .image-radio label img { margin-bottom:-6px; }

  .fld-info {
    margin-left:0%;
    margin-top:-10px;
    position:absolute;
    left:100%;
    width:33.3333%;
  }
  .fld-info:before {
    content:'';
    display:block;
    width:10px;
    height:21px;
    position:absolute;
    left:-10px;
    top:10px;
    background:url(/img/tmp/arr-fld-info.png) no-repeat 0 0;
  }

    .badge {
        text-align: right;
    }

	/*
		* Modules
	*/
	.hero {
		position:relative;
		overflow:hidden;
	}
	.hero .large-6 {
		padding-right:8%;
	}
    .hero .row {
        position:relative;
    }
	.hero-image {
		position: absolute;
		top:0;
		right:0;
		width:50%;
		overflow: visible;
	}
    .hero-image img {
        bottom:auto; 
        top:0;
    }

	.row .row.page-hero { max-width:none; }
	.page-hero h1 {
		font-size:1.6em;
		margin-top:0.4em;
	}

	.give-info { padding-bottom:1em; }
	.give-info .icon { margin-top:0; }
	.give-info .icon.phone { text-align:right; }

	.get-involved, .give-info {
		padding-bottom:1.5em;
	}

	.get-involved .item-row {
		max-width:auto;
	}
	.get-involved .item {
		width:100%;
		float:none;
		padding-right:0;
	}
	.get-involved .item:first-child h2 { margin-top:0; }

	.get-involved img { max-width:100%; }

	.likes { 
		font-size:0.875em;
	}
	.likes li a i { margin-top:0; }

	.sidepanel span { font-size:1.4em; }
	.sidepanel small { font-size:1em; }

	.short-stat .stat, .long-stat .stat { font-size:5.6em; }

	.area-stat .stat { font-size:4em; }
	.area-stat .icon { width:45%; }

	.display .sidebar { padding-right:0; }
	
	.related {
		font-size:0.8675em;
	}

	.display .events { 
		margin-left:-0.9375em; 
		padding:0.5em 0 0.5em 1.875em; 
	}
  
  .logo-affiliates {
    float: right;
    width: auto;
  }

}

/*
	* 896px (56em x 16px = 896)
*/
@media only screen and (min-width: 56em) {

	.primary, .nav-sub  { font-size:1.125em; }

	.banner .logo { max-width:320px; margin-bottom:0; padding-bottom:.5em; }
	.banner h2 { font-size:1.1em; }

	.hero { min-height: 220px; }
	.hero h1 { font-size:2.666em; }
	.hero h2 { font-size: 1.8em;}

	.page-hero h1 {	font-size:1.8em; }

	.short-stat .stat, .long-stat .stat { font-size:6.8em; }

	.area-stat { margin-bottom: 0;}
	.area-stat .stat { font-size:5em; }
  
}

/*
	* 1088px (68em x 16px = 1088)
*/
@media only screen and (min-width: 68em) {
	body { font-size:100%; }
	.banner .logo { max-width:380px; }
	.banner h2 { font-size:1.2em; top:75px; }
	.site-secondary { width:40%; }
    .site-search { padding-top: 19px; }
    .site-lang > a { padding-top: 30px; padding-bottom: 0.8em; }
	.hero h1 { font-size:3em; }
	.hero h2 { font-size: 2.333em;}
	.page-hero h1 {	font-size:2.2em; margin-top:.6em; }
	.likes li { display:inline-block;}
	.sidepanel span { font-size:1.75em; }
	.sidepanel small { font-size:1.25em; }
	.short-stat .stat, .long-stat .stat { font-size:6.8em; }
	.area-stat .stat { font-size:7em; }
	.area-stat .icon { width:39%; }
}


























































































































































































































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {

}

h3 {

}

h4 {

}

h5 {

}

h6 {

}