@charset "utf-8";
/*
Theme Name: MOFWUS
Theme URI: http://www.mofwus.org/
Description: MOFWUS for WordPress
Version: 3.0
Author: Luis Mirones
Author URI: https://www.viener4gates.com/
Tags:
*/ 

/* 
	CSS Document
	MOFWUS
	Coded By: Luis Mirones
	Coded For: http://www.mofwus.org/
	Copyright MOFWUS
*/



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



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

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

@font-face {
  font-family: "Montserrat";
  src: url("resources/montserrat-r.eot"); /* IE 5-8 */ 
  src: local("☺"), /* trick IE */
        url("resources/montserrat-r.woff") format("woff"),    /* FF 3.6, Chrome 5, IE9 */
        url("resources/montserrat-r.ttf") format("truetype"), /* Opera, Safari */
        url("resources/montserrat-r.svg#font") format("svg"); /* iOS */
}

/* Links */
a {
	color: #30251f;
	text-decoration: underline;
}
a:hover {
	color: #948579;
	text-decoration: underline;
	/* Transition Effect */
	transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}

/* UL and OL */
ul, ol {
	padding-bottom: 10px;
}
ul li, ol li {
	list-style-position: inherit;
    line-height: 30px;
}

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

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

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



/**** Start Header, Logo, Social and Nav ****/
/* Header Containers */
.header-containers {
	width: 1100px;
	max-width: 95%;
	margin: auto;
}

/* Header */
header {
	max-width: 100%;
	min-height: 140px;
	margin: 0;
	background-color: rgba(250, 250, 250, .85);
}

/* Top Header */
#top-header {
	width: 100%;
	min-height: 30px;
	text-align: right;
	background: rgba(240, 240, 240, .85);
}

/* Bullets */
.check {
	display: inline-block;
	list-style: none;
	margin: 0;
	/* Top, Right, Bottom, Left */
	padding: 10px 0px 10px 30px;
}
.check li {
	line-height: 30px;
	padding-left: 20px;
	background: url(images/check.png) no-repeat 0px;
}

/* Logo */
#logo {
	float: left;
	max-width: 185px;
	min-height: 110px;
	padding-top: 5px;
}

/* Nav */
nav {
	float: right;
	max-width: 915px;
	min-height: 110px;
	text-align: center;
}
/**** End Header, Logo, Social 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 {
	line-height: 30px;
	/* Top, Right, Bottom, Left */
	padding: 10px 10px 10px 10px;
}
/**** End Body CSS ****/



/**** Start Footer ****/
/* Footer */
footer {
	color: #fafafa;
	font-size: 95%;
	min-height: 150px;
	background: #403129;
	/* Box Shadow */
	box-shadow: 0px -3px 3px #4e4e4e;
}

/* Footer Links */
footer a {
	color: #9e9e9e;
	text-decoration: none;
}
footer a:hover {
	color: #fafafa;
	text-decoration: underline;
}
.footer-link-active {
	color: #fafafa;
	text-decoration: underline;
}

/* Footer Container */
#footer-container {
	width: 1100px;
	max-width: 95%;
	padding-top: 20px;
	margin: auto;
}
#footer-container p {
	/* Top, Right, Bottom, Left */
	padding: 0px 10px 10px 0px;
}

/* Footer - Two Columns */
#footer-col-left2 {
	float: left;
	width: 7%;
	padding-top: 20px;
}
#footer-col-right2 {
	float: right;
	width: 93%;
	word-spacing: 6px;
}
/* Styles for Screens 768px and Lower */
@media only screen and (max-width : 768px) {
	#footer-col-left2 {
		float: none;
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	#footer-col-right2 {
		float: none;
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
}
/**** End Footer ****/



/**** Start General CSS ****/
/* Images */
img {
	border: none;
	max-width: 100%;
	width: auto\9; /* ie8 */
	height: auto;
}
.image {
	display: block;
	border: none;
	border-radius: 5px;
	box-shadow: 0 0 2px 2px #707070;
	/* Top, Right, Bottom, Left */
	margin: 20px auto 10px auto;
	max-width: 100%;
	width: auto\9; /* ie8 */
	height: auto;
}
.image2 {
	display: block;
	border: none;
	border-radius: 5px;
	/* Top, Right, Bottom, Left */
	margin: 10px auto 10px auto;
	max-width: 100%;
	width: auto\9; /* ie8 */
	height: auto;
}

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

