@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,200);
@import url(http://fonts.googleapis.com/css?family=Muli);

/*
	Halcyonic 3.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

/* Basic */
@media only screen and (min-width : 321px) {
}
/* Styles */


	body
	{
		background: #D4D9DD url('http://ipms-seattle.org/css/images/bgSky.jpg');
	}

	body, input, textarea, select
	{
		color: #474f51;
		font-size: 13.5pt;
		font-family: 'Muli';
		line-height: 1.85em;
		font-weight: 300;
	}

	ul, ol, p, dl
	{
		margin: 0 0 2em 0;
	}

	a
	{
		text-decoration: underline;
	}
	
	a:hover
	{
		text-decoration: none;
	}
	
	.emphasis
	{
		font-weight: bold;
		text-decoration: underline;
	}
	
	section > :last-child, .last-child
	{
		margin-bottom: 0 !important;
	}

	#locallogo, #rtlogo
	{
		font-family: "Bree Serif";
	}

<!--[if IE 7]><style type="text/css">#locallogo, #rtlogo {height:auto;}</style<![endif]-->

	#rtlogo
	{
		padding-right:0px;
	}
	
	#navContainer ul li
	{
		display: inline;
	}
	#navContainer ul li a
	{
		text-decoration: none;
	}
	#navFooter ul li
	{
		display: inline;
	}
	#navFooter ul li a
	{
		text-decoration: none;
		padding: .2em 1em;
	}
	
/* Multi-use */

	.link-list
	{
	}
	
		.link-list li
		{
			padding: 0.2em 0 0.2em 0;
		}
		
		.link-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
		}
		
		.link-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

		#content .link-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .link-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}

	.quote-list
	{
	}
	
		.quote-list li
		{
			padding: 1em 0 1em 0;
			overflow: hidden;
		}
		
		.quote-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
		}

		.quote-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

			.quote-list li img
			{
				float: left;
			}

			.quote-list li p
			{
				margin: 0 0 0 90px;
				font-size: 1.2em;
				font-style: italic;
			}
			
			.quote-list li span
			{
				display: block;
				margin-left: 90px;
				font-size: 0.9em;
				font-weight: 400;
			}

		#content .quote-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .quote-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}
	
	.check-list
	{
	}

		.check-list li
		{
			padding: 0.7em 0 0.7em 45px;
			font-size: 1.2em;
			background: url('http://ipms-seattle.org/css/images/icon-checkmark.jpg') 0px 1.05em no-repeat;
		}
		
		.check-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
			background-position: 0 0.3em;
		}

		.check-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

		#content .check-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .check-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}
		
	.feature-image
	{
		display: block;
		margin: 0 0 2em 0;
		outline: 0;
	}
	
		.feature-image img
		{
			display: block;
			width: 100%;
		}
		
		.feature-caption
		{
			font-weight: bold;
			font-size:   large;
		}

	.bordered-feature-image
	{
		display: block;
		background: #fff url('http://ipms-seattle.org/css/images/bg04.png');
		padding: 10px;
		box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
		margin: 0 0 1.5em 0;
		outline: 0;
	}
	
		.bordered-feature-image img
		{
			display: block;
			width: 100%;
		}
	
	.button-big
	{
		display: inline-block;
		background: #ed391b;
		color: #fff;
		text-decoration: none;
		font-size: 1.75em;
		font-weight: 300;
		padding: 15px 45px 15px 45px;
		outline: 0;
		border-radius: 10px;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed391b), to(#ce1a00));
		background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -o-linear-gradient(top, #ed391b, #ce1a00);
		background-image: linear-gradient(top, #ed391b, #ce1a00);
		text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
	}

	.button-big:hover
	{
		background: #fd492b;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
		background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd492b), to(#de2a10));
		background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
		background-image: -o-linear-gradient(top, #fd492b, #de2a10);
		background-image: linear-gradient(top, #fd492b, #de2a10);
	}

	.button-big:active
	{
		background: #ce1a00;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ce1a00), to(#ed391b));
		background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -o-linear-gradient(top, #ce1a00, #ed391b);
		background-image: linear-gradient(top, #ce1a00, #ed391b);
	}
	
#clubEvents, #clubEvents li{
		margin:0;
		padding:0;
		list-style:none;
	}
	#clubEvents{
		width:100%;
		font-size:16px;
		line-height:120%;
	}
	#clubEvents li{
		padding:20px;
		background:#e1e1e1;
		display:none; /* hide the items at first only */
	}	
	
	#pdfpane
	{
		width:300px;
		height:500px;
	}

	#numbered ol {
		list-style-type: decimal;
	}
	#numbered li {
		padding-left: 50px;
	}
	#alphaUp ol {
		list-style-type: upper-alpha;
	}
	#alphaUp li {
		padding-left: 50px;
	}
	#alphaLow ol {
		list-style-type: lower-alpha;
	}
	#alphaLow li {
		padding-left: 50px;
	}
	


