/* ============================== */
/* ==== Custom CSS Styling Code ==== */
/* ============================== */

body {
	background-image: url(../images/bg-grey.gif);
	padding-bottom: 5em;
}

#MastHead {
	background-color: rgba(33,104,168,1); /*  2,127,255   Silver Bue */
}

#HorizontalMenu {
	background-color: rgba(69,114,150,1);  /* 44,98,224,1  ||  69,114,150,1 */
	border-bottom: .25em solid rgba(0,0,0,1);
}

#HeadlineScroller {
	background-color: rgba(200,200,200,1);
	/*border-top: .25em solid rgba(0,0,0,1);*/
	border-bottom: .25em solid rgba(0,0,0,1);
}

#PageTitle {
	background-color: rgba(255,255,255,1);
	padding: .5em 0em;
}

#MainContent {
	background-color: rgba(255,255,255,1);
}

#Footer {
	background-color: rgba(33,104,168,1); /*  2,127,255 Silver Blue */
	border-top: .25em solid rgba(0,0,0,1);
	border-bottom: 3px solid rgba(0,0,0,1);
	/*color: rgba(255,255,255,1);*/
}

/* ========== */

.align-center {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.align-left {
	margin: 0 auto 0 0;
	padding: 0;
	text-align: left;
}

.align-right {
	margin: 0 0 0 auto;
	padding: 0;
	text-align: right;
}

/* ========== */

.alternative-cls:nth-child(odd){background-color: rgba(226,226,226,.25);}
.alternative-cls:nth-child(even){background-color: rgba(226,226,226,.5);}
.alternative-cls:hover{background-color: rgba(69,114,150,.25);}

/* ========== */

@media only screen and (min-width: 300px) and (max-width: 800px) {
	body {
		font-size: .80em;
	}

#CurrentDate h3 {
	font-size: 1.25em !important;
	text-align: center !important;
}


/* === Board of Trustees and Staff === */
	#BrdLst2 {
		margin-top: -4em !important;
	}

	#StfLst2 {
		margin-top: -4em !important;
	}

/* === West Nile Virus Levels ===  */
	#p7HMY_9 {
		max-width: 95% !important;
	}

/* === Home Page ===   */
#WeCannot {
	margin-top: -2em;
}

#p7HMY_5 .left-side {
	max-width: 60% !important;
}

#p7HMY_5 .right-side {
	max-width: 40% !important;
}

	
}

@media only screen and (min-width: 0px) and (max-width: 300px) {
		body {
		font-size: .50em;
		color: rgba(153,0,0,1);
	}
}












