/*
Theme Name: Cascade Alliance Theme
Theme URI: http://cascadealliance.org/wp-content/themes/cascade
Author:
Author URI:
Description: Cascade Alliance
Version: 1.0
Text Domain: cascade

*/

/* first for IE 4–8 */
@font-face {
  font-family: MiloWeb;
  src: url("assets/fonts/MiloWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: MiloWeb;
  src: url("assets/fonts/MiloWeb.woff") format("woff");
}

/* first for IE 4–8 */
@font-face {
  font-family: MiloWeb-Bold;
  src: url("assets/fonts/MiloWeb-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: MiloWeb-Bold;
  src: url("assets/fonts/MiloWeb-Bold.woff") format("woff");
}


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
	font-family: MiloWeb, sans-serif;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  padding:0 20px;
}

.container_12.features{
	padding:0 0;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

HTML, BODY{
	height:100%;
	width: 100%;
	font-size:62.5%;
	font-family:MiloWeb, Arial, Helvetica, sans-serif;
	background:url(images/struckaxiom.png) left top repeat #E2E2E2;
	color:#58595B;
}

HEADER, FOOTER, NAV{
	display:block;
}

DIV, P{
	font-size:16px;
	font-size:1.6rem;
	line-height:150%;
}

@media screen and (max-width: 550px) {
	DIV, P{
		line-height:130%;
	}

}

P{
	padding-bottom:15px;
}

STRONG{
	font-weight:400;
	font-family:MiloWeb-Bold;
}

H1, H2, H3, H4, H5, H6{
	margin-bottom:5px;
	letter-spacing:.05rem;
}

H3{
	font-family:MiloWeb;
	font-size:36px;
	line-height:40px;
	font-size:3.6rem;
	line-height:4rem;
	color:#448599;
}

H4{
	font-family:MiloWeb;
	font-size:28px;
	line-height:34px;
	font-size:2.8rem;
	line-height:3.4rem;
	color:#448599;
}

@media screen and (max-width: 800px) {
	H4{
		font-size:2.4rem;
		line-height:3.2rem;
	}
}

@media screen and (max-width: 680px) {
	H4{
		font-size:2.1rem;
		line-height:2.6rem;
	}
}

@media screen and (max-width: 560px) {
	H4{
		font-size:1.8rem;
		line-height:2.2rem;
	}
}

@media screen and (max-width: 560px) {
	H4{
		font-size:1.8rem;
		line-height:2.2rem;
	}
}

A{
	text-decoration:none;
}

A:visited, A:link{
	color:#23AE49;
}
A:active, A:hover{
	color:#66CEF6;
}

HEADER H1{
	margin-bottom:0;
}

HEADER H1 A{
	display:block;
	width:254px;
	height:90px;
	text-indent:-9999px;
	background:url(images/cascade-logo.svg) left top no-repeat;
	background-size:95%;
}

HEADER, FOOTER{
	width:100%;
}

HEADER{
	border-top:3px solid #23AE49;
	background:#FFF;
	background:url(images/stripe_green_1px.png) left top repeat;
	box-shadow: 0 1px 6px 4px #ccc;
}

.main-body{
	box-shadow: 0 8px 6px 4px #ccc;
	overflow:hidden;
}

FOOTER{
	color:#FFF;
	padding:20px;
	background:url(images/stripe_blue_1px.png) left top repeat #003A5D;
}

FOOTER NAV LI{
	float:left;
	padding:0 15px;
	border-left:1px solid #FFF;
	margin-bottom:20px;
}

FOOTER NAV LI:first-child{
	border-left:0 none;
	padding-left:0;
}

@media screen and (max-width: 600px) {
	FOOTER NAV LI{
		float:none;
		padding:0;
		border-left:0 none;
		margin-bottom:20px;
	}
}

FOOTER NAV A{
	font-size: 14px;
	text-transform:uppercase;
}

FOOTER NAV A:link, FOOTER NAV A:visited{
	color:#FFF;
}

.content-holder{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

HEADER .content-holder{
	padding:20px 30px 40px;
	position:relative;
}

.hidden {
	display:none;
	visibility:transparent;
}

#social_media {
	position:absolute;
	right:45px;
	top:20px;
}

#social_media h5.donate {
position:absolute;
right:130px;
top:0;
width:153px;
height:30px;
display:block;
} 

#social_media h5.donate a:link, #social_media h5.donate a:visited  {
width:153px;
height:30px;
display:block;
background: transparent url(/wp-content/themes/cascade/images/button_donate.png) top center no-repeat;
text-decoration:none;
}