/* Titles */
.titles {
	position: relative;
	font-size: 180%;
	text-align: center;
	padding-bottom: 20px;
}
.titles:before {
	content: "";
	position: absolute;
	width: 10%;
	height: 1px;
	left: 45%;
	top: 40px;
	bottom: 0px;
	border-bottom: 2px solid #403129;
}

/* Page Header Text */
.page-header-text-container {
	width: 1100px;
	max-width: 95%;
	margin: auto;
	padding-top: 20px;
}
.page-header-text {
	font-size: 250%;
	font-weight: bold;
	text-shadow: 2px 2px 2px #0c0c0c;
	line-height: 50px;
    /* Top, Right, Bottom, Left */
	padding: 20px 0px 10px 0px;
}
.page-header-text2 {
	font-size: 180%;
	font-weight: bold;
    font-style: italic;
	text-shadow: 2px 2px 2px #0c0c0c;
	line-height: 40px;
	padding-bottom: 10px;
}
/* Styles for Screens 768px and Lower */
@media only screen and (max-width : 768px) {
	.page-header-text {
		font-size: 150%;
		line-height: 35px;
	}
	.page-header-text2 {
		font-size: 120%;
		line-height: 35px;
	}
}

/* iFrame YouTube Videos */
.video-iframe {
	width: 95%;
	height: 450px;
	border: none;
	overflow: hidden;
}
/* Styles for Screens 768px and Lower */
@media only screen and (max-width : 768px) {
	.video-iframe {
		/* Mobile Friendly Width */
		width: 1px;
		min-width: 100%;
	}
}

/* Two Columns */
.cols2 {
    width: 100%;
    overflow: hidden;
}
.cols2 div {
	float: left;
    width: 49%;
	/* Top, Right, Bottom, Left */
	margin: 0px 0.5% 0px 0.5%;
}
/* Styles for Screens 768px and Lower */
@media only screen and (max-width : 768px) {
	.cols2 div {
		float: none;
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
}

/* Two Columns */
.col-left2 {
	float: left;
	width: 35%;
	margin-right: 0.5%;
}
.col-right2 {
	float: right;
	width: 64.50%;
}
/* Styles for Screens 768px and Lower */
@media only screen and (max-width : 768px) {
	.col-left2 {
		float: none;
		width: 100%;
		text-align: center;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.col-right2 {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
}

/* Three Columns */
.col-left3 {
	float: left;
	width: 33.33%;
	margin-bottom: 20px;
}
.col-right3 {
	float: right;
	width: 33.33%;
	margin-bottom: 20px;
}
.col-middle3 { 
	float: left;
	width: 33.33%;
	margin-bottom: 20px;
}
/* Styles for Screens 768px and Lower */
@media only screen and (max-width : 768px) {
	.col-left3 {
		float: none;
		width: 100%;
		text-align: center;
	}
	.col-right3 {
		float: none;
		width: 100%;
		text-align: center;
	}
	.col-middle3 { 
		float: none;
		width: 100%;
		text-align: center;
	}
}

/* Four Columns */
.cols4 {
    width: 100%;
	text-align: center;
    overflow: hidden;
}
.cols4 div {
	float: left;
    width: 23%;
	/* Top, Right, Bottom, Left */
	margin: 0 0.5% 0 0.5%;
}
.cols4 div p {
	text-align: center;
	padding: 0;
	margin: 0;
}
.cols4 div a {
	color: #30251f;
}
.cols4 div a:hover {
	color: #30251f;
	text-decoration: underline;
}
/* Styles for Screens 768px and Lower */
@media only screen and (max-width : 768px) {
	.cols4 div {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
}

/* Two Columns - Contact Us Page */
.contact-left {
	float: left;
	width: 40%;
}
.contact-right {
	float: left;
	width: 60%;
}
/* Styles for Screens 900px and Lower */
@media only screen and (max-width : 900px) {
	.contact-left {
		float: none;
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	.contact-right {
		float: none;
		width: 100%;
		text-align: center;
	}
}

/* iFrame Map - Contact Us Page */
.map {
	width: 95%;
	height: 280px;
	border: none;
	box-shadow: 0 0 2px 2px #707070;
    border-radius: 5px;
	overflow: hidden;
}
/* Styles for Screens 768px and Lower */
@media only screen and (max-width : 768px) {
	.map {
		width: 80%;
		height: 300px;
	}
}

/* Back to Top Button */
#top {
	display: none;
	position: fixed;
	width: 37px;
	height: 37px;
	bottom: 160px;
	right: 40px;
	cursor: pointer;
	z-index: 200;
	background: url(images/top.png);
}
#top:hover {
	background-position: bottom;
	/* Transition Effect */
	transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
}
/* Styles for Screens 768px and Lower */
@media only screen and (max-width : 768px) {
	#top {
		width: 0px;
		height: 0px;
	}
}
/**** End General CSS ****/



/**** Start CSS for Pages with Main Images ****/
/* Home Page - Main Image */
.home-page-img {
	position: relative;
	width: 100%;
	min-height: 50%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/home-page-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 50% 0%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.home-page-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 0%;
	}
}

/* About Us - Main Image */
.about-us-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/about-us-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 70%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.about-us-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* Recruiting Video - Main Image */
.recruiting-video-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/recruiting-video-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 80%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.recruiting-video-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* Commander's Message - Main Image */
.commanders-message-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/commanders-message-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 80%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.commanders-message-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* Announcements - Main Image */
.announcements-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/announcements-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 70%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.announcements-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* Coming Events - Main Image */
.coming-events-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/coming-events-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 70%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.coming-events-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* News - Main Image */
.news-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/news-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 110%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.news-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* Newsletter - Main Image */
.newsletter-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/newsletter-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 0%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.newsletter-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* MOFW Constitution - Main Image */
.mofw-constitution-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/mofw-constitution-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 30%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.mofw-constitution-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* Functions Manual - Main Image */
.functions-manual-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/functions-manual-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 30%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.functions-manual-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* National Officers - Main Image */
.national-officers-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/national-officers-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 35%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.national-officers-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* ROTC Awards - Main Image */
.rotc-awards-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/rotc-awards-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 35%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.rotc-awards-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* State & Internet Links - Main Image */
.state-internet-links-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/state-internet-links-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 40%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.state-internet-links-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* State Commander - Main Image */
.state-commander-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/state-commander-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 80%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.state-commander-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* Join Us - Main Image */
.join-us-img {
	position: relative;	
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/join-us-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 60%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.join-us-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 50%;
	}
}

