@charset "utf-8";
/* CSS Document */

/* css reset - makes the layout looking good in all browsers */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 1200px;
}
#body-wrapper img {
	height: auto;
	max-width: 100%;
}
h2 {
	color: #184071;
	font-size: 2em;
	margin: 0 0 25px 0;
	text-align: center;
}
h3 {
	color: #000;
	font-size: 1.7em;
	margin: 0 0 10px 0;
}
p {
	font-size: 1.3em;
	line-height: 30px;
	margin: 0 0 30px 0;
}
.clear {
	clear: both;
	margin: 0;
}.center {
	margin: 0 0 80px 0;
	padding:0 15%;
	text-align: center;
}
/* **************************************** HEADER **************************************** */
#topbar {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	min-height: 37px;
	padding: 10px 15px 0 10px;
	text-align: center;
}
#donate a {
	background-color: #001a3f;
	color: white;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	padding: 4px 8px;
	text-decoration: none;
}
#spacer {
	color: black;
	float: right;
	font-size: 1.1em;
	font-weight: bold;
	padding: 4px 8px;
}
#facebook {
	color: #000;
	float: right;
}
#facebook img {
	margin: 0 0 0 10px;
}
@media only screen and (max-width: 550px) { /* Make this responsive */
	#topbar {
		padding: 0;
	}
	#donate {
		display: none;
	}
	#facebook {
		display: none;
	}
}
/* **************************************** NAVIGATION **************************************** */
#tag-bar {
	background-color: #184071;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
}
#tag-bar img {
	height: auto;
	width: 100%;
}
h1 {
	color: white;
	font-size: 2.7em;
}
#tag-bar-inside {
	background-color: #060;
	clear: both;
	color: white;
	font-size: 2em;
	padding: 10px;
	text-align: center;
}
@media only screen and (max-width: 550px) { /* Make this responsive */
	#tag-bar-inside {
		background-color: #184071;
	}
}

@media only screen and (max-width: 1100px) { /* Make this responsive */
	#tag-bar {
		background-color: #184071;
		background-image: none;
		color: white;

	}
	#tag-bar h1 {
		font-size: 2em;
	}
	#message {
		display: none;
	}
}
	@media only screen and (max-width: 650px) { /* Make this responsive */
	#tag-bar h1 {
		font-size: 1.5em;
	}
	h2 {
		font-size: 1.5em;
		margin: 0 auto 20px auto;
		width: 250px;
	}
}
ul.topnav {
}
ul.topnav, ul.bottomnav {
	list-style-type: none;
	margin: -4px 0 0 0;
	overflow: hidden;
	padding: 0;
}
ul.bottomnav {
	text-align: center;
}
ul.topnav li, ul.bottomnav li {
	display: inline-block;
}
ul.topnav ul {
	display: none;
}
ul.topnav li a, ul.bottomnav li a {
	color: #FFF;
	display: inline-block;
	font-size: 1em;
	padding: 8px 14px;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
}
ul.topnav li a:hover, ul.bottomnav li a:hover {
	background-color: #001a3f;
	border-radius: 15px;
}
ul.topnav li.mobile {
	display: none;
}
/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}
 /* When the screen is less than 550 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:550px) {
	ul.topnav li:not(:first-child) {display: none;}
	ul.topnav li.icon {
		float: left;
		display: inline-block;
  	}
	ul.topnav li {
		display: none;
		float: left;
	}
	ul.topnav.responsive {position: relative;}
	ul.topnav.responsive li.icon {
   		position: absolute;
    	right: 0;
    	top: 0;
	}
	ul.topnav.responsive li {
    	float: none;
    	display: inline;
	}
	ul.topnav.responsive li a {
		border-radius: 0;
		display: block;
		text-align: left;
	}
}
/* **************************************** BODY **************************************** */
#body-content {
	background-color: white;
	clear: both;
	margin: 0 0 0 0;
	min-height: 500px;
	padding: 20px 5%;
}
#body-content h1 {
	margin: 0 0 10px 0;
}
.body-message {
	background-color: #001a3f;
	border-radius: 20px;
	color: white;
	font-size: 1.6em;
	margin: 0 auto 30px auto;
	max-width: 80%;
	padding: 10px;
	text-align: center;
}
#body-content img {
	border: 1px solid #000;
	float: right;
	height: auto;
	margin: 20px;
	width: 250px;
}
#body-content li {
	font-size: 1.3em;
	line-height: 30px;
	margin: 0 0 0 30px;
}
#body-content ul {
	margin: 0 0 50px 0;
}
@media only screen and (max-width: 500px) { /* Make this responsive */
	#body-content img {
		float: none;
		margin: 5px 0;
		width: 100%;
	}
}
#sign-mobile {
	display: none;
}
#bottom img {
	height: auto;
	width: 100%;
}
@media only screen and (max-width: 500px) { /* Make this responsive */
	#sign-mobile {
		display: block;
	}
	#sign {
		display: none;
	}
}
iframe {
	width: 100%;
}
/* **************************************** FOOTER **************************************** */
footer {
	background-color: #000;
	padding: 20px 0;
	text-align: center;
	width: 100%;
}
footer p {
	color: #999;
	font-size: 1.1em;
	line-height: 18px;
}
footer a {
	color: white;
	font-size: 1.3em;
	margin: 10px;
	text-decoration: none;
}
footer ul {
	margin: 0 0 50px 0;
}
footer li {
	display: inline-block;
	margin: 0 0 15px 0;
	white-space: nowrap;
}