body
{
	background:black;
	color:white;
	font-size:12pt;
}

#notificationBar
{
	color:white;
	height:30px;
	line-height:30px;
	background-color:black;
	float:left;
	width:100%;
}

.circleButton
{
	text-align:center; 
	color:white; 
	display:inline-block; 
	text-decoration:none; 
	padding:20px 20px;
	background-color: #0047ab; 
	border-radius:50px;
}

.circleButton:hover
{
	background:gray;
}

.blackText
{
	color:black;
}

.whiteText
{
	color:white;
}

.blueText
{
	color:#2B859F;
}

#notificationBar a
{
	color:white;
	text-decoration:none;
}

#notificationBar a:hover
{
	color:green;
}

#notificationBar a:visited
{
	color:white;
}

#notificationBar a:active
{
	color:white;
}

.topHeader
{
	width:100%;
	float:left;
}
.navigation
{
	width:100%;
	float:left;
}

.navigation ul
{
	margin-left:auto;
	margin-right:auto;
	max-width:1050px;
}

.navigation li
{
	float:left;
	text-decoration:none;
	list-style:none;
	padding-left:2%;
	padding-right:2%;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:5px;
	margin-right:5px;
	position:relative;
	color:white;
}

.navigation a
{
	text-decoration: none;
}

.navigation li:hover
{
	color:green;
}

.navigation li:visited
{
	color:white;
}

.navigation li:active
{
	color:white;
}



.bar
{
	float:left;
	margin-top:10px;
	width:100%;
	text-align:center;
	color:white;
}

.bar a
{
	color:white;
}

.imgLargeToLarge
{
	width:auto;
	max-width:800px;
}

.imgSmallToLarge
{
	width:400px;
}

.left_bar
{
	width:20%;
	float:left;
	margin-right:2%;
	text-decoration:none;
	list-style:none;
}

.left_bar h3
{
	margin-left:5px;
}

.left_bar li
{
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	margin-top:2px;
}
.right_bar
{
	width:69%;
	float:left;
}

.left_bar img
{
	width:50%;
}

.aboutusimg {
	float:center;
	max-width:100%;
	max-height:300px;
}

.aboutusmap {
	width: 600px;
	height:450px;
}

.footer
{
	width:100%;
	float:left;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	color:white;
}

.footer a
{
	color:white;
}

.footer a:hover
{
	color:green;
}

.footer a:visited
{
	color:white;
}

.footer a:active
{
	color:white;
}

.bar_text
{
	width:50%;
	margin-left:25%;
}

.webOnly
{
	display:block;
}

.mobileOnly
{
	display:none;
}

@media screen and (max-width: 1230px)
{
	.aboutusimg {
		max-height: 250px;
	}
}

@media screen and (max-width: 1050px)
{
	.aboutusimg {
		max-height: 250px;
	}

	#notificationBar
	{
		height:70px;
	}
	.navigation
	{
		width:100%;
	}

	.navigation a
	{
		margin-left:0;
		margin-right:0;
		width:100%;
	}

	.navigation ul
	{
		margin-left:auto;
		margin-right:auto;
		padding:0;
		margin:0;
		max-width:1050px;
	}

	.navigation li
	{
		width:100%;
		display:block-inline;
		text-align:center;
		padding-left:0;
		padding-right:0;
		padding-top:15px;
		padding-bottom:15px;
		margin-left:0;
		margin-right:0;
	}

	.bar
	{
		width:100%;
	}
	.imgSmallToLarge
	{
		width:100%;
	}

	.imgLargeToLarge
	{
		width:100%;
	}
	.left_bar
	{
		width:100%;
	}

	.right_bar
	{
		width:100%;
	}
	.left_bar img
	{
		width:100%;
	}

	#searchBox
	{
		width:100%;
	}

	.bar_text
	{
		width:100%;
		margin-left:0;
	}

	.mobileOnly
	{
		display:block;
	}

	.webOnly
	{
		display:none;
	}
}

@media screen and (max-width: 630px)
{
	.aboutusimg {
		max-height: 200px;
	}
	.aboutusmap {
		width: 500px;
	}
}

@media screen and (max-width: 530px)
{
	.aboutusimg {
		max-height: 200px;
	}
	.aboutusmap {
		width: 400px;
	}
}

@media screen and (max-width: 440px)
{
	.aboutusimg {
		max-height: 150px;
	}
	.aboutusmap {
		width: 300px;
	}
}