@charset "UTF-8";
img, object, embed, video { max-width: 100%; }
.gridContainer { width: 100%;margin:auto;padding-left:0;padding-right:0; }
body, button, input, select, textarea { font-family: Verdana, Geneva, sans-serif; }
body {
	color: #13370B;
}
a, a:visited {
	color:#0026C6;
	text-decoration:none;
}
a:focus, a:active, a:focus {
	font-style: italic;
	color:#20008D;
	text-decoration:underline;
}
.main-wrap {
	clear: both;
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
}
header {
	position:absolute;
	clear: both;
	display: block;
	margin-top:0;
	width:100%;
	z-index:100;
}
#NavBox {
	width:100%;
}
#NavBar {
	width:100%;
	height:122px;
	background:#FFFFFF;
}
.top-bgr {
	position: fixed;
	top: -88px;
	left: 0;
}
#navTop {
	padding-top:5px;
	padding-bottom:0;
	max-width:305px;
	margin-top:0;
	margin-left:0;
	margin-right:auto;
	display:none;
	border-bottom: solid 2px #006291;
	background-image: linear-gradient(to bottom, #FFFFFF, #F7F7F7);
	-webkit-box-shadow: 0px 7px 4px 3px rgb(0 0 0 / 5%);
	-moz-box-shadow: 0px 7px 4px 3px rgba(0,0,0,0.05);
	box-shadow: 0px 5px 4px 3px rgb(0 0 0 / 5%);
}
.mobileBnr {
	font-family: Verdana, Geneva, sans-serif;
	text-align:right;
	white-space:nowrap;
	font-size:14px;
	color:rgb(218, 226, 229);
	cursor:pointer;
}
.Btns {
	display:none;
}
.BtnSide {
	display:none;
	margin-top:0;
}
.TD_Btns {
	text-align:center;
	padding-top:48px;
	padding-right:10px;
}
.TD_Menu {
	overflow:hidden;
	height:30px;
	padding-top:2px;
}
.topMenu {
	margin:97px 10px 0 20px;
	cursor: pointer;
}
.bar1, .bar2, .bar3 {
	width: 18px;
	height: 2px;
	background-color: #000;
	margin: 3px 0;
	transition: 0.4s;
}
.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-3.5px, 3.5px);
	transform: rotate(-45deg) translate(-3.5px, 3.5px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-3.5px, -3.5px);
	transform: rotate(45deg) translate(-3.5px, -3.5px);
}
#PgBgr {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
}
#BgrImg {
	margin-top:100px;
	max-width:none;
}
#Banner {
	position: fixed;
	left:0;
	display: block;
	padding-top:5px;
	padding-left:0;
	padding-bottom:3px;
	text-align: center;
	height:61px;
	width:100%;
}
.TD_Side{
	padding-right:12px;
}
#logo {
	width:75%;
}
#logo2 {
	width:200px;
}
h1 {
	font-size:19px;
	line-height:28px;
	margin-bottom:10px;
	margin-top:10px;
	font-weight:normal;
}
h2 {
	font-size:18px;
	line-height:28px;
	margin-bottom:10px;
	font-weight:normal;
}
h3 {
	font-size:17px;
	line-height:25px;
	margin-bottom:10px;
	font-weight:normal;
}
h4 {
	font-size:16px;
	line-height:25px;
	margin-bottom:10px;
	font-weight:normal;
}
h5 {
	font-size:12px;
	margin:0;
}
#TopBox, #TopBox2, #NewsBox {
	clear:both;
	display:block;
	border-top: 2px solid #000;
	background-color: rgba(216,175,97,1);
}
.TextTbl {
	width:100%;
}
#lower-wrap {
	clear:both;
	display:block;
	overflow:hidden;
}
#navTop ul li, #navTop ul li a, #navTop ul li a:visited {
	background:none;
	font-size:16px;
	color: #006291;
	text-decoration:none;
	line-height:31px;
	cursor: pointer;
}
.subDn ul {
	padding-bottom:0;
}
#form-wrap {
	font-size:14px;
	padding-top:25px;
}
#introOverlay {
	position:relative;
	overflow:hidden;
	clear:both;
	display: block;
	width:100%;
	background-color: rgba(22,16,12,1);
}
#introText {
	position:absolute;
	top:122px;
	color: #FFFFFF;
	padding:50px 20px 0 20px;
	font-size:18px;
}
#introText h1 {
	font-size:22px;
	margin-top:25px;
}
#introText h2 {
	font-size:20px;
}
.noBnrTop {
	position:absolute;
	top:122px;
	border-top: 2px solid #000;
	width:100%;
}
#ScrollArrow {
	position:absolute;
	height:30px;
	width:150px;
	left:50%;
	bottom:40px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align:center;
	z-index:100;
}
#ScrollText {
	height:30px;
	width:150px;
	text-align:center;
	color:#FFF;
	display:none;
	font-size:12px;
	cursor: pointer;
}
.overWrap {
	position:absolute;
	width:100%;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
footer {
	border-top: 2px solid #000;
	width:100%;
	margin-top:25px;
}
.foot_wrap {
	margin:25px 20px 0 20px;
}
.foot_wrap a, .foot_wrap a:visited {
	font-size:16px;
}
.foot_wrap p {
	line-height:28px;
	font-size:15px;
}
.Foot_1, .Foot_2 {
	width:100%;
}
.Foot_3 {
	width:100%;
	padding-top:20px;
	padding-bottom:40px;
}
#credits, #credits:visited {
	clear: both;
	display: block;
	padding: 25px 0 25px;
	color: #d7d7d7;
	font-size:13px;
	text-decoration:none;
	cursor: pointer;
}
.highlight {
	color:#000066;
	font-style:oblique;
	font-size:larger
}
.textBox, .textLeft {
	clear: both;
	display: block;
	padding:25px 20px 15px 20px;
	background-color:#FFFFFF;
}
.textBox h3 {
	color: rgb(216, 175, 97);
}
.video, .smallVideo {
	width:100%;
	height:170px;
}
.wideImg {
	margin-top: 5px;
	width:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.smallImg {
	margin-top: 5px;
	margin-right: 5px;
	width:auto;
	border:1px solid #000;
}
.BtnFrm {
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	font-size: 14px;
	padding: 10px 20px 10px 20px;
	color: #77899c;
	border: 2px solid #77899c;
	border-radius: 30px;
	background-color: #FFF;
}
.BtnDonate {
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	font-size: 14px;
	margin-top:91px;
	border-radius: 30px;
	border: 2px solid rgb(0, 0, 0);
	background-color: #9c0400;
	color: rgb(255, 255, 255);
	padding: 3px 20px 3px 20px;
}
.BtnLarge {
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	margin-top:15px;
	padding: 12px 20px 12px 20px;
	border: 2px solid rgba(216,175,97,1);
	border-radius: 30px;
	background-color: rgba(22,16,12,1);
	color: rgba(216,175,97,1);
}
.BtnVote {
	float: left;
	margin:25px 12px 0 12px;
	width:200px;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	padding: 12px 20px 12px 20px;
	border: 2px solid rgba(216,175,97,1);
	border-radius: 30px;
	background-color: rgba(22,16,12,1);
	color: rgba(216,175,97,1);
}
.BtnDocs, .BtnDocs:visited, .BtnDocs:focus, .BtnDocs:active {
	display: block;
	clear: both;
	margin:25px auto 0 auto;
	width:100%;
	max-width:600px;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	padding: 12px 20px 12px 20px;
	border: .5px solid rgba(22,16,12,1);
	border-radius: 30px;
	background-color: rgba(216,175,97,1);
	color:rgba(22,16,12,1);
}
.tileBox {
	float:left;
	width:45%;
	margin-right:5%;
}
.TextTbl2 {
	background-color:#333333;
	color: rgb(216, 175, 97);
}
.textSm2, .textSmL, .textSm3 {
	padding:25px 20px 15px 20px;
	font-size:18px;
}
.textSm2 h2, .textSm3 h2, .textSmL h2 {
	font-family:Arial;
	font-size:30px;
	line-height:35px;
	margin-bottom:15px;
	font-weight:normal;
	color: rgb(216, 175, 97);
}
.news1 {
	margin:0 20px 0 20px;
	padding:25px 0 15px 0;
	font-size:15px;
}
.news1 h3 a, .news1 h3 a:visited {
	font-size:26px;
	line-height:31px;
	color:black;
}
.news1 p a, .news1 p a:visited {
	font-size:15px;
	color:black;
	border-bottom: 1px dotted #FFFFFF;
}
.news1 hr {
	border-top: 2px solid #000000;
}
.newsPost {
	padding-top:25px;
}
#CmtList h3 {
	color: #000000;
}
.prayCmt {
	background-color: #ffffff;
	margin-top:15px;
	padding-top:15px;
	overflow-x: hidden;
	border: 1px solid rgba(6, 83, 114, 0.5);
}
.prayCmt h5 {
	padding: 0 10px 0 10px;
}
.prayCmt p {
	padding: 0 10px 15px 10px;
	margin:0;
}
#twitterfeed {
	margin:0 20px 0 20px;
	padding:25px 0 25px 0;
	font-size:15px;
}
#newsfeed {
	margin:0 20px 0 20px;
	padding:25px 0 25px 0;
	font-size:15px;
}
#newsfeed ul li {
	background:none;
	margin:0 0 15px 0;
	padding: 0 15px 0 0;
}
.headline a, .headline a:visited {
	font-size:19px;
	line-height:31px;
	color:black;
}
.picSm2 img {
	width: 100%;
	max-width: none;
}
.bio h2 {
	font-size:25px;
	line-height:28px;
	margin-bottom:0;
}
.taskBox {
	border:1px #666699;
	color:Black;
	background-color:#DEEEF4;
	height:40px;
	font-size:16pt;
	width:100%;
	padding-left:10px;
}
.taskDark {
	background:none;
	background-color:#f2f4e9;
	width:100%;
	margin: 3px 0 0 0;
	padding:5px 0;
	cursor:pointer;
}
.taskLight {
	background:none;
	background-color:#DEEEF4;
	width:100%;
	margin: 3px 0 0 0;
	padding:5px 0;
	cursor:pointer;
}
.taskC2 {
	width:200px;
	display:table-cell;
	padding-left:10px;
}
.taskC5 {
	width:25px;
	display:table-cell;
	padding-left:10px;
}
.taskC1, .taskC3, .taskC4, .taskC6, .taskC7, .taskC8 {
	display:none;
}
.mediaPic {
	margin:5px 0;
}
.CmtWrap {
	background-color: #ffffff;
	font-size:12px;
}
.sideTD {
	display: none;
}
#CmtList {
	padding-top:15px;
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}
.checkIcon {
	margin: 3px 0 0 5px;
	height:16px;
	float: left;
}
.editIcon {
	margin: -5px 0 0 5px;
	height:22px;
}
.cmtBtnBox {
	padding: 5px 10px 15px 10px;
	display: flex;
	justify-content: space-between;
}
.mediaIcon {
	height: 25px;
}
#ActionLocation {
	display: block;
	padding: 5px 0;
	width:100%;
	text-align-last: center;
	margin-bottom: 30px;
}
.ActOpt {
	font-size: 16px;
}