#social_media h5.donate a:hover  {
width:153px;
height:30px;
display:block;
background: transparent url(/wp-content/themes/cascade/images/button_donate-on.png) top center no-repeat;
text-decoration:none;
}

#social_media h5.facebook {
position:absolute;
right:40px;
top:0;
width:30px;
height:30px;
display:block;
} 

#social_media h5.facebook a:link, #social_media h5.facebook a:visited  {
width:30px;
height:30px;
display:block;
background: transparent url(/wp-content/themes/cascade/images/facebook_icon.png) top center no-repeat;
text-decoration:none;
}

#social_media h5.twitter {
position:absolute;
right:0;
top:0;
width:30px;
height:30px;
display:block;
} 

#social_media h5.twitter a:link, #social_media h5.twitter a:visited  {
width:30px;
height:30px;
display:block;
background: transparent url(/wp-content/themes/cascade/images/twitter_icon.png) top center no-repeat;
text-decoration:none;
}


HEADER .content-holder NAV{
	position:absolute;
	bottom:40px;
	right:40px;
	width:70%;
}

HEADER NAV UL{
	float:right;
}


HEADER NAV LI{
	float:left;
	margin-left:20px;
}

HEADER NAV LI A{
/*    font-family:MiloWeb-Bold; */
  font-family: Arial, Helvetica;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
	padding-top:3px;
}

HEADER NAV LI A:hover, HEADER NAV LI.current_page_item A:link, HEADER NAV LI.current_page_item A:visited{
	border-top:3px solid #23AE49;
}

@media screen and (max-width: 850px) {
	HEADER .content-holder NAV{
		top:0;
		bottom:inherit;
		right:0;
		width:50%;
	}

	HEADER NAV LI{
		float:none;
		margin-left:0;
		border-top:1px solid #23AE49;
	}

	HEADER NAV LI:first-child{
		border-top:0 none;
	}

	HEADER NAV LI A{
		display:block;
		padding:10px 25px;
	}
	HEADER NAV LI A:hover, HEADER NAV LI.current_page_item A:link, HEADER NAV LI.current_page_item A:visited{
		border-top:0 none;
	}
	HEADER NAV LI.current_page_item A:link, HEADER NAV LI.current_page_item A:visited{
		background:#23AE49;
		color:#FFF;
	}

	HEADER .content-holder{
		padding-bottom:24px;
	}


}

@media screen and (max-width: 599px) {
	HEADER .content-holder NAV{
		position:static;
		top:inherit;
		right:inherit;
		bottom:inherit;
		width:100%;
	}

	HEADER NAV UL{
		float:none;
	}

	HEADER .content-holder{
		padding:0;
	}

	HEADER H1{
		margin:20px;
	}

	HEADER H1 A{
		margin:0 auto;
		width:170px;
		height:60px;
	}

	HEADER NAV LI:first-child{
		border-top:1px solid #23AE49;
	}

	HEADER NAV LI A{
		padding: 10px 10%;
	}


}

.res{
	margin-bottom:10px;
}

HEADER #menu-item-27{
	display:none;
}

