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

/*
  
 * Filename		 		style.css
 * Website				
 * Author				InMotion Hosting - http://inmotionhosting.com 

 */

html, body {
	margin:0;
	padding:0;
}
body {
	background-color:#eeecdf;
	font-family: 'Lato', sans-serif;
}

h1 {
	font-size:30px; 
	font-weight:400; 
	color:#363272; 
	text-transform:uppercase;
}
h2 {	
	font-size:30px; 
	font-weight:400; 
	color:#900; 
	text-transform:uppercase;
}
h3 {
	
}
h4 {

}
h5 {
}
h6 {
	font-size:18px; 
	font-weight:600;
	color:#000;
	padding-bottom:10px;
}
p {
	font-size:18px; 
	line-height:22px;
	font-weight:400;
	padding-bottom:20px;
	color:#3f3f3f;
}
a:link, a:visited {
	color:#4395d1;
	text-decoration:none;
	outline:none;
}
a:hover, a:focus {
	color:#4395d1;
	text-decoration:underline;
	outline:none;
}


/* want rounded corners?  Add this class to your containers for instant gratification -- adjust the curve as needed */
.rounded-corners {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
/* insert this class where you need to clear inline items */
.clear {
	clear:both;
}
/* float images left or right - adjust margins as needed */
.left-img {
	float:left;
	margin:0 10px 0 0;
}
.right-img {
	float:right;
	margin:0 0 0 10px;
}

/*** LAYOUT STYLES ***/
#container {
	margin:50px auto;
	width:958px;
	background-color:#fff;
	border:1px solid #000;
}
#nav, #header, #leaderboard, #footer {
	margin:0 auto;
	width:940px;
}

/* NAVIGATION */

#nav {
	margin-top:10px;
	height:150px;
}
#nav ul {
	height:150px;
	margin:0;
    padding:0;
}
#nav li {
	float:left;
	line-height:125px;
	height:135px;
}
#nav li a, #header #nav li a:visited {
	display:block;
	text-align:center;
	font-size:30px;
	font-weight:400;
	color:#fff;
	height:135px;
	width:187px;
}
#nav li a:hover, #header #nav li a:focus {
	text-decoration:none;
}

#nav a.home {
	background-color:#2a6a07;
}
#nav a.about-us {
	background-color:#377c0a;
}
#nav a.events {
	background-color:#4b9106;
}
#nav a.join-us {
	background-color:#5da70a;
}
#nav a.contact {
	width:188px !important;
	background-color:#7fb838;
}
#nav a.home, a.about-us, a.events, a.join-us {
	border-right:1px solid white;
}
#nav a.home:hover {
	padding-bottom:10px;
}
#nav a.about-us:hover {
	padding-bottom:10px;
}
#nav a.events:hover {
	padding-bottom:10px;
}
#nav a.join-us:hover {
	padding-bottom:10px;
}
#nav a.contact:hover {
	padding-bottom:10px;
}

/* HEADER */
#header {
	height:130px;
}
#header .logo {
	float:left;
	height:72px;
	width:788px;
	margin:29px 0 0 76px;
}

/* LEADERBOARD */
#leaderboard {
	height:282px;
	width:940px;
	background-image:url(../_img/leaderboard.jpg);
}
#leaderboard .left {
	padding:105px 0 0 20px;
	width:375px;
}
#leaderboard .left h4 {
	font-size:32px;
	font-weight:700;
	color:#fff;
}
#leaderboard .left p {
	margin-top:15px;
	font-size:18px;
	font-weight:600;
	color:#fff;
}
#leaderboard .left .learn-more {
	float:right;
	margin-top:15px;
}

/* CONTENT */
#content {
	width:940px;
	padding:20px 10px;
}
#content h1 {
	margin-bottom:10px;
}
.divider {
	border-bottom:1px solid black;
	-moz-box-shadow: 0 0 5px #000; 
	-webkit-box-shadow: 0 0 5px #000; 
	box-shadow: 0 0 5px #000;
	margin-bottom:20px;
}
#content p.last {
	padding-bottom:0 !important;
}

#content-left {
	float:left;
	width:620px;
}
#content-left p span {
	font-weight:600;
}

#content-right {
	float:right;
	width:300px;
}
#content-right #events {
	width:270px;
	padding:25px 15px 30px 15px;
	background-color:#796ec8;
}
#content-right #events h6 {
	color:#fff !important;
}
#content-right #events p {
	font-size:16px;
	line-height:18px;
	font-weight:400;
	color:#fff;
}
#content-right #events p.more-events {
	text-align:right;
	padding-bottom:0 !important;
}
#content-right #events .divider {
	border-bottom:1px solid black;
	-moz-box-shadow: 0 0 5px #000; 
	-webkit-box-shadow: 0 0 5px #000; 
	box-shadow: 0 0 5px #000;
	margin-bottom:7px;
}
#content-right #events a {
	font-size:18px;
	text-transform:uppercase;
	font-weight:600;
	padding-top:2px;
	color:#fff;
	padding-bottom:2px;
}
#content-right #events a:hover {
	border-top:1px solid black;
	text-decoration:none;
	border-bottom:1px solid black;
}

/* JOIN US/MAKE A DONATION */
#buttons {
	margin:20px auto 0;
	width:640px;
	clear:both;
}
#buttons p {
	font-size:12px;
	text-align:center;
	padding-bottom:5px !important;
}
#buttons .btn1 {
	float:left;
	width:160px;
}
#buttons .btn2 {
	float:left;
	width:160px;
}
#buttons .btn3 {
	float:left;
	width:160px;
}
#buttons .btn4 {
	float:left;
	width:160px;
}
	 

/* FOOTER */
#footer {
	height:85px;
	background:url(../_img/footer.jpg) no-repeat top center;
}

#footer-left {
    float:left;
    padding-top:36px;
	color:#fff;
}
#footer-left p {
	font-size:12px;
	line-height:14px !important;
	color:#3f3f3f;
}
#footer-left a, #footer-left a:visited {
	color:#3f3f3f;
}
#footer-left a:hover, #footer-left a:focus {
}

#footer-right {
	float:right;
	padding-top:38px;
}
#footer-right p {
	text-align:right;
	color:#3f3f3f;
}
#footer-right a, #footer-right a:visited {
	font-size:22px;
	font-weight:400;
	color:#3f3f3f;
	padding-left:30px;
	background:url(../_img/e-mail.jpg) no-repeat left center;
}
#footer-right a:hover, #footer-right a:focus {
}

/* Errors */
#404wrap {
	margin:20px auto;
	width:800px;
	height:400px;
	background:#f2f2f2;
	border:1px solid #e3e3e3;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#404wrap h1 {
	font-size:18px;
	margin:20px;
	text-align:center;
}
#404wrap p {
	margin:20px;
	text-align:center;
}
#404wrap ol {
	margin:40px;
}
#404wrap ul {
	margin:40px;
}
#404wrap li {
	padding-bottom:8px;
}
#404wrap a:link, #404wrap a:visited {
	color:#01759d;
	text-decoration:none;
	outline:none;
}
#404wrap a:hover, #404wrap a:focus {
	color:#e26c1d;
	text-decoration:underline;
	outline:none;
}