/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}img, fieldset {
	border: 0;
}



/************************************************************************************
STRUCTURE
*************************************************************************************/

#wrapper {
	width: 920px;
	margin-left: auto;
   	margin-right: auto;
   	margin-bottom: 0px;
   	padding: 0;
   	background: #ffffff;
}

#navigation {
	width: 880px;
	background: #000000;
	height: 35px;
	padding: 15px 20px 15px 20px; 
}

#header {
	width: 850px;
	padding: 15px 35px 15px 35px; 
	margin-top: 35px;
}

#header table {
	margin: 0;
	width: 100%;
}	

#header table td {
	margin: 0;
}

#header table td:nth-child(1) img {
	float: left;
	margin-top: -45px;
}		

#header table td:nth-child(2) {
	width: 480px;
}

#header table td:nth-child(3) img {
	float: right;
	margin-top: -45px;
}

h1.red {
	font-family: "Helvetica Neue", Arial;
	color:#ffffff;
	text-align: center;
	font-size: 48px;
	background: #d93030;
	padding: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#center-facebook {
	background: #f1f4fc;
	padding: 8px 0 8px 0;
	width: 480px;
	margin-top: 12px;
}

#content {
	width: 920px;
	background: #ffffff;
	margin-top: 30px;
	padding-top: 0px; 
	padding-bottom: 0px;
}

#leftcolumn {
	float: left; 
	width: 170px; 
	text-align: center;
	border-right: 1px dashed #a1a1a1;
	padding-left: 27px;
	padding-right: 27px;
}

#centercolumn {
	float: left; 
	width: 440px;
	padding-left: 15px;
	margin-top: -5px;
	margin-left: auto;
   	margin-right: auto;
   	margin-bottom: 25px;
}

#rightcolumn {
	float: left; 
	width: 170px; 
	text-align: left;
	border-left: 1px dashed #a1a1a1;
	background: none;
	padding-left: 27px;
	margin-left: 13px;
}

#footer {
	width: 880px;
	background: #000000;
	padding: 15px 20px 15px 20px; 
}


/************************************************************************************
SPRITES
*************************************************************************************/

.sprite-donate-blue, .sprite-donate-green, .sprite-flag, .sprite-fb, .sprite-fpba, 
.sprite-gp, .sprite-rss, .sprite-tw {
background: url(img/2018-sprites.png) no-repeat; }
 
 
.sprite-donate-blue { background-position: -5px -0px; width: 127px; height: 67px; }
.sprite-donate-green { background-position: -5px -72px; width: 127px; height: 67px; }
.sprite-flag { background-position: -5px -144px; width: 127px; height: 67px; }
.sprite-fb { background-position: -5px -216px; width: 35px; height: 35px; }
.sprite-fpba { background-position: -45px -216px; width: 35px; height: 35px; }
.sprite-gp { background-position: -85px -216px; width: 35px; height: 35px; }
.sprite-rss { background-position: -5px -256px; width: 35px; height: 35px; }
.sprite-tw { background-position: -45px -256px; width: 35px; height: 35px; }


/************************************************************************************
GENERAL STYLING
*************************************************************************************/

body {
	font-family: "Helvetica Neue", Arial; 
	color:#000000;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	background: url(img/shadow-all.gif) repeat-y center;
}

h1 {
	font-family: "Helvetica Neue", Arial;
	color:#000000;
	text-align: center;
	font-size: 48px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 8px;
	font-weight: bold;
}

h1.green-center {
	font-family: "Helvetica Neue", Arial;
	color:#02a49e;
	text-align: center;
	font-size: 24px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
}	


.green-center-div {
	border-bottom: 1px dashed #a1a1a1; 
	padding-bottom: 15px;
	margin-bottom: 20px; 
	margin-left: 15px; 
	margin-right: 15px;
}


h1.green-left {
	font-family: "Helvetica Neue", Arial;
	color:#02a49e;
	text-align: left;
	font-size: 24px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
}

h2 {
	font-family: Arial;
	color:#000000;
	font-size: 14px;
	line-height: 20px;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 3px;
	font-weight: bold;
}

h3 {
	font-family: Arial;
	color:#000000;
	font-size: 14px;
	line-height: 20px;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 3px;
	font-weight: bold;
}	