.group{
	background: #3d8f42; /* Old browsers */

	background: -moz-linear-gradient(45deg,  #3d8f42 0%, #2e6b31 64%, #3d8f42 99%); /* FF3.6+ */

	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#3d8f42), color-stop(64%,#2e6b31), color-stop(99%,#3d8f42)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(45deg,  #3d8f42 0%,#2e6b31 64%,#3d8f42 99%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(45deg,  #3d8f42 0%,#2e6b31 64%,#3d8f42 99%); /* Opera 11.10+ */

	background: -ms-linear-gradient(45deg,  #3d8f42 0%,#2e6b31 64%,#3d8f42 99%); /* IE10+ */

	background: linear-gradient(45deg,  #3d8f42 0%,#2e6b31 64%,#3d8f42 99%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d8f42', endColorstr='#3d8f42',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	position:relative;
	width:100%;
	padding:40px 40px;
}

FOOTER .content-holder{
	padding:0 20px;
}

@media screen and (max-width: 750px) {
	.group{
		padding:20px;
	}

	FOOTER .content-holder{
		padding:0 0;
	}

}

.group.approach{
	-webkit-box-shadow: 0 6px 8px -6px #275c2b inset;
	-moz-box-shadow: 0 6px 8px -6px #275c2b inset;
	box-shadow: 0 6px 8px -6px #275c2b inset;
}

.group.title{
	background:#003A5D;
	padding:0;
}
.group.title H4,.group.video H4, .group.call H4, .group.video P{
	text-shadow: 0 0 3px #275c2b;
}

.group.diagram{
	background: #003a5d; /* Old browsers */

	background: -moz-linear-gradient(-45deg,  #003a5d 0%, #00436b 64%, #003a5d 99%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#003a5d), color-stop(64%,#00436b), color-stop(99%,#003a5d)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(-45deg,  #003a5d 0%,#00436b 64%,#003a5d 99%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(-45deg,  #003a5d 0%,#00436b 64%,#003a5d 99%); /* Opera 11.10+ */

	background: -ms-linear-gradient(-45deg,  #003a5d 0%,#00436b 64%,#003a5d 99%); /* IE10+ */

	background: linear-gradient(135deg,  #003a5d 0%,#00436b 64%,#003a5d 99%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a5d', endColorstr='#003a5d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.group.call{
	text-align:center;
	-webkit-box-shadow: 0 6px 8px -6px #275c2b inset;
	-moz-box-shadow: 0 6px 8px -6px #275c2b inset;
	box-shadow: 0 6px 8px -6px #275c2b inset;
	padding-top:30px;
	padding-bottom:40px;
}

.group.call H4{
	margin-bottom:20px;
}

.title H3{
	font-family:MiloWeb-Bold;
	color:#FFF;
	width:50%;
	font-size:45px;
	font-size:4.5rem;
	line-height:52px;
	line-height:5.2rem;
	position:absolute;
	bottom:30px;
	left:72px;
	text-shadow:0 0 8px #000000;

}

.title H5{
	width:247px;
	height:93px;
	position:absolute;
	bottom:38px;
	right:70px;
}

.title H5 a:link, .title H5 a:visited  {
width:247px;
height:93px;
display:block;
background: transparent url(/wp-content/themes/cascade/images/donate_box.png) top center no-repeat;
text-decoration:none;
}

.title H5 a:hover  {
}

@media screen and (max-width: 940px) {
	.title H3{
		font-size:36px;
		line-height:40px;
		font-size:3.6rem;
		line-height:4rem;
	}

}

@media screen and (max-width: 750px) {
	.title H3{
		width:95%;
		font-size:28px;
		line-height:34px;
		font-size:2.8rem;
		line-height:3.4rem;
		right:10px;
		bottom:15px;
		text-align:right;
	}

}

@media screen and (max-width: 500px) {
	.title H3{
		font-size:24px;
		line-height:30px;
		font-size:2.4rem;
		line-height:3rem;
		bottom:10px;
	}

}

.video{
	background:url(images/cascade_triangle_tile.png) left top repeat #3D8F42;
}

.approach H4, .group.video, .call H4, .video H4{
	color:#FFF;
}

.approach H4{
	margin-bottom:0;
	text-align:center;
}

.photo{
	float:left;
	width:30%;
	margin-left:5%;
	display:block;
}

.photo:first-child{
	margin-left:0;
}

.res .img{
	float:left;
	width:30%;
	margin-left:5%;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	margin-bottom:20px;
}
.res .img IMG{
	display:block;
	width:auto;
}

.res .img .description{
	color:#FFF;
	padding:18px 24px;
	background:rgba(0, 58, 93, 0.8);
	position:absolute;
	height:100%;
	top:0;
	display:none;
	font-size:21px;
	font-size:2.1rem;
}

HTML.lt-ie9 .res .img .description{
	background-color:#003A5D;
}

.res .img:first-child{
	margin-left:0;
}

.res .img H5{
	font-family:MiloWeb-Bold;
	font-size:24px;
	font-size:2.4rem;
	text-transform:uppercase;
	display:block;
	text-align:center;
	color:#FFF;
	position:absolute;
	top:40%;
	left:0;
	width:100%;
	text-shadow: 0 0 6px #000000;
}

@media screen and (max-width: 940px) {
	.res .img .description{
		font-size:18px;
		line-height:24px;
		font-size:1.8rem;
		line-height:2.4rem;
		padding:12px;
	}
	.res .img H5{
		font-size:2.1rem;
	}
}

@media screen and (max-width: 690px) {
	.res .img .description{
		font-size:16px;
		line-height:20px;
		font-size:1.6rem;
		line-height:2rem;
		padding:10px;
	}
	.res .img H5{
		font-size:18px;
		font-size:1.8rem;
	}
}

@media screen and (max-width: 600px) {
	.res .img .description{
		font-size:14px;
		line-height:18px;
		font-size:1.4rem;
		line-height:1.8rem;
	}
	.res .img H5{
		font-size:16px;
		font-size:1.6rem;
	}
}

@media screen and (max-width: 530px) {
	.res .img{
		float:none;
		margin:0 auto 10px;
		height:250px;
		width:250px;
	}

	.res .img:first-child{
		margin-left:auto;
	}

	.res .img .description{
		padding:18px 24px;
		font-size:21px;
		line-height:26px;
		font-size:2.1rem;
		line-height:2.6rem;
	}

	.res .img H5{
		font-size:2.4rem;
	}
}

.partner{
	background:url(images/rwjf_logo_support_lockup.svg) left top no-repeat;
	background-size:100%;
	width:180px;
	height:120px;
}

.logo-ko{
	display:block;
	width:180px;
	height:64px;
	background:url(images/cascade-logo-ko.svg) left top no-repeat;
	background-size:100%;
	margin-bottom:20px;
}

.hero{
	height:auto;
	width:100%;
	display:block;
}

DIV.work{
	text-align:center;
}

FOOTER .about{
	width:700px;
}

@media screen and (max-width: 640px) {
	FOOTER .about{
		width:100%;
	}
}

FOOTER .about P{
	clear:both;
	padding-right:50px;
}

FOOTER .about, FOOTER .middle{
	float:left;
}

FOOTER .partner{
	float:right;
}

@media screen and (max-width: 960px) {
	FOOTER .partner{
		clear:both;
		float:none;
	}
}

.button{
	border-radius:12px;
	padding:3px 120px;
	background:rgba(255,255,255, .3);
	clear:both;
	display: inline-block;
}

@media screen and (max-width: 580px) {
	.button{
		padding:3px 10px;
		display:block;
	}
}

.button:link, .button:visited{
	color:#FFF;
}

.button:hover, .button:active{
	background:rgba(255,255,255, .2);
	color:#FFF;
	box-shadow: 0 0 3px 0 #333;
}

.video IFRAME{
	float:left;
	margin-right:20px;
	width:50%;
	height:250px;
}

@media screen and (max-width: 767px) {
	.video IFRAME{
		height:200px;
	}
}

@media screen and (max-width: 620px) {
	.video IFRAME{
		float:none;
		width:100%;
		height:300px;
	}
}

@media screen and (max-width: 560px) {
	.video IFRAME{
		height:280px;
	}
}

@media screen and (max-width: 560px) {
	.video IFRAME{
		height:280px;
	}
}

@media screen and (max-width: 520px) {
	.video IFRAME{
		height:260px;
	}
}

@media screen and (max-width: 450px) {
	.video IFRAME{
		height:230px;
	}
}

@media screen and (max-width: 400px) {
	.video IFRAME{
		height:200px;
	}
}

@media screen and (max-width: 350px) {
	.video IFRAME{
		height:180px;
	}
}


BODY.inside DIV.main-body{
	background: #ffffff; /* Old browsers */

	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 36%, #eaeaea 100%); /* FF3.6+ */

	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(36%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */

	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 36%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */

	background: -o-radial-gradient(center, ellipse cover,  #ffffff 36%,#eaeaea 100%); /* Opera 12+ */

	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 36%,#eaeaea 100%); /* IE10+ */

	background: radial-gradient(ellipse at center,  #ffffff 36%,#eaeaea 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

BODY.inside DIV.main-body IMG{
	width:auto;
	height:auto;
}

BODY.inside DIV.main-body .text{
	padding:32px 20% 32px 32px;
}

@media screen and (max-width: 767px) {
	BODY.inside DIV.main-body .text{
		padding:32px 10% 32px 40px;
	}
}

BODY.inside DIV.main-body UL{
	list-style:inherit;
	margin:0 15px 15px;

}

HTML.lt-ie9 HEADER H1 A{
	background:url(images/cascade_logo.gif) top left no-repeat;
}

HTML.lt-ie9 .partner{
	background:url(images/rwjf_logo.gif) left top no-repeat;
}

HTML.lt-ie9 .logo-ko{
	background:url(images/cascade_ko_logo.gif) left top no-repeat;
}


body.single-post .content-holder {
  padding-top: 30px;
}

body.single-post .main-body.content-holder {
  min-height: 350px;
}

#status-logged_out #reg-log-message{
  margin-top: 0;
}

#download-link-div {
  background-image: url('images/document_icon.png');
  background-repeat: no-repeat;
  background-position: left top;
  display: inline;
  position: relative;
  float: left;
  width: 80px;
  min-height: 113px;
  margin: 5px 20px 25px 0;
}
.download-link-title {
  display: block;
  margin-top: 20px;
  position: relative;
  text-align: center;
}
a.download-link {
  color: transparent;
  display: block;
  position: relative;
  width: 80px;
  height: 90px;
  margin: 0;
  padding: 0;
}

.comment-author.vcard img {
  width: 80px !important;
  height: auto !important;
  margin: 0 10px 0 0;
  padding: 0;
  float: left;
}

body.single-post #wpmem_login {
  width: 25%;
  float: right;
  margin-right: 34px;

}

body.single-post #wpmem_reg {
  width: 65%;
  float: left;
}

body.single-post #wpmem_login fieldset {
  margin-top: 20px;
 }

body.single-post #wpmem_reg fieldset {
  margin-top: 20px;
  width: 80%;
}

body.single-post #wpmem_reg fieldset legend,
body.single-post #wpmem_reg fieldset .div_text {
  margin-left: 32px;
}

body.single-post .logged_out p {
  margin-left: 40px;
  font-size: 18px;
}

h3.post-title-logged_out {
  margin-left: 32px;
}

body.single-post .logged_out p.nocomments {
  font-size: 16px;
  width: 250px;
  float: right;
  margin-right: 34px;
}

body.blog.logged-in #download-link-div {
  display: none;
}

body.blog.logged-in .content-holder {
  padding: 40px;
}

body.blog.inside .logged_out {

}

p#blog-page-no-access {
  padding: 40px;
  font-size: 28px;
}

#blog-access h3.post-title-link {
  margin-left: 32px;
  margin-bottom: 10px;
}

