body {
	font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
	color: #3c393d;
	font-size: 16px;
	line-height: 1.5;
}
a {
	color: #009ef4;
}
a:hover,
a:focus,
a:active,
a:visited {
	color: #00b1e6;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 {
	color: #00b1e6;
	font-size: 32px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 19px;
}
h4 {
	font-size: 16px;
}
.btn,
.BBFormSubmitButton {
	-moz-user-select: none;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
	.BBFormSubmitButton,
	.btn-default {
		background-color: #c2c4c3;
		border-color: transparent;
		color: #fff;
	}
		.btn-default:hover, 
		.btn-default:focus, 
		.btn-default:active, 
		.btn-default.active, 
		.open .dropdown-toggle.btn-default {
			background-color: #b1b3b2;
			border-color: transparent;
			color: #fff;
		}
.container {
	max-width: 1064px;
}
	.container > .navbar-header, 
	.container-fluid > .navbar-header, 
	.container > .navbar-collapse, 
	.container-fluid > .navbar-collapse {
		margin-left: -10px;
		margin-right: -10px;
	}
	@media (min-width: 768px) {
		.container {
			width: 100%;
		}
	}
	@media (max-width: 767px) {
		.container {
			padding-left: 10px;
			padding-right: 10px;
		}
	}
.form-control {
	border-radius: 0;
	box-shadow: none;
}



/* NETCOMMUNITY PARTS */
input[type="radio"] + label,
input[type="checkbox"] + label {
	margin-left: 8px;
	display: inline;
}
.BBFormTextbox,
.BBFormTextBox,
.BBFormTextArea,
.BBFormSelectList {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.BBFieldControlCell,
.BBFieldCaption {
	padding: 5px 0;
	vertical-align: top;
}
.BBFieldCaption {
	padding-right: 10px;
}
.BBFieldCaption > label {
	margin-bottom: 0;
}
.BBListingHeading {
	font-size: 150%;
	padding: 20px 0 10px;
	color: #888;
	font-weight: normal;
}
.BBFormRequiredFieldMarker {
	padding: 0 0 0 10px;
	color: #f00;	
}
.DonationFieldControlCell > table {
	margin-left: 0 !important;
}
tr[id*="_trOther"] > td > span > label {
	padding-right: 10px;
}
tr[id*="_trOther"] table td {
	vertical-align: top;
}
tr[id*="_trOther"] table td[id*="_Td1"] {
	position: relative;
	width: 200px;
	display: block;
}
tr[id*="_trOther"] table td input {
	margin-left: 3px;
	/* position: absolute; JG removed to fix Chrome issue */
	width: 200px;
	top: -5px;
}
td.sDonationCaptureFieldControlCell > table {
	width: 100%;
	margin-left: 0 !important;
}
td.sDonationCaptureFieldControlCell > table > tbody > tr > td {
	vertical-align: top;
}
td.sDonationCaptureFieldControlCell > table > tbody > tr > td:first-child {
	padding-right: 5px;
}
td.sDonationCaptureFieldControlCell > table > tbody > tr > td:last-child {
	padding-left: 5px;
}
td.sDonationCaptureFieldControlCell > table > tbody > tr > td > label {
	display: none;
}
input[id*="_txtCSC"] {
	width: 90%;
	float: left;
}
input[id*="_txtCSC"] + a {
	width: 10%;
	margin-top: 4px;
	display: block;
	float: left;
}
	@media (max-width: 767px) {
		.BBFormTable {
			display: block;
		}
		.BBFormTable table {
			display: block;
		}
		.BBFormTable > tbody > tr {
			display: block;
			position: relative;
		}
		.BBFormTable > tbody > tr > .BBFieldCaption {
			display: block;
			padding: 0;
		}
		.BBFormTable > tbody > tr > .BBFieldControlCell {
			display:block;
			padding: 0 0 15px;
		}
		.BBFormTable > tbody > tr > .BBFormRequiredFieldMarker {
			position: absolute;
			padding: 5px 0 0;
			top:0;
			right: 0;
		}
	}






#header {
	border: 0;
}
	#header .navbar-slogan {
		display: none;
	}
	@media (max-width: 767px) {
		#header {
			background-color: #00aeef;
		}
		#header .navbar-toggle {
			color: #fff;
			border-color: transparent;
			margin-top: 15px;
		}
		#header .navbar-toggle:hover,
		#header .navbar-toggle:focus {
			background-color: #0081b1;
		}
		#header .navbar-toggle + .navbar-toggle {
			margin-right: 10px;
		}
		#header .navbar-toggle .icon-bar {
			background-color: #fff;
		}
		#header .navbar-utility-btn {
			padding: 6px 8px 2px;
		}
		#header .navbar-form {
			margin-top: -1px;
		}
		#header .form-control {
			border-color: transparent;
		}
	}
	@media (min-width: 768px) {
		#header {
			background-color: transparent;
			height: 100px;
			margin-bottom: 94px;
			margin-top: 20px;
		}
		#header .navbar-header {
			margin-right: 21px;
		}
		#header .navbar-brand {
			float: none;
		}
	}
	@media (min-width: 1024px) {
		#header .navbar-slogan {
			color: #5cc5ed;
			text-align: right;
			padding-top: 6px;
			padding-right: 10px;
		}
	}