p  {
	font-family: "Helvetica Neue", Arial; 
	color:#000000;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	margin: 0;
	padding-bottom: 12px;
	padding-top: 0px;
}

p.quote  {
	font-family: "Helvetica Neue", Arial; 
	color:#000000;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	text-align: left;
	margin: 0;
	padding-bottom: 12px;
	padding-top: 0px;
}

a {
	font-family: "Helvetica Neue", Arial; 
	color:#cd0b0b;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color:#d95656;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Navigation Header
----------------------------------------------- */

	#navigation ul.nav1 {
		margin: 0;
		width: auto;
		float: left;
	}	
	
	#navigation ul.nav1 li {
		float: left;
		padding-left: 10px;
		height: 35px;
		line-height: 35px;
		vertical-align: bottom;
		display: inline; 
		list-style:none;
	}	
	
	#navigation ul.nav1 li:after {
		content: " | ";
		font-family: "Helvetica Neue", Arial; 
		color:#ffffff;
		font-size: 14px;
		font-weight: bold;
		padding-left: 5px;
	}
	
	#navigation ul.nav1 li:first-child:after, #navigation ul.nav1 li:last-child:after {
		content: none;
	
	}
	
	#navigation ul.nav1 li a:link, #navigation ul.nav1 li a:visited {
		font-family: "Helvetica Neue", Arial; 
		color:#ffffff;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}
	
	 #navigation ul.nav1 li a:hover {
		font-family: "Helvetica Neue", Arial; 
		color:#ffffff;
		font-size: 14px;
		font-weight: bold;
		text-decoration: underline;
	}
	
	#navigation ul.nav2 {
		margin: 0;
		width: auto;
		float: right;
		padding-right: 10px;
	}	
	
	#navigation ul.nav2 li {
		float: right;
		padding-left: 5px;
		border: 0;
		height: 35px;
		line-height: 35px;
		vertical-align: bottom;
		display: inline; 
		list-style:none;
	}	
	
	#navigation ul.nav2 li a:link, #navigation ul.nav2 li a:visited {
		font-family: "Helvetica Neue", Arial; 
		color:#ffffff;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#navigation ul.nav2 li a:hover {
		font-family: "Helvetica Neue", Arial; 
		color:#ffffff;
		font-size: 14px;
		font-weight: bold;
		text-decoration: underline;
	}

/* Navigation Footer
----------------------------------------------- */

	#footer ul.nav1 {
		margin: 0;
		width: auto;
		float: left;
	}	
	
	#footer ul.nav1 li {
		float: left;
		padding-left: 10px;
		height: 35px;
		line-height: 35px;
		vertical-align: bottom;
		display: inline; 
		list-style:none;
	}	
	
	#footer ul.nav1 li:after {
		content: " | ";
		font-family: "Helvetica Neue", Arial; 
		color:#ffffff;
		font-size: 14px;
		font-weight: bold;
		padding-left: 5px;
	}
	
	#footer ul.nav1 li:first-child:after, #footer ul.nav1 li:last-child:after {
		content: none;
	
	}
	
	#footer ul.nav1 li a:link, #footer ul.nav1 li a:visited {
		font-family: "Helvetica Neue", Arial; 
		color:#ffffff;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}
	
	 #footer ul.nav1 li a:hover {
		font-family: "Helvetica Neue", Arial; 
		color:#ffffff;
		font-size: 14px;
		font-weight: bold;
		text-decoration: underline;
	}
	
	#footer ul.nav2 {
		margin: 0;
		width: auto;
		float: right;
		padding-right: 10px;
	}	
	
	#footer ul.nav2 li {
		float: right;
		padding-left: 5px;
		border: 0;
		height: 35px;
		line-height: 35px;
		vertical-align: bottom;
		display: inline; 
		list-style:none;
	}	
	
	#footer ul.nav2 li a:link, #footer ul.nav2 li a:visited {
		font-family: "Helvetica Neue", Arial; 
		color:#ffffff;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#footer ul.nav2 li a:hover {
		font-family: "Helvetica Neue", Arial; 
		color:#ffffff;
		font-size: 14px;
		font-weight: bold;
		text-decoration: underline;
	}


/* Navigation End
----------------------------------------------- */


#centercolum {
	font-size: 48px; 
	font-weight: bold; 
	color: #d93030; 
	padding-top: 0px; 
	margin-top: 0px
}