@media screen and (max-width: 980px) {
}

#users-reg-form form {
  width: 275px;
}
#reg-log-wrapper {
  display: block;
  position: relative;
  float: right;
  width: 320px;
  margin-top: 0;
}

p.login-username {
  padding-bottom: 0;
}

body.single #status-logged_out {
  height: 500px;
}

body.single #status-logged_out #reg-log-wrapper {
  display: none;
}

#users-log-wrapper,
#users-reg-wrapper {
  margin-top: 0;
}

#not-logged-content {
  margin-left: 32px;
}

#users-log-wrapper {
  float: right;
  width: 267px;
}

#users-reg-wrapper {
  margin-left: 32px;
  margin-top: 20px;
  float: right;
  width: 267px;
}

#users-log-wrapper p label,
#users-reg-wrapper p label {
  font-family: Arial,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

#users-reg-label,
#users-log-label {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}

#users-reg-label {
  text-align: right;
  margin-right: 40px;
}

#users-reg-label span {
  display: block;
  font-size: 14px;
  float: left;
  margin-bottom: 10px;
}

body.page-id-167 #blog-access {
  padding: 30px 32px;
}

body.page-id-167 #blog-access h1 {
  color: #448599;
  font-family: MiloWeb;
  font-size: 3.6rem;
  line-height: 4rem;
}

