body {
	//background-color: #bebebe;
	background-color: #cacaca;
}

/*==================================*/


.menu-zone {
	display:block;
	margin:auto;
}

.menu-buttons img {
	display:inline-block;
	margin:1% 0% 1%;
	width:8em;
}

/*==================================*/

.fb-share-button {
	display:block;
	margin:auto;
	z-index:90;
}

.footer {
	display:block;
	margin:auto;
	padding: 20px;
	font-size:70%;
}


																		/* MOBILE PHONES ==================================== */
																		@media screen and (max-width:500px) {

																			.top-banner-panel {
																				position:fixed;
																				opacity: 1.0;
																				background-color:#00217a;
																				z-index:100;
																				margin:-1.0%;
																				border:2px;
																				width:100%;
																			}

																			.poll {
																				display:none;
																				background-color:#00217a;
																				width:100%;
																			}

																			.search {
																				display:none;
																				background-color:#00217a;
																				width:100%;
																			}

																			.top-center-banner-panel {
																				background-color:#00217a;
																				width:100%;
																			}

																			.top-center-banner-panel img {
																				width:100%;
																			}

																			.updates {
																				background-color:#00217a;
																				width:100%;
																			}
																			
																			.spacer {
																				height:250px;
																			}

																			.drop-cap {
																				font-size:500%;
																				float:left;
																				margin-top: -.25em;
																				margin-bottom: -.25em;
																				margin-left: .5em;
																			}

																		.calendar-peek {
																			display:none;
																		}

																		.tidoh {
																			display:none;
																		}
																		
																		.countdown {
																			display:none;
																		}

																			.article {
																				display:block;
																				margin: auto;
																				width: 95%;
																				background: #ffffff;
																				border: 1px solid;
																				padding:4%;
																				font-family:"Times New Roman";
																				font-size:105%;
																			}

																			.article img, iframe {
																				max-width:90%;
																			}
																			
																			.articleleft img {
																				margin:2% 4% 0% 0%;
																				float:left;
																				border-radius: 18px;
																				max-width:40%;
																			}

																			.articleright img {
																				margin:2% 0% 0% 4%;
																				float:right;
																				border-radius: 18px;
																				max-width:40%;
																			}

																			.articlememe img {
																				display:block;
																				margin:auto;
																				border-radius: 18px;
																				max-width:100%;
																			}

																			.major-title {
																				margin: auto;
																				width: 100%;
																				font-family:"Times New Roman";
																				font-size:135%;
																				font-weight: 900;
																			}

																			.minor-title {
																				margin: auto;
																				width: 100%;
																				font-family:"Times New Roman";
																				font-size:100%;
																				font-style: oblique;
																			}

																		}