#centercolumn ol.list {
	padding: 0; 
	margin-left: 125px;
	margin-top: 15px;
}

#centercolumn ol.list li {
	font-weight: normal; 
	color: #000000;
	padding-left: 0px; 
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0;
}	

#centercolumn ol.list .digit {
	font-size: 48px; 
	font-weight: bold; 
	color: #d93030; 
	padding-top: 0px; 
	margin-top: 0px
}

#centercolumn p {
	font-family: "Helvetica Neue", Arial; 
	color:#000000;
	font-size: 14px;
	font-weight: normal;
}

#centercolumn .pending {
	background: #fff280;
	padding: 1px;
}

#centercolumn .highlight {
	display: block;
	font-family: "Helvetica Neue", Arial; 
	color:#ffffff;
	background: #d93030;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	padding: 5px;
	position: relative;
	top: 6px;
}	

#centercolumn .highlight {
	font-size: 12px;
	color: #ffffff;
}	

#centercolumn .highlight a:link, #centercolumn .highlight a:visited {
	font-size: 12px;
	color: #ffffff;
}	

#centercolumn .highlight a:hover {
	text-decoration: underline;
}

#rightcolumn .face-images, #leftcolumn .face-images {
	text-align: center;
}

#rightcolumn ul {
	display: block; 
	list-style-type: disc; 
	padding: 0; 
	margin-left: 17px;
	margin-top: 5px;
}

#rightcolumn ul li {
	padding-left: 0px; 
	padding-bottom: 0px;
	margin: 0;
}

#rightcolumn ol {
	display: block; 
	list-style-type: number; 
	padding: 0; 
	margin-left: 25px;
	margin-top: 5px;
}

#rightcolumn ol li {
	padding-left: 0px; 
	padding-bottom: 0px;
	margin: 0;
}

#rightcolumn .bluelink {
	font-family: "Helvetica Neue", Arial; 
	color:#004ad3;
	font-size: 14px;
	font-weight: normal;
}

.bluelink a:link, .bluelink a:visited {
	font-family: "Helvetica Neue", Arial; 
	color:#004ad3;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}

.bluelink a:hover {
	text-decoration: underline;
}	

.childcolumn-green {
	margin: 15px 0 5px 0; 
	background: #02a49e; 
	width: 148px; 
	padding: 10px; 
	text-align: left; 
	color: #ffffff; 
	font-weight: bold;
}

.childcolumn-green a:link, .childcolumn-green a:visited {
	color: #ffffff;
}

.childcolumn-green a:visited {
	text-decoration: underline;
}	

.childcolumn-name {
	border-bottom: 1px dashed #a1a1a1; 
	padding-bottom: 15px; 
	margin-bottom: 20px; 
	text-align: center;
	}
	
.victim {
	width: 114px;
	height: 139px;
	background-image: url(img/img-background.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	margin-left: auto;
   	margin-right: auto;
   	margin-bottom: 3px;
}

.navlink {
	font-family: "Helvetica Neue", Arial; 
	color:#ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}	

#footer .android {
	clear: both;
	padding: 25px 0 25px 0;
}	

	
#footer .android, #footer .android p, #footer .android a:link, #footer .android a:visited {
	font-family: "Helvetica Neue", Arial; 
	color:#ffffff;
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
}

#footer .android p {
	text-align: center;
}

#footer .android a:hover {
	text-decoration: underline;
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
}	

#footer .tm {
	font-family: Arial;
	font-size: 7px;
	vertical-align: top;
	padding-left: 1px;
	position: relative; top: -2px;
}





