/* CSS Document */
/*
.background tr td table tr td table tr td #DL #AutoNumber2 tr td #sprytextfield1 .textfieldRequiredMsg {
	color: #FFFF80;
}
iframe {
	background-color: #091e6d;
}


/* ////// Genrals Overrides ////// */

html { font-family: Arial, Helvetica, sans-serif; }

*[align="right"] {
	float: right;
}


/* ////// Body ////// */

body {
	margin: 0;
	background: #003C5B;
	background-image: url("/images/Water.jpg");
	background-repeat: no-repeat;
	background-position: center -150px;
}
body.front {
	background-image: url("/images/NJAASKidsGradient.jpg");
	background-repeat: no-repeat;
	background-position: center -150px;
}

.body--inner {
	max-width: 960px;
	min-width: 800px;
	margin: 0 auto;
	padding: 20px 0;
	box-sizing: content-box;

	width: 960px;
}


/* ////// Header ////// */

.header {
	background: white url("/images/Waves.png") no-repeat 100% 92%;
	margin-bottom: 10px;
	text-align: justify;
}
.header:after {
	content: ' ';
	display: inline-block;
	width: 100%;
}

/* ////// Text / Typography ////// */
a,
a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #168F94;
}
a:hover, a:focus {
	color: #FCBD25;
}

.headerindex {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.headerindex2 {
	color: #5DA6F2;
}

.internal_header,
.index_content .internal_header {
	font: normal normal bold 18px/1 Arial, Helvetica, sans-serif;
	color: #168F94;
}

.internal_header2 {
	font: normal normal bold 20px/1 Arial, Helvetica, sans-serif;
	color: #FCBD25;
}

.index_content,
.index_content a {
	color: #003C5B;
	font-size: 16px;
}
.index_content {
}
.index_content[align="left"] a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.index_content a:hover {
	color: #168F94;
}


.indextext{
	font: 16px/1 Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.highlight {
	font: normal normal bolder 12px/1 Arial, Helvetica, sans-serif;
	text-decoration: underline;
}



/* ////// Header Items ////// */

.header > * {
	display: inline-block;
	vertical-align: middle;
}

.logo img {
	padding: 15px;
}

.donate.cta {
	position: relative;
	left: 100px;
}

.facebook {
	position: relative;
	right: 30px;
}


/* ////// Navigation ////// */

.nav {
	background: #D2F4FF;
	background: rgba(210,244,255,.6);
	text-align: justify;
	padding: 5px 60px;
	color: #003C5B;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.nav:after {
	content: ' ';
	display: inline-block;
	width: 100%;
}

.nav > * {
	display: inline-block;
}

.nav > a {
	color: #003C5B;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}


/* ////// Images ////// */

img {
/*	width: auto;
	height: auto;*/
	/*max-width: 100%;*/
}
img[align="right"] {
	margin-left: 18px;
}
p[align="center"] img {
/*	display: inline;
	width: 33%;
	height: 148px;*/
}


/* ////// Table for layout ////// */

table {
	width: 100%;
	height: auto;
	max-width: 100%;
	line-height: 1.34;
}
td, th {
	vertical-align: top;
}
td[align="right"] {
	float: none;
}

table[border="1"] {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	background: #83C0D5;
}
table[border="1"] th,
table[border="1"] td {
	border: none;
}
table[border="1"] img {
	border-color: #FFFFFF;
	border-width: 2px;
}
table[align="right"] {
	width: 1%;
}

.background {
	background: #FFFFFF;
	color: #003C5B;
}
.background td td {
	padding: 10px;
}


.front .background {
	margin-top: 400px;
	padding-top: 18px;
}
.front .background td {
	width: 33%;
}
.front .background td tr td:first-child {
	padding-left: 60px;
}
.front .background td tr td:last-child {
	padding-right: 60px;
}
.front .background img {
	margin: 0 auto;
	text-align: center;
	display: block;
	vertical-align: top;
	border: 3px solid #83C0D5;
}



/* ////// Footer ////// */

.footer {
	text-align: center;
	position: relative;
	font: normal normal bold 13px/1 "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #B8E0F9;
	padding: 0 180px;
}
.footer .CA_logo {
	position: absolute;
	top: -110px;
	left: 30px;
}



/* ////// Button ////// */

.button--pill, 
button {
	display: inline-block;
	border: 2px solid #83C0D5;
	outline: none !important;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 2000px;
	-moz-border-radius: 2000px;
	-o-border-radius: 2000px;
	border-radius: 2000px;

	padding: 10px 20px !important;
	
	background: #003C5B;
	background-image: -webkit-linear-gradient(-90deg, rgba(255,255,255,0.19) 39%, rgba(0,59,91,0.00) 61%);
	background-image: -o-linear-gradient(-90deg, rgba(255,255,255,0.19) 39%, rgba(0,59,91,0.00) 61%);
	background-image: -moz-linear-gradient(-90deg, rgba(255,255,255,0.19) 39%, rgba(0,59,91,0.00) 61%);
	background-image: -ms-linear-gradient(-90deg, rgba(255,255,255,0.19) 39%, rgba(0,59,91,0.00) 61%);
	background-image: linear-gradient(-180deg, rgba(255,255,255,0.19) 39%, rgba(0,59,91,0.00) 61%);

	color: #E1F0FA !important;

	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
}

.button--pill:hover, 
.button--pill:focus, 
button:hover,
button:focus {
	background: #005776;
	background-image: -webkit-linear-gradient(-90deg, rgba(255,255,255,0.19) 39%, #005776 61%);
	background-image: -o-linear-gradient(-90deg, rgba(255,255,255,0.19) 39%, #005776 61%);
	background-image: -moz-linear-gradient(-90deg, rgba(255,255,255,0.19) 39%, #005776 61%);
	background-image: -ms-linear-gradient(-90deg, rgba(255,255,255,0.19) 39%, #005776 61%);
	background-image: linear-gradient(-180deg, rgba(255,255,255,0.19) 39%, #005776 61%);
}

.button--pill:active, 
button:active {
	background: #003C5B;
	background-image: -webkit-linear-gradient(-90deg, rgba(4, 26, 37, 0.6) 39%, #003C5B 61%);
	background-image: -o-linear-gradient(-90deg, rgba(4, 26, 37, 0.6) 39%, #003C5B 61%);
	background-image: -moz-linear-gradient(-90deg, rgba(4, 26, 37, 0.6) 39%, #003C5B 61%);
	background-image: -ms-linear-gradient(-90deg, rgba(4, 26, 37, 0.6) 39%, #003C5B 61%);
	background-image: linear-gradient(-180deg, rgba(4, 26, 37, 0.6) 39%, #003C5B 61%);
}

.button--pill + .button--pill {
	margin-left: 10px;
}