#logo {}
	#logo p {
		margin: 0;
	}
	@media (max-width: 767px) {
		#logo {
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 5px;
			height: 65px;
		}
		#logo a,
		#logo p {
			display: block;
			height: 100%;
		}
		#logo img {
			height: 100%;
			width: auto;
		}
	}
	@media (min-width: 768px) {
		#logo {
			padding: 0;
			background-color: #00aeef;
			height: auto;
		}
		#logo img {
			max-height: 100px;
			width: auto;
		}
	}
	@media (min-width: 1024px) {
		#logo {
			padding: 0;
			background-color: #00aeef;
			margin-left: -50000px;
			padding-left: 50000px;
			height: auto;
		}
		#logo img {
			border-left: 5px solid #fff;
		}
	}



#utility {}
	#utility .btn {
		background: url("//secure.soschildrensvillages.ca/image/sos-childrens-villages-canada/icon-search.png") no-repeat;
		width: 36px;
		height: 36px;
		padding: 0;
		text-indent: -50000px;
		border: 0;
	}
	#utility > ul.nav-icons > li {
		margin: 0 0 0 15px;
	}
	#utility > ul.nav-icons > li.icon-facebook > a {
		background: url("//secure.soschildrensvillages.ca/image/sos-childrens-villages-canada/icon-facebook.png") no-repeat;
	}
	#utility > ul.nav-icons > li.icon-twitter > a {
		background: url("//secure.soschildrensvillages.ca/image/sos-childrens-villages-canada/icon-twitter.png") no-repeat;
	}
	#utility > ul.nav-icons > li.icon-google-plus > a {
		background: url("//secure.soschildrensvillages.ca/image/sos-childrens-villages-canada/icon-google-plus.png") no-repeat;
	}
	#utility > ul.nav-icons > li.icon-fr > a {
		background: url("//secure.soschildrensvillages.ca/image/sos-childrens-villages-canada/icon-fr.png") no-repeat;
	}
	@media (max-width: 767px) {
		#utility {
			border: 0;
		}
		#utility > ul.nav-icons > li > a {
			display: block;
			padding-left: 46px;
			color: #fff;
		}
		#utility .navbar-form {
			background-color: #0081b1;
			overflow:hidden;
			border: 0;
		}
		#utility .form-group {
			padding-right: 36px;
		}
		#utility .form-control {
			float:left;
			height: 36px;
		}
		#utility .form-group .btn {
			float:right;
			margin-right: -36px;
		}
		#utility .navbar-nav > li {
		}
		#utility .navbar-nav > li > a {
			line-height: 1;
		}
	}
	@media (min-width: 768px) {
		#utility {
			max-width: 960px;
			margin: 0 auto;
			text-align: right;
		}
		#utility:after {
			display: none;
		}
		#utility .navbar-form {
			display: inline-block;
			margin: 0;
			padding-right: 0;
		}
		#utility .form-control {
			width: 184px;
			height: 36px;
		}
		#utility > ul.nav-icons {
			float: right;
		}
		#utility > ul.nav-icons > li > a {
			display: block;
			width: 36px;
			height: 36px;
			text-align: left;
			text-indent: -50000px;
		}
	}
	@media (max-width: 899px) and (min-width: 768px) {
		#utility .navbar-form {
			margin-bottom: 10px;
		}
	}