/************************************************************************************
RESPONSIVE
*************************************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {

	.sprite-donate-blue, .sprite-donate-green, .sprite-flag, .sprite-fb, .sprite-fpba, 
	.sprite-gp, .sprite-rss, .sprite-tw {
	background: url(img/2018-sprites-x2.png) no-repeat; 
	background-size: 137px 296px;
	}

	.sprite-donate-blue { background-position: -5px -0px; }
	.sprite-donate-green { background-position: -5px -72px; }
	.sprite-flag { background-position: -5px -144px; }
	.sprite-fb { background-position: -5px -216px; }
	.sprite-fpba { background-position: -45px -216px; }
	.sprite-gp { background-position: -85px -216px; }
	.sprite-rss { background-position: -5px -256px; }
	.sprite-tw { background-position: -45px -256px; }

	}

@media screen and (min-width: 531px) and (max-width: 800px) {

	@viewport { width: device-width; zoom: 1.0; }	
	@-ms-viewport { width: 768px; }
	@-o-viewport { width: 768px; }
	
	html body {
	width: 768px;
	margin-left: -5px;
   	margin-right: auto;
			background: none;
			-moz-box-shadow: 0px 0px 10px #999999;
			-webkit-box-shadow: 0px 0px 10px #999999;
			box-shadow: 0px 0px 10px #999999;
	}	
	body #wrapper {
		width: 768px;
	}
	body #header {
		clear: left;
		margin: 0px;
		padding: 50px 0 10px 20px;
		width: 728px;
	}	
	#rightcolumn, body #navigation ul.nav2 {
			display:none;
	}

	body #header table td:nth-child(1), body #header table td:nth-child(3) {
		display: none;
	}	
	body #header table td:nth-child(2) {
		width: 460px;
		text-align: center;
	}
	body #navigation, body #footer {
		width: 728px;
	}
	body li.digit {
		width: 100%;
	}

}	

@media screen and (max-width: 530px) {

	@viewport { width: device-width; zoom: 1.0; }	
	@-ms-viewport { width: 480px; }
	@-o-viewport { width: 480px; }

		body {
			width: 480px;
				background: none;
				-moz-box-shadow: 0px 0px 10px #999999;
				-webkit-box-shadow: 0px 0px 10px #999999;
				box-shadow: 0px 0px 10px #999999;
		}	
		body #wrapper {
			width: 480px;
			
		}
		body #navigation {
			width: 440px;
		}
		body #navigation ul.nav2 {
			display: none;
		}
		body #header {
			clear: left;
			margin: 0px;
			padding: 10px 0 10px 10px;
			width: 460px;
		}		
		body #header table td:nth-child(1), body #header table td:nth-child(3) {
			display: none;
		}	
		body #header table td:nth-child(2) {
			width: 460px;
			text-align: center;
		}
		body h1 {
			font-size: 34px;
			margin-top: 20px;
		}
		body h1.red {
			font-size: 34px;
			padding: 18px;
			margin: 0 50px 0 50px;
		}
		body h2 {
			margin-top: 10px;
			margin-bottom: 10px;
			width: 95%;
		}
		body #center-facebook {
			clear: both;
			width: 95%;
		}		
		body #leftcolumn {
			width: 90%; 
			text-align: center;
			padding: 0 10px 0 10px;
			margin-left: 15px;
			border: 0;
		}
		body #leftcolumn .face-images, body #leftcolumn .victim {
			display: none;
		}	
		body h1.green-center {
			padding-top: 10px;
		}
		body .green-center-div {
			padding-bottom: 15px;
			margin-bottom: 35px;
			margin-left: 0; 
			margin-right: 0;
		}
		body .childcolumn-green {
			width: 405px;
			text-align: center;
		}
		#content {
			width: 480px;
			margin-top: 0;
		}
		#wrapper #centercolumn {
			width: 380px;
			padding: 0px;
			margin: 0 0 40px 40px;
		}
		#wrapper #centercolumn p {
			width: 380px;
		}
		#wrapper #centercolumn ol.list {
			width: 280px;
			margin-left: 100px;
		}
		#wrapper #centercolumn ol.list .digit {
			width: 380px;
			font-size: 42px; 
			padding-top: 0; 
			margin-top: 0;
		}
		#centercolumn .highlight {
			padding: 8px;
			width: 85%;
		}	
		body #centercolumn .highlight, body #centercolumn .highlight a:link {
			font-size: 14px;
			line-height: 1.4em;
		}	
		#rightcolumn ul li, #rightcolumn ol li {
			padding: 15px 0 15px 0;
			border-bottom: 1px #cccccc dashed;
		}	
		body #rightcolumn {
			float: left;
			border-left: 0;
			border-top: 1px dashed #a1a1a1;
			padding-top: 15px;
			width: 82%;
			padding-bottom: 20px;
			text-align: left;
		}	
		body #rightcolumn .childcolumn-name, body #rightcolumn h1.green-center {
			text-align: center;
			border: 0;
			margin-bottom: 0;
			padding-bottom: 0;
		}
		body #rightcolumn .childcolumn-green {
			margin-left: -15px;
		}	
		body #rightcolumn .face-images {
			display: none;
		}
		body #footer {
			width: 440px;
		}
		body #footer ul.nav2 {
			clear: left;
			float: left;
			text-align: center;
			padding: 20px 0 20px 105px;
		}
		body #footer ul.nav2 li {
			padding-right: 5px;
		}
		body #footer .android {
			padding: 0 25px 15px 25px;
		}
}

@media screen and (max-width: 399px) {

	@viewport { width: 360px; }
	@-ms-viewport { width: 360px; }
	@-o-viewport { width: 360px; }

		body {
			width: 360px;
				background: none;
				-moz-box-shadow: 0px 0px 10px #999999;
				-webkit-box-shadow: 0px 0px 10px #999999;
				box-shadow: 0px 0px 10px #999999;
		}	
		body #wrapper {
			width: 360px;
		}
		body #navigation {
			width: 360px;
			height: 35px;
			padding: 10px 0 10px 0;
		}
		body #navigation ul.nav1 li:last-child, body #navigation ul.nav2 {
			display: none;
		}
		body #navigation ul.nav1 li:nth-child(3):after {
		content: none;
		}
		body #header {
			clear: left;
			margin: 0px;
			padding: 10px 0 10px 10px;
			width: 340px;
		}	
		body #header table td:nth-child(1), body #header table td:nth-child(3) {
			display: none;
		}	
		body #header table td:nth-child(2) {
			width: 320px;
			text-align: center;
		}
		body h1 {
			font-size: 24px;
			margin-top: 10px;
			margin-bottom: 0;
		}
		body h1.red {
			font-size: 24px;
			padding: 12px;
			margin: 0 25px 0 25px;
		}
		body h2 {
			margin-top: 10px;
			margin-bottom: 10px;
			width: 95%;
		}
		body #center-facebook {
			clear: both;
			width: 95%;
		}	
		body .face-images {
			display: none;
		}	
		body #leftcolumn {
			width: 95%; 
			text-align: center;
			border: 0;
			padding: 0 10px 0 10px;
			margin-left: 15px;
		}
		body h1.green-center {
			padding-top: 10px;
		}
		body .green-center-div {
			padding-bottom: 15px;
			margin-bottom: 10px; 
			margin-left: 0; 
			margin-right: 0;
		}
		body .childcolumn-green {
			width: 290px;
			text-align: center;
			}
		#content {
			width: 320px;
			margin-top: 0;
		}
		#wrapper #centercolumn {
			width: 320px;
			padding: 0px;
			margin: 0 0 40px 20px;
		}
		#wrapper #centercolumn p {
			width: 270px;
		}
		#wrapper #centercolumn ol.list {
			width: 260px;
			margin-left: 75px;
		}
		#wrapper #centercolumn ol.list .digit {
			width: 260px;
			font-size: 32px; 
			padding-top: 0px; 
			margin-top: 0px
		}
		#rightcolumn ul li, #rightcolumn ol li {
			padding: 15px 0 15px 0;
			border-bottom: 1px #cccccc dashed;
		}	
		body #rightcolumn {
			float: left;
			border-left: 0;
			border-top: 1px dashed #a1a1a1;
			padding-top: 15px;
			width: 82%;
			padding-bottom: 20px;
			text-align: left;
		}	
		body #rightcolumn .childcolumn-name, body #rightcolumn h1.green-center {
			text-align: center;
			border: 0;
			margin-bottom: 0;
			padding-bottom: 0;
		}
		body #rightcolumn .childcolumn-green {
			margin-left: -15px;
		}	
		body #rightcolumn .face-images {
			display: none;
		}
		body #footer {
			height: auto;
			width: 360px;
			padding: 10px 0 10px 0;
		}
		body #footer ul.nav1 li:last-child {
			display: none;
		}
		body #footer ul.nav1 li:nth-child(3):after {
		content: none;
		}
		body #footer ul.nav2 {
			clear: left;
			float: left;
			text-align: center;
			padding: 12px 0 15px 65px;
			}
		body #footer ul.nav2 li {
			padding-right: 5px;
			}
		body #footer .android {
			padding: 0 25px 15px 25px;
			}
			
}