/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	

/* #Typography (baseline corrections)
================================================== */

	h1 { line-height: 49px; margin-bottom: 14px;}
	h2 { line-height: 42px; margin-bottom: 7px; }
	h3 { line-height: 35px; margin-bottom: 7px; }
	h4 { line-height: 28px; margin-bottom: 7px; }
	h5 { line-height: 21px; }

	p { margin: 0 0 21px 0; }
	p.lead { line-height: 28px; }


/*	Blockquotes  */
	blockquote, blockquote p { line-height: 21px;}
	blockquote { margin: 0 0 21px; padding: 7px 20px 0 19px; }

	hr { margin: 14px 0 28px;}
	
/* #Lists (baseline corrections)
================================================== */
	ul, ol { margin-bottom: 21px; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 7px 0 7px 30px; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 7px; }
	li { line-height: 21px; margin-bottom: 14px; }
	

/* #Site Styles
================================================== */

	@font-face{ 
		font-family: 'WebSymbolsRegular';
		src: url('../fonts/websymbols/websymbols-regular-webfont.eot');
		src: url('../fonts/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/websymbols/websymbols-regular-webfont.woff') format('woff'),
url('../fonts/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
url('../fonts/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
		}
	
	* {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}
	
	img {
		max-width: 100%;
	}


/* #Bands
================================================== */
	
	.band {
		background: url(../images/bkg_white.png) repeat,
					#fff;
	}

	.band.navigation {
		background: url(../images/bkg_blue_009.png) repeat,
					#009;
	}

	.band.slider {
		background: url(../images/bkg_white.png) repeat,
					#FFF;
	}

	.band.footer {
		background: url(../images/stitch_staggered.png) repeat-x,
url(../images/bkg_white.png) repeat,
					#fff;
		padding: 0px 0 7px 0;			
	}
	
	.band.message {
		background: url(../images/stitch_staggered.png) repeat-x,
url(../images/bkg_white.png) repeat,
					#fff;
		padding: 27px 0 0px 0;
	}
	
	.band.sponsors {
		background: url(../images/bkg_white.png) repeat,
					#fff;
	}

	.band.bottom {
		background: url(../images/bkg_blue_009.png) repeat,
					#009;
		padding: 14px 0 7px 0;			
		color: #FFF;
	}


/* #Heading
================================================== */

	header.main {
		height: 190px;
	}
	
	.logo {
		background: url(../images/bkg_green.png) repeat,
					#BDD73E;
		height: 190px;
	}
	
	header h1.logo {
		float: left;
		margin-bottom: 0px;
	}
	
	header h1.logo a {
		width: 420px;
		height: 190px;
		display: block;		
		font: 0/0 a;
		text-shadow: none;
		color: transparent;
	}
	
	
	
/*1Body4Life logos
================================================== */

		.logo.medium {
			display: none;
		}
		
		.logo.small {
			display: none;
		}
		
		.logo.tiny {
			display: none;
		}
	


/*navigation
================================================== */


	nav.primary ul {
		text-align: center;
	}

	nav.primary ul,
	nav.primary ul li {
		margin: 0px;
	}
	
	nav.primary select {
		display: none;
		width:  100%;
		height: 28px;
		margin: 21px 0;
	}
	
	nav.primary ul li {
		text-align: left;
		display: inline-block;
		position: relative;

	}
	
	nav.primary ul li a {
		display: inline-block;
		line-height: 35px;
		padding:  0 7px;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: 0.02em;
	}
	
	nav.primary ul li a:hover {
		background: #424242;
		cursor: pointer;
	}
	

/*sub menu
================================================== */
	
	nav.primary ul ul {
		opacity: 0; 
		filter: alpha(opacity=0); 
	
		position: absolute;
		top:100%;
		left: 0;
		z-index: 999;
		background: url(../images/bkg_grey_204.png);
		
		height: 0px;
		overflow: hidden;
		
		width: 100;
		
		-webkit-transition: opacity 0.4s ease-out;
		-moz-transition: opacity 0.4s ease-out;
		-o-transition: opacity 0.4s ease-out;
		-ms-transition: opacity 0.4s ease-out;
		transition: opacity 0.4s ease-out;
		
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);	
	}
	
	nav.primary ul li span {
		display: none;
	}
	
	nav.primary ul li:hover ul {
		opacity: 10; 
		filter: alpha(opacity=100); 
		
		height: auto;
		overflow: auto;
	}
	
	nav.primary ul ul li {
		float: none;
		display: list-item;
		border-bottom: 1px solid #A0A0A0;
	}
	
	nav.primary ul ul li a {
		display: block;
		line-height: 35px;
		text-transform: none;
	}
	
	nav.primary ul li:hover > a {
		background: #A0A0A0;
	}
		  
	nav.primary ul ul li a {
		white-space: nowrap;
	}


/*sub sub menu
================================================== */


	




/* #images
================================================== */

	figure {
		padding: 0px;
		border: none;
		background: #FFF;
		line-height: 0px;
	}
	

/* #Flexslider
================================================== */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
	@font-face {
		font-family: 'flexslider-icon';
		src:url('../new/stylesheets/fonts/flexslider-icon.eot');
		src:url('../new/stylesheets/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
url('../new/stylesheets/fonts/flexslider-icon.woff') format('woff'),
url('../new/stylesheets/fonts/flexslider-icon.ttf') format('truetype'),
url('../new/stylesheets/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
		font-weight: normal;
		font-style: normal;
	}

/* FlexSlider Necessary Styles
*********************************/
	.flexslider {margin: 0; padding: 0;}
	.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider .slides img {width: 100%; display: block;}
	.flex-pauseplay span {text-transform: capitalize;}
	
	/* Clearfix for the .slides element */
	.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
	html[xmlns] .slides {display: block;}
	* html .slides {height: 1%;}
	
	/* No JavaScript Fallback */
	/* If you are not using another script, such as Modernizr, make sure you
	 * include js that eliminates this class on page load */
	.no-js .slides > li:first-child {display: block;}


/* my own flexslider styles
================================================== */

	.flexslider {
		margin:27px 0px 20px 0px;
	}

	.flex-control-nav {
		display: none;
	}



/* #Welcome
================================================== */

	.welcome header {
		background: url(../images/bkg_blue2.png) repeat;
		font-size: 14px;
		line-height: 1em;
		margin: 0px 0 21px;
	}
	
	.welcome h4 {
		font-weight: bold;
		color: #666;
		font-size: 14px;
		line-height: 1em;
		text-transform: uppercase;
		background: url(../new/images/bg_white.png) repeat #fff;
		display: inline;
		padding: 0 10px;
		margin: 0 0 0 14px;
		letter-spacing: 0.1em;
		font-family: Arial, sans-serif;
	}

	hr {
		border: none;
		border-bottom: 1px dashed #E8E8E8;
		margin: 14px 0 28px;
	}
	
	
/* #Body stuff
================================================== */

	.bodystuff header {
		background: url(../images/bkg_blue2.png) repeat;
		font-size: 14px;
		line-height: 1em;
		margin: 0px 0 21px;
	}
	
	.bodystuff h4 {
		font-weight: bold;
		color: #666;
		font-size: 14px;
		line-height: 1em;
		text-transform: uppercase;
		background: url(../new/images/bg_white.png) repeat #fff;
		display: inline;
		padding: 0 10px;
		margin: 0 0 0 14px;
		letter-spacing: 0.1em;
		font-family: Arial, sans-serif;
	}

	hr {
		border: none;
		border-bottom: 1px dashed #E8E8E8;
		margin: 14px 0 28px;
	}
	
	.bodystuff ul {
	list-style-type: circle;
	padding-left: 16px;
	}
	
	.caption {
		text-align: center;
		font-style: italic;
		color: #666;
	}
	
	.ten.columns {
		padding-bottom: 40px;
	}

	
	

/* #footer
================================================== */

	footer a,
	footer a:visited {
		text-decoration: none;
		color: #FFF;
	}
	
	footer a:hover {
		text-decoration: underline;
		color: #FFF;
	}
		
	footer.main header {
		background: url(../images/bkg_green_BAD80A.png) repeat;
		font-size: 14px;
		line-height: 1em;
		margin: 28px 0 14px 0;
	}
	
	footer.main h4 {
		font-weight: bold;
		color: #666;
		font-size: 14px;
		line-height: 1em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-family: arial, sans-serif;
		
		background: url(../images/bkg_white.png) repeat;
		display: inline;
		padding: 0 10px;
		margin: 0 0 0 14px;
	}
	
	div.first-credit {
	text-align: left;
	}
	
	div.last-credit {
	text-align: right;
	}


/* #pagination
================================================== */

	nav.pagination ul {
		width: 100%;
		text-align: center;
		margin: 21px 0 35px 0;
	}
	
	nav.pagination li {
		display: inline;
	}
	
	nav.pagination li a {
		color:#009;
		display: inline-block;
		line-height: 35px;
		width: 35px;
		height: 35px;
		text-align: center;
		padding: 0 7px;
		text-decoration: none;
		font-weight: bold;
		border-bottom: 3px solid #E8E8E8;
	}
	
	nav.pagination li a.selected,
	nav.pagination li a:hover {
		background: #009;
		border: none;
		color: #FFF;
	}


/* #sidebar (aside)
================================================== */

	.sub header {
		background: url(../images/bkg_blue2.png) repeat;
		font-size: 14px;
		line-height: 1em;
		margin: 0px 0 21px;
	}
	
	.subscribe header {
		margin-top: 0;
	}
	
	.sub header h4 {
		font-weight: bold;
		color: #666;
		font-size: 14px;
		line-height: 1em;
		text-transform: uppercase;
		background: url(../new/images/bg_white.png) repeat #fff;
		display: inline;
		padding: 0 10px;
		margin: 0 0 0 14px;
		letter-spacing: 0.1em;
		font-family: Arial, sans-serif;
	}
	


/* #tweets
================================================== */
	div.tweets {
		max-width: 100%;
	}
	
	
/* #fexible embeds
================================================== */

	.embed {
		position: relative;
		padding: 0;
		padding-bottom: 56.25%; /* 16:9 ratio*/
		height: 0;
		overflow: hidden;
	}
	
	.embed iframe,
	.embed object,
	.embed embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	

/* #copyright and credits
================================================== */

	.bottom footer {
		font-size: 12px;
		text-align: center;
	}


/* #EqOp message
================================================== */

	div.message {
		background: url(../images/bkg_green_BAD80A.png) repeat;
		padding: 14px 21px 2px 21px;
		color:#fff;
		font-weight: bold;
		text-align: center;
	}

/* #Covid message
================================================== */

	div.covid {
		background: #ff0000;
		padding: 14px 21px 2px 21px;
		color:#fff;
		font-weight: bold;
		text-align: center;
	}




	
/* #Sponsors
================================================== */

	.sponsor.large {
		padding: 36px 0 47px 0;
	}
	
	.sponsor.medium {
		display: none;
		padding: 52px 0 60px 0;
	}
		
	.sponsor.small {
		display: none;
		padding: 25px 0 28px 0;
		text-align: center;
	}
		
	.sponsor.tiny {
		display: none;
		padding: 14px 0 8px 0;
		text-align: center;
	}


/* #icons
================================================== */
	
	.icon.fb {
		padding-right: 18px;
	}
	
	.fb a,
	.fb a:visited {
		text-decoration: none;
	}
	
	.fb a:hover {
		text-decoration: none;
	}
	

/* #h_info
================================================== */

	.h_info a {
		float: left;
		max-width: 100%;
	}
	
	.h_info .info420 {
		display: none;
	}
	
	.h_info .info748 {
		display: none;
	}
	
	.h_info .info300 {
		display: none;
	}


/* #maps
================================================== */
	
	.maps .map1medium {
		display: none;
	}
		
	.maps .map1small {
		display: none;
	}
		
	.maps .map1tiny {
		display: none;
	}
	
	.maps .map2medium {
		display: none;
	}
		
	.maps .map2small {
		display: none;
	}
		
	.maps .map2tiny {
		display: none;
	}
	
	.maps .map3medium {
		display: none;
	}
		
	.maps .map3small {
		display: none;
	}
		
	.maps .map3tiny {
		display: none;
	}


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}
	
	

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		/*sponsors*/
		
		.sponsor.large {
		display: none;
		}
		
		.sponsor.medium {
		display: block;
		}
		
		
		/*logos*/
		
		.logo.large {
		display: none;
		}
		
		.logo.medium {
		display: block;
		}
		
		/*h_info*/
				
		.h_info .info940 {
			display: none;
		}
		
		.h_info .info748 {
			display: block;
		}
		
		/*maps*/
		
		.maps .map1large {
		display: none;
		}
		.maps .map1medium {
		display: block;
		}
		.maps .map2large {
		display: none;
		}
		.maps .map2medium {
		display: block;
		}
		.maps .map3large {
		display: none;
		}
		.maps .map3medium {
		display: block;
		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		article .three.thumbnail {
			display: none;
		}
				
		nav.primary select {
			display: block;
		}
		nav.primary ul {
			display: none;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		/*logos*/
		
		.logo.large {
		display: none;
		}
	
		.logo.small {
		display: block;
		}
		
		/*sponsors*/
		
		.sponsor.large {
			display: none;
		}
		
		.sponsor.small {
			display: block;
		}
		
		div.first-credit {
			text-align: center;
		}	
	
		div.last-credit {
			text-align: center;
		}
		
		/*h_info*/
		
		.h_info .info420 {
			display: block;
		}
		
		.h_info .info940 {
			display: none;
		}
		
		/*maps*/
		
		.maps .map1large {
		display: none;
		}
		.maps .map1small {
		display: block;
		}
		.maps .map2large {
		display: none;
		}
		.maps .map2small {
		display: block;
		}
		.maps .map3large {
		display: none;
		}
		.maps .map3small {
		display: block;
		}
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {


		/*logos*/

		.logo.large {
		display: none;
		}
		
		.logo.tiny {
		display: block;
		}
		
		/*sponsors*/
		
		.sponsor.large {
			display: none;
		}
		
		.sponsor.tiny {
			display: block;
		}
		
		/*h_info*/
		
		.h_info .info940 {
			display: none;
		}
		
		.h_info .info300 {
			display: block;
		}
		
		/*maps*/
		
		.maps .map1large {
		display: none;
		}
		.maps .map1tiny {
		display: block;
		}
		.maps .map2large {
		display: none;
		}
		.maps .map2tiny {
		display: block;
		}
		.maps .map3large {
		display: none;
		}
		.maps .map3tiny {
		display: block;
		}
		
		/*credits*/
		
		div.first-credit {
			text-align: center;
		}	
	
		div.last-credit {
			text-align: center;
		}
		
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/