/* Contact Us - Main Image */
.contact-us-img {
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/contact-us-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 20%;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.contact-us-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 0%;
	}
}

/* Privacy Statement - Main Image */
.privacy-statement-img {
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/privacy-statement-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 20%;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.privacy-statement-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 0%;
	}
}

/* Quartermaster Store - Main Image */
.quartermaster-store-img {
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/quartermaster-store-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 50%;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.quartermaster-store-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 0%;
	}
}

/* Pass National Commanders - Main Image */
.pass-national-commanders-img {
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/pass-national-commanders-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 60%;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.pass-national-commanders-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 0%;
	}
}

/* Warning Image */
.warning-img {
	position: relative;
	width: 100%;
	min-height: 35%;
	color: #fafafa;
	padding-bottom: 10px;
	background: url(images/warning-img.jpg) fixed no-repeat #222222;
	background-size: cover;
	background-position: 100% 80%;
	/* Box Shadow */
	box-shadow: 0px 3px 3px #4e4e4e;
}
/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1055px) {
	.warning-img {
		position: relative;
		min-height: 40%;
		background-size: cover;
		background-attachment: scroll;
		background-position: 50% 0%;
	}
}
/**** End CSS for Pages with Main Images ****/



/**** Start Input Styling ****/
input {
	font-family: "Montserrat", "Century Gothic", "Verdana", "Tahoma", "Arial", "Times New Roman";
	font-size: 100%;
	color: #30251f;
	width: 90%;
	height: 25px;
	border: 1px solid #c0c0c0;
	text-indent: 5px;
	line-height: 1;
	/* Top, Right, Bottom, Left */
	padding: 5px 5px 5px 5px;
}
textarea {
	font-family: "Montserrat", "Century Gothic", "Verdana", "Tahoma", "Arial", "Times New Roman";
	font-size: 100%;
	color: #30251f;
	width: 90%;
	height: 190px;
	border: 1px solid #c0c0c0;
	line-height: 1;
	overflow: auto;
	/* Top, Right, Bottom, Left */
	padding: 10px 5px 10px 10px;
}
input:focus, textarea:focus {
	border-color: #403129;
	box-shadow: 0 0 5px #403129;
}
select {
	font-family: "Montserrat", "Century Gothic", "Verdana", "Tahoma", "Arial", "Times New Roman";
	font-size: 100%;
	color: #30251f;
	width: 90%;
	height: 40px;
	border: 1px solid #c0c0c0;
	text-indent: 5px;
	line-height: 1;
	/* Top, Right, Bottom, Left */
	padding: 5px 5px 5px 5px;
}
input#submit {
	display: block;
	width: 50%;
	height: 45px;
	color: #fafafa;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #c0c0c0;
	background: #403129;
	margin: auto;
	/* Transition Effect */
	transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}