/* Layout: 300px */
@media only screen and (min-width: 300px) {
	#logo {
		width:235px;
	}
}

/* Layout: 500px */
@media only screen and (min-width: 500px) {
	.CmtWrap {
		font-size:14px;
	}
	.textBox, .textLeft {
		padding:25px 4% 15px 4%;
	}
	#introText {
		padding:50px 4% 0 4%;
		width:92%;
	}
	.foot_wrap{
		margin:25px 4% 0 4%;
	}
	h1 {
		font-size:27px;
		margin-bottom:15px;
		margin-top:15px;
	}
	h2 {
		font-size:20px;
		margin-bottom:15px;
	}
	h3 {
		font-size:18px;
		margin-bottom:15px;
	}
	.video {
		height:325px;
	}
	#introText h2 {
		font-size:24px;
	}
	.textSm2 h2, .textSm3 h2, .textSmL h2 {
		font-size:35px;
		line-height:40px;
	}
	.news1, #twitterfeed, #newsfeed, .textSm3 {
		margin:0 4% 0 4%;
	}
	.taskC1 {
		white-space:nowrap;
		display:table-cell;
		padding-left:10px;
	}
}

/* Layout: 598 */
@media only screen and (min-width: 598px) {
	.mobileBnr {
		display:none;
	}
	.PhotoHeader {
		padding-left:15px;
		margin-top:-37px;
		height:37px;
		color:#FFFFFF;
	}
	#introText {
		padding:45px 4% 0 4%;
		font-size:20px;
	}
	#introText h1 {
		font-size:30px;
		line-height:40px;
		margin-top:25px;
	}
	.tileBox {
		width:22%;
		margin-right:3%;
	}
	.textSmL {
		padding:25px 0 15px 4%;
		float: left;
		width: 58%;
	}
	.picSmR {
		padding:40px 4% 40px 0;
		float: right;
		width: 29%;
		overflow:hidden;
	}
	.bio {
		padding:25px 2% 15px 2%;
		width:46%;
		float:left;
	}
	.taskC3 {
		width:120px;
		display:table-cell;
		padding-left:10px;
	}
	#webcam {
		width:300px;
		height:172px;
		margin-bottom:20px;
	}
}