.featuresLeft
{
	width:40%;
	height:auto;
	float:left;
	padding-left:2.5em;
}
.featuresRight
{
	width:40%;
	height:auto;
	float:left;
	padding-left:2.5em;
}
.threeFoldLeft
{
	float:left;
	width:30%
}
.threeFoldMiddle
{
	float:left;
	width:30%
}
.threeFoldRight
{
	float:left;
	width:30%
}

#footerLeft
{
	width:33%;
	float:left;
}
#footerMiddle
{
	width:34%;
	float:left;
}
#footerRight
{
	width:33%;
	float:left;
}

#navLinks1
{
	float:left;
	padding-right:0px;
}
#navLinks2
{
	float:left;
	padding-left:0px;
}

@media only screen and (min-width : 1201px) {
	/* Styles */
	margin-left: auto;
	margin-right: auto;
	.featuresImage
	{
		width:600px;
		height:auto;
	}
}

@media only screen and (max-width : 1200px) {
	/* Styles */
	margin-left: auto;
	margin-right: auto;
	.featuresImage
	{
		width:500px;
		height:auto;
	}
}

@media only screen and (max-width : 800px) {
	/* Styles */
	margin-left: none;
	margin-right: none;
	.featuresImage
	{
		width:100%;
		height:auto;
	}
	.featuresLeft
	{
		width:35%;
		float:left;
	}
	.featuresRight
	{
		width:35%;
		float:left;
	}
	.threeFoldLeft
	{
		width:33%;
		float:left;
	}
	.threeFoldMiddle
	{
		width:33%;
		float:left;
	}
	.threeFoldRight
	{
		width:33%;
		float:left;
	}
}
@media only screen and (max-width : 800px) {
	/* Styles */
	margin-left: none;
	margin-right: none;
	.threeFoldLeft
	{
		width:100%;
		float:none;
	}
	.threeFoldMiddle
	{
		width:100%;
		float:none;
	}
	.threeFoldRight
	{
		width:100%;
		float:none;
	}
	#navFooter
	{
		font-size: smaller;
	}
	#footerLeft
	{
		width:100%;
		float:none;
		padding-left:1em;
	}
	#footerMiddle
	{
		width:100%;
		float:none;
		padding-left:1em;
	}
	#footerRight
	{
		width:100%;
		float:none;
		padding-left:1em;
	}
	.featuresImage
	{
		width:100%;
		height:auto;
	}
	.featuresLeft
	{
		width:100%;
		float:none;
	}
	.featuresRight
	{
		width:100%;
		float:none;
	}
	#navLinks1
	{
		padding-top:50px;
		float:none;
	}
	#navLinks2
	{
		float:none;
	}
	.hide
	{
		font-size:xx-small; 
		color:#e3e3e3; 
	}
	.hide a:link 
	{ 
		color: #e3e3e3; 
	} 
	.hide a:visited 
	{ 
		color: #e3e3e3; 
	} 
	.hide a:hover 
	{ 
		color: #e3e3e3; 
	} 
	.hide a:active 
	{ 
		color: #e3e3e3; 
	}
}

.reviewCaption
{
	font-weight:bold;
}
.reviewText
{
	font-weight:normal;
}

html {
    height: 100%;
}
body
{
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}