/* DESKTOP COMPUTERS ==================================== */
@media screen and (min-width:501px) {

	.top-banner-panel {
		position:fixed;
		opacity: 1.0;
		background-color:#00217a;
		z-index:100;
		margin:-0.5%;
		width:100%;
		height:auto;
	}

	.poll {
		float:left;
		background-color:#00217a;
		width:26%;
		padding: 1% 0% 1.5%;
		height:auto;
	}

	.top-center-banner-panel {
		float:left;
		background-color:#00217a;
		width:42%;
	}

	.top-center-banner-panel img {
		width:100%;
	}

	.updates {
		float:right;
		background-color:#00217a;
		width:26%;
		padding: 1% 0% 1.5%;
		height:auto;
	}
	
	.search {
		display:block;
		margin:auto;
		float:right;
		background-color:#00217a;
		width:26%;
		padding: 1% 0% 1.5%;
		height:auto;
	}
	
	.spacer {
		height:220px;
	}
	
	.drop-cap {
		font-size:500%;
		float:left;
		margin-top: -.25em;
		margin-bottom: -.25em;
		margin-left: .5em;
	}
	
	.article {
		display:block;
		margin: auto;
		width: 48%;
		background: #ffffff;
		border: 1px solid;
		padding:4%;
		box-shadow: 4px 2px #bebebe;
		font-family:"Times New Roman";
		font-size:105%;
	}
	
	.article:hover {
		display:block;
		margin: auto;
		width: 48%;
		background: #ffffff;
		border: 1px solid;
		padding:4%;
		box-shadow: 8px 4px #bebebe;
		font-family:"Times New Roman";
		font-size:105%;
	}
	
	
	.tidoh {
		display:block;
		float:left;
		margin-left:3%;
		width: 15%;
		background: #ffffff;
		border: 1px solid;
		box-shadow: 8px 4px #bebebe;
		font-family:"Times New Roman";
		font-size:95%;
	}	
	
	.countdown {
		display:block;
		float:left;
		margin-left:3%;
		margin-bottom:6%;
		width: 90%;
		background: #ffffff;
		border: 1px solid;
		box-shadow: 8px 4px #bebebe;
		font-family:"Times New Roman";
		font-size:125%;
	}	
	
	.calendar-peek {
		display:block;
		float:right;
		margin-right:3%;
		width: 15%;
		background: #ffffff;
		border: 1px solid;
		box-shadow: 8px 4px #bebebe;
		font-family:"Times New Roman";
		font-size:85%;
	}
		
	.calendar-item {
		display:block;
		margin:auto;
		width: 90%;
		white-space: pre-wrap;
		word-break: break-word;
		word-wrap    : break-word;
		overflow-wrap: break-word;
		background: #ffffff;
		border: 1px solid;
		box-shadow: 4px 4px #bebebe;
		font-family:"Times New Roman";
		font-size:75%;
	}
	

	.major-title {
		margin: auto;
		width: 100%;
		font-family:"Times New Roman";
		font-size:180%;
		font-weight: 900;
	}

	.minor-title {
		margin: auto;
		width: 100%;
		font-family:"Times New Roman";
		font-size:135%;
		font-style: oblique;
	}
	
	.articleleft img {
		margin:2% 2% 2% 2%;
		float:left;
		border-radius: 18px;
		max-width:100%;
	}

	.articleright img {
		margin:2% 2% 2% 2%;
		float:right;
		border-radius: 18px;
		max-width:100%;
	}

	.articlememe img {
		display:block;
		margin:auto;
		border-radius: 18px;
		max-width:100%;
		border-radius: 18px;
		max-width:100%;
	}

	.tile {
		display:block;
		margin: auto;
		width: 48%;
		background: #ffffff;
		border: 1px solid;
		padding:1%;
		box-shadow: 4px 2px #bebebe;
		font-family:"Times New Roman";
		font-size:105%;
	}
	
	.tile:hover {
		display:block;
		margin: auto;
		width: 48%;
		background: #ffffff;
		border: 1px solid;
		padding:1%;
		box-shadow: 8px 4px #bebebe;
		font-family:"Times New Roman";
		font-size:105%;
	}
	
	.major-title-tile {
		margin: auto;
		width: 100%;
		font-family:"Times New Roman";
		font-size:130%;
		font-weight: 900;
	}

	.minor-title-tile {
		margin: auto;
		width: 100%;
		font-family:"Times New Roman";
		font-size:95%;
		font-style: oblique;
	}




}

/*==================================*/

																		@media print {
																		
																			.poll {
																				display:none;
																			}
																			.updates {
																				display:none;
																			}
																			.menu-zone {
																				display:none;
																			}
																			
																			.tidoh {
																				display: none;
																			}
																			
																			.calendar-peek {
																				display: none;
																			}
																			.article {
																				display:block;
																				margin: auto;
																				width: 85%;
																				background: #ffffff;
																				padding:4%;
																				font-family:"Times New Roman";
																				font-size:120%;
																			}
																			.major-title {
																				margin: auto;
																				width: 100%;
																				font-family:"Times New Roman";
																				font-size:180%;
																				font-weight: 900;
																			}

																			.minor-title {
																				font-family:"Times New Roman";
																				font-size:100%;
																				font-style: oblique;
																			}
																			
																			.top-center-banner-panel img {
																				display:block;
																				margin:auto;
																				width:400px;
																			}
																			.top-banner-panel {
																				display:block;
																				margin:auto;
																				opacity: 1.0;
																				background-color:#00217a;
																				width:200px;
																			}
																		
																			
																			.drop-cap {
																				font-size:500%;
																				float:left;
																				margin-top: -.25em;
																				margin-bottom: -.25em;
																				margin-left: .5em;
																			}
																		
																		}