/* Layout: 818px */
@media only screen and (min-width: 818px) {
	#introText {
		font-size:22px;
	}
	#introText h1 {
		font-size:36px;
		line-height:46px;
		margin-top:25px;
	}
	.textBox h3 {
		font-size:26px;
		line-height:46px;
	}
	.video {
		width:648px;
		height:370px;
	}
	.foot_wrap{
		margin-top:40px;
	}
	.Foot_1 {
		width:400px;
		float:left;
		padding-bottom:40px;
	}
	.Foot_2 {
		padding-top:15px;
		width:190px;
		text-align:right;
		float:right;
	}
	.Foot_3 {
		margin-left: auto;
		margin-right: auto;
		padding-top:10px;
		width:190px;
	}
	.textSm2 {
		padding:25px 4% 15px 0;
		float: right;
		width: 58%;
	}
	.picSm2 {
		float: left;
		width: 35%;
		overflow:hidden;
	}
	.picSm2 img {
		max-width:none;
		width:485px;
		height:315px;
	}

	/* Mouse Hover */
	*:focus {
		outline: 0 !important;
	}
	.BtnDocs:hover, .BtnDocs:active, .BtnDocs:focus,
	.BtnFrm:hover, .BtnFrm:active, .BtnFrm:focus,
	.BtnLarge:hover, .BtnLarge:active, .BtnLarge:focus,
	.BtnVote:hover, .BtnVote:active, .BtnVote:focus {
		background-color:#e3dfc1;
		color:#000000;
	}
	.BtnDonate:hover, .BtnDonate:active, .BtnDonate:focus {
		color:rgba(216,175,97,1);
		font-style: italic;
	}
	#credits:hover, #credits:active, #credits:focus {
		font-style: italic;
		text-decoration:underline;
	}
	.navBtn:hover, .navBtn:active, .navBtn:focus,
	a:hover, a:active, a:focus {
		font-style: italic;
		text-decoration:underline;
	}
	#navTop ul li:hover, #navTop ul li:active, #navTop ul li:focus {
		font-style: italic;
		text-decoration:underline;
		background-color:rgba(141,161,181,1);
	}

	.news1 {
		width:28%;
		float:left;
	}
	#twitterfeed {
		margin:0;
		width:28%;
		float:left;
	}
	#newsfeed {
		width:28%;
		float:right;
	}
	.taskC4 {
		width:150px;
		display:table-cell;
		padding-left:10px;
	}
	.infoText {
		display: block;
		margin-top: 15px;
	}
	.CmtList {
		width: 502px
	}
	#ActionLocation {
		display:none;
	}
}