body.page-id-167 #blog-access li {
  font-size: 13px;
  color:#888;
  vertical-align:middle;
}

body.page-id-167 #blog-access li a {
  font-size: 18px;
}

body.single span.req,
body.page-id-167 span.req {
  color: red;
  font-weight: bold;
}
body.single-post #status-logged_out form#loginform p input,
body.page-id-167 form#loginform p input {
  width: 80%;
}

body.single-post #status-logged_out form#loginform p input#wp-submit,
body.page-id-167 form#loginform p input#wp-submit {
  width: 100px;
}

body.single-post #status-logged_out #users-log-form p input,
body.page-id-167 #users-log-form p input {
  width: 450px;
}

body.single-post #status-logged_out #users-reg-form input,
body.single-post #status-logged_out form#loginform p input,
body.page-id-167 #users-reg-form input,
body.page-id-167 form#loginform p input {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: rgb(43, 43, 43);
  padding: 8px 10px;
}

body.single-post #status-logged_out #users-reg-form .element-right,
body.single-post #status-logged_out #users-reg-form .element-left,
body.page-id-167 #users-reg-form .element-right,
body.page-id-167 #users-reg-form .element-left {
  width: 225px;

}

body.single-post #status-logged_out #users-reg-form .element-right,
body.page-id-167 #users-reg-form .element-right {
  float: right;
}