#nav {}
	#nav > ul {}
	#nav > ul > li > a {
		background-color: #00aeef;
		color: #fff;
		text-transform: uppercase;
		display: block;
		text-align: center;
		padding: 15px;
		font-size: 13px;
		line-height: 1.5;
		min-width: 157px;
	}
	#nav > ul > li > a:hover {
		background-color: #d4edfa;
		color: #009ef4;
	}
	#nav > ul > li.menuItem1 a {
		background-color: #76b856;
	}
		#nav > ul > li.menuItem1 a:hover {
			background-color: #e8f2df;
			color: #76b856;
		}
	#nav > ul > li.menuItem2 a {
		background-color: #ec7404;
	}
		#nav > ul > li.menuItem2 a:hover {
			background-color: #fde6cf;
			color: #ec7404;
		}
	#nav > ul > li.menuItem4 a {
		background-color: #e74361;
	}
		#nav > ul > li.menuItem4 a:hover {
			background-color: #fbe1de;
			color: #e74361;
		}
	@media (max-width: 767px) {
		#nav {
			border: 0;
		}
		#nav > ul {
			margin-bottom: 0;
			margin-top: 0;
		}
		#nav > ul > li > a {
			min-width: 187px;
		}
	}
	@media (min-width: 768px) {
		#nav {
			float: left;
			padding: 9px 0 0;
		}
		#nav > ul > li {
			margin-right: 10px;
		}
	}


#content {}
	#content a {
		font-weight: bold;
	}



#footer {
	padding: 20px 0;
}
	#footer .container {
		padding-top: 10px;
		border-top: 1px solid #b1b3b4;
		max-width: 1200px;
	}
	#footer ul.nav {}
		#footer ul.nav a {
			display: block;
			padding: 3px 0;
		}
		#footer .nav>li>a:hover, 
		#footer .nav>li>a:focus {
			background-color: transparent;
		}
		#footer ul.nav > li {
			padding-bottom: 20px;
		}
		#footer ul.nav > li > a {
			font-weight: bold;
			text-transform: uppercase;
		}
		#footer ul.nav ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		#footer ul.nav > li.menuItem1 a,
		#footer ul.nav > li.menuItem2 a {
			color: #b5d59d;
		}
		#footer ul.nav > li.menuItem3 a,
		#footer ul.nav > li.menuItem4 a {
			color: #ec7404;
		}
		#footer ul.nav > li.menuItem6 a {
			color: #e74361;
		}
		#footer ul.nav > li.menuItem7 a {
			color: #1a171b;
		}
	@media (max-width: 767px) {
		#footer ul.nav > li {
			padding-top: 10px;
			padding-bottom: 10px;
		}
	}
	@media (min-width: 768px) {
		#footer ul.nav a {
			font-size: 12px;
		}
		#footer ul.nav > li {
			width: 16.666666666667%;
			float: left;
			padding: 0 15px;
		}
	}



#footer-info {
	padding: 10px;
	font-size: 75%;
}
	#footer-copyright {
		width: 50%;
		float: left;
		text-align: left;
		color: #009ef4;
		padding-right: 50px;
		text-transform: uppercase;
	}
	#footer-charity {
		width: 50%;
		float:right;
		text-align: right;
		color: #868889;
	}
	@media (max-width: 767px) {
		#footer-copyright,
		#footer-charity {
			width: 100%;
			float: none;
			text-align: left;
		}
	}

.isEditor #utility {
	width: 600px;
	float: right;
}