/* Layout: 1020px */
@media only screen and (min-width: 1020px) {
	.top-bgr {
		top: -88px;
	}
	#NavBar {
		height:122px;
	}
	.noBnrTop {
		top:122px;
	}
	#introText {
		top:122px;
	}
	#Banner {
		position: inherit;
		display: block;
		padding-top:20px;
		width:277px;
		height:61px;
	}
	.TD_Side{
		padding-right:25px;
		width:177px;
	}
	.BtnDonate {
		padding: 20px 20px 20px 20px;
		margin-top:29px;
		width:137px;
	}
	.Btns, .BtnSide {
		float:left;
		font-family: Verdana, Geneva, sans-serif;
		text-align: left;
		cursor: pointer;
		white-space: nowrap;
		font-size: 14px;
		padding-right: 10px;
		padding-left: 8px;
	}
	.Btns:hover, .Btns:active, .Btns:focus,
	.BtnSide:hover, .BtnSide:active, .BtnSide:focus{
		font-style: italic;
	}
	.topMenu {
		display:none;
	}
	.textBox h3 {
		font-size:34px;
		line-height:50px;
	}
	.textLeft {
		clear:none;
		display:block;
		float:left;
		padding-right:0;
		width:44%;
	}
	.textSm2 {
		padding:110px 4% 15px 4%;
		width: 47%;
	}
	.tblCenter{
		margin-left: auto;
		margin-right: auto;
	}
	.picSm2 {
		float: left;
		width: 45%;
		height:467px;
		overflow:hidden;
	}
	.picSm2 img {
		width:750px;
		height:467px;
	}
	.taskC6 {
		width:75px;
		display:table-cell;
		padding-left:10px;
	}
	.advText {
		display: block;
		margin-top: 15px;
	}
}

/* Layout: 1168px */
@media only screen and (min-width: 1168px) {
	.Btns, .BtnSide {
		padding-right: 10px;
		padding-left: 30px;
	}
	.tblCenter2 {
		margin-left: auto;
		margin-right: auto;
		width:1168px;
	}
	.bio {
		padding:25px 2% 15px 2%;
		width:46%;
		float:left;
	}
	.bio h2 {
		font-size:25px;
		line-height:28px;
		margin-bottom:0;
	}
	.taskC7 {
		width:170px;
		display:table-cell;
		padding-left:10px;
	}
}

/* Layout: 1400px */
@media only screen and (min-width: 1400px) {
	.taskC8 {
		display:table-cell;
		padding-right: 10px;
	}
}