@charset "utf-8";
/* 
	CSS Document
	MCE
	Coded By: Luis Mirones
	Coded For: http://www.mefr.org/
	Copyright Museum of Eternal Faith & Resillence
*/



/**** Start All Properties CSS ****/
* {
	margin: 0;
}
*:focus {
    outline: 0;
}
/**** End All Properties CSS ****/



/**** Start Global CSS ****/
html, body {
	color: #fafafa;
	font-family: "Century Gothic", "Verdana", "Tahoma", "Arial", "Times New Roman";
	font-size: 11pt;
	line-height: 30px;
	height: 100%;
	background: #003341;
}

/* Styles for Screens 768px and Lower */
@media screen and (max-device-width: 768px){
  body{
    -webkit-text-size-adjust: none;
  }
}

/* Links */
a {
	color: #49a7d9;
	text-decoration: underline;
}
a:hover {
	color: #35789b;
	/* Transition Effect */
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

/* UL and OL */
ul {
	padding-top: 5px;
	padding-bottom: 5px;
}
ul li {
	line-height: 27px;
	list-style-position: outside;
}
ol {
	padding-top: 5px;
	padding-bottom: 5px;
}
ol li {
	list-style-position: outside;
}

/* Clearer */
.clearer {
	clear: both;
}

/* Center */
.center {
	text-align: center;
	margin: auto;
	padding-bottom: 10px;
}

/* Centered Container */
.container {
	width: 1100px;
	max-width: 98%;
	margin: auto;
}
.container p {
	/* Top, Right, Bottom, Left */
	padding: 0px 10px 10px 0px;
}
/**** End Global CSS ****/



/**** Start Header and Nav ****/
/* Header */
header {
	max-width: 100%;
	min-height: 200px;
	margin: 0;
	background-color: #ffffff;
	border-bottom: 1px solid #4c4c4c;
}

/* Header Containers */
.header-containers {
	width: 1100px;
	max-width: 98%;
	color: #2a2a2a;
	text-align: center;
	padding-top: 0px;
	margin: auto;
}

.header-containers p {
	font-size: 140%;
}

/* Logo */
.logo {
    margin: auto;
	/* Top, Right, Bottom, Left */
	padding: 0px 0px 0px 0px;
}
/**** End Header and Nav ****/



/**** Start Body CSS ****/
/* Body Container */
.body-container {
	width: 1100px;
	max-width: 95%;
	margin: auto;
	/* Top, Right, Bottom, Left */
	padding: 20px 0px 20px 0px;
}
.body-container p {
	font-size: 100%;
	line-height: 30px;
	/* Top, Right, Bottom, Left */
	padding: 10px 10px 10px 10px;
}
/**** End Body CSS ****/



/**** Start Footer ****/
/* Footer */
footer {
	width: 100%;
	color: #e0e0e0;
	min-height: 50px;
	font-size: 90%;
	background: #2a2a2a;
}

/* Footer Links */
footer a {
	color: #fafafa;
	text-transform: uppercase;
	text-decoration: none;
}
footer a:hover {
	color: #fafafa;
}

/* Footer Container */
.footer-container {
	width: 1100px;
	max-width: 98%;
	margin: auto;
}
.footer-container p {
	word-spacing: 5px;
	/* Top, Right, Bottom, Left */
	padding: 10px 10px 10px 0px;
}
/**** End Footer ****/



/**** Start General CSS ****/
/* Images */
img {
	height: auto;
	max-width: 100%;
	border: none;
}
.image {
	display: block;
	height: auto;
	max-width: 100%;
	margin: auto;
	/* Borders */
	border: 1px solid #ffffff;
	/* Box Shadow */
	box-shadow: 0 0 2px 2px #9a9a9a;
}

/* Divider */
hr {
	border: 0;
	width: 100%;
	height: 2px;
	background: url(images/line.png);
	/* Top, Right, Bottom, Left */
	margin: 20px auto 20px auto;
}

/* Divider */
.hr2 {
	border: 0;
	width: 60%;
	height: 2px;
	background: url(images/line.png);
	/* Top, Right, Bottom, Left */
	margin: 30px auto 30px auto;
}

/* Title */
.title {
	font-size: 200%;
	text-align: center;
	font-weight: bold;
    font-style: italic;
	/* Top, Right, Bottom, Left */
	padding: 25px 0px 20px 0px;
}
.title a, .title a:hover {
	color: #fafafa;
	cursor: default;
	text-decoration: none;
}

/* Sub Text */
.sub-text {
	font-size: 130%;
	text-align: center;
	font-weight: bold;
    font-style: italic;
	/* Top, Right, Bottom, Left */
	padding: 10px 10px 10px 10px;
}

/* Two Columns - Non-Divs */
.col-left2 {
	float: left;
	width: 48%;
    margin-right: 2%;
	padding-top: 10px;
}
.col-left2 div {
	margin-bottom: 15px;
}
.col-right2 {
	float: right;
	width: 50%;
	padding-top: 10px;
}
.col-right2 div {
	margin-bottom: 15px;
}
/* Styles for Screens 768px and Lower */
@media only screen and (max-width : 768px) {
	.col-left2 {
		float: none;
		width: 100%;
		margin-right: 0px;
		padding-bottom: 20px;
	}
	.col-right2 {
		float: none;
		width: 100%;
		padding-bottom: 20px;
	}
}
/**** End General CSS ****/