body.single-post #status-logged_out #users-reg-form .element-left,
body.page-id-167 #users-reg-form .element-left {
  float: left;
}

body.single-post #status-logged_out #users-reg-form .element-left.last,
body.page-id-167 #users-reg-form .element-left.last,
body.page-id-167 #users-reg-form .element-right.last{
  margin-bottom: 15px;
}

body.single-post #status-logged_out #users-reg-form input.right,
body.page-id-167 #users-reg-form input.right {
  float: right;
}

body.single-post #status-logged_out #users-reg-form input.left,
body.page-id-167 #users-reg-form input.left {
  float: left;
}

body.single-post #status-logged_out #users-reg-form .submit-button,
body.page-id-167 #users-reg-form .submit-button {
  clear: both;
  display: block;
  margin-bottom: 20px;
}

body.page-id-167 #users-reg-form .submit-button {
  float: right;
  margin-right: 205px;
}

body.single-post #status-logged_out #users-log-form input#rememberme,
body.page-id-167 #users-log-form input#rememberme {
  display: inline;
  width: auto;
  }

#reg-log-message {
  margin: 30px 20px 20px 32px;
  font-size: 18px;
  width: 625px;
  float: left;
}

body.single-post .logged_in {
  margin-left: 34px;
}

body.single-post ol.commentlist,
body.single-post .logged_in p {
  margin-left: 0;
  padding-left: 0;
  margin-right: 40px;
}

body.single-post ol.commentlist li.comment {
  margin-bottom: 10px;
}

body.single-post ol.commentlist .comment-body p {
  font-family: MiloWeb-Bold;
  padding: 0;margin: 0;
}

h3#comments {
  font-size: 3rem;
}

body.single-post .comment-author .fn {
  font-style: italic;
}

body.single-post .content-holder #respond h3,
body.single-post .content-holder h3#comments {
}

#icon-and-title {
  margin-right: 32px;
}

#wpmem_reg input, #wpmem_reg button, #wpmem_reg select, #wpmem_reg textarea, #wpmem_login input, #wpmem_login button {
  font-size: small !important;
 }

body.page-id-167 form#loginform p.login-username,
body.page-id-167 form#loginform p.login-password,
body.page-id-167 form#loginform p.login-remember,
body.page-id-167 form#loginform p.login-submit {
}

#icon-and-title {
  float: left;
  width: 900px;
  margin-left: 10px;
  margin-bottom: 10px;
}

#status-logged_in.not-present #icon-and-title {
  display: none;
}

#status-logged_in h3.post-title-logged_in {
  margin-left: 31px;
}
p.nocomments {display: none;}

#status-logged_in #icon-and-title .doc-link {
  width: 70px;
  height: 93px;
}

#status-logged_in #icon-and-title .doc-row {
  width: 100%;
  margin-top: 10px;
}

#status-logged_in #icon-and-title .doc-link a {
  background-image: url('images/document_icon.png');
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  width: auto;
  height: 100%;
  color: transparent;
}

#status-logged_in #icon-and-title .doc-name {
  width: 900px;
  float: left;
  margin-left: 87px;
}