input#submit:hover {
	color: #403129;
	border: 1px solid #403129;
	background: #fafafa;
}
/* Styles for Screens 768px and Lower */
@media only screen and (max-width : 768px) {
	input {
		width: 80%;
	}
	textarea {
		width: 80%;
		height: 150px;
	}
	select {
		width: 80%;
	}
	input#submit {
		width: 60%;
	}
}
/**** End Input Styling ****/



/**** Start Nav Rules ****/
/* Second Nav */
#second-nav {
	display: none;
}

/* Nav Settings */
nav ul {
	padding: 0;
	margin: 0 auto;
}
nav li {
	float: left;
	display: inline;
}
nav a {
	display: inline-block;
	width: 125px;
	color: #30251f;
	text-decoration: none;
	line-height: 110px;
}
nav a:hover {
	color: #948579;
	text-decoration: none;
}
nav a#pull {
	display: none;
}

/* Drop Downs */
nav ul ul {
	position: absolute;
	display: none;
	top: 140px;
	padding: 0;
	z-index: 100;
}
nav ul li:hover > ul {
	display: block;
	width: 220px;
}
nav ul ul li a {
	color: #fafafa;
	width: 220px;
	line-height: 50px;
	background: #403129;
	/* Borders */
	border-right: 1px solid #948579;
	border-left: 1px solid #948579;
	border-bottom: 1px solid #948579;
}	
nav ul ul li:first-child a {
	/* Borders */
	border-top: 1px solid #948579;
	border-left: 1px solid #948579;
}
nav ul ul li a:hover {
	color: #fafafa;
	background: #6c4b38;
}

/* Nav and Sub Actives */
.nav-active {
	color: #948579;
	text-decoration: none;
}
.nav-active2 {
	text-decoration: none;
	background: #6c4b38;
}
.sub {
	text-indent: 30px;
}
.sub-active {
	background: #6c4b38;
}
.sub-active2 {
	text-indent: 30px;
	background: #6c4b38;
}

/* Second Nav - Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Styles for Screens 1055px and Lower */
@media only screen and (max-width : 1080px) {
	/* Logo */
	#logo {
		float: none;
		text-align: center;
		max-width: 100%;
		min-height: 0;
	}
	
	/* Hide Main Nav */
	nav {
		display: none;
	}
	
	/* Hide Sub Menus */
	.info-subm {
		display: none;
	}
	.updates-subm {
		display: none;
	}
	.organization-subm {
		display: none;
	}
	.links-subm {
		display: none;
	}
	
	/* Show Second Nav */
	#second-nav {		
		display: block;
		float: none;
		width: 100%;
		font-size: 95%;
		font-weight: bold;
		text-align: center;
		margin: auto;
		/* Top, Right, Bottom, Left */
		padding: 10px 0px 5px 0px;
	}
	#second-nav ul {
		display: none;
		list-style: none;
		padding: 0;
	}
	#second-nav li {
		width: 95%;
		height: 40px;
		text-align: left;
		text-indent: 10px;
		background: #30251f;
		margin: auto;
		/* Borders */
		border-top: 1px solid #948579;
		border-bottom: none;
		border-right: 1px solid #948579;
		border-left: 1px solid #948579;
	}
	#second-nav li:first-child {
		border-top: none;		        
	}
	#second-nav li:last-child {
		border-bottom: 1px solid #948579;   
	}
	#second-nav li a {
		display: block;
		width: 100%;
		color: #fafafa;
		line-height: 40px;
		margin: 0; 
	}	
	#second-nav li a:hover {
		text-decoration: none;
		background: #6c4b38;
	}
	
	/* Menu Button */
	#second-nav a#pull {
		position: relative;
		display: block;
		width: 95%;
		height: 40px;
		color: #fafafa;
		line-height: 40px;
		text-align: center;
		background: #30251f;
		margin: auto;
		/* Borders */
		border: 1px solid #948579;
		border-radius: 0;
	}
	#second-nav a#pull:hover {
		background: #6c4b38;
		text-decoration: none;
	}
	#second-nav a#pull:after {
		content: "";
		position: absolute;
		display: inline-block;
		width: 30px;
		height: 20px;
		right: 15px;
		top: 10px;
		background: url("images/nav-icon.png") no-repeat;
	}
}
/**** End Nav Rules ****/