@charset "utf-8";

/* CSS Document */

/*styles for the new top with I am here because and picture*/

#wrapperContent {
	overflow: hidden;
}

#getUpdatesSide {
    top: 630px;
	position: absolute;
	right: 2px;
}
#wrapperContent .becauseBox .because-tab {
	position: absolute;
	left: -35px;
	bottom: 0;
	cursor: pointer;
	width: 35px;
	height: 100%;
	background-image: url(../images/top-page/tab-I-am-here-because-openX.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #CB3495;
	border-radius: 0px 0px 0px 20px;
}
#wrapperContent .becauseBox.closed .because-tab {
	background-image: url(../images/top-page/tab-I-am-here-because.png);
}
#wrapperContent .becauseBox {
	z-index: 50;
	padding: 15px 10px 80px 20px;
	background-image: url(../images/top-page/because-woman.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-radius: 0px 20px 0px 0px;
	background-color: rgba(255,255,255,0.90);
	-webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	margin-bottom: 10px;
	margin-top: 10px;
	width: 350px;
	position: absolute;
	top: 0;
	right: 5px;
	transition: right .7s ease-in-out;
}
#wrapperContent .becauseBox.closed {
	right: -350px;
}

#wrapperContent .becauseBox h2 {
	color: #cc3399;
	font-size: 18px;
	margin: 0 0 20px 0;
	padding-top: 0;	
}

#wrapperContent .becauseBox p.links {
	margin-top: 0px;
    margin-bottom: 15px;
    background-image: url(../images/bullet_big_purple.png);
    background-repeat: no-repeat;
    background-position: .0em 0em;
    padding-left: 25px;
	color:#666 !important;
}

#wrapperContent .becauseBox a {
	color: #666 !important;
	text-decoration: none;
}

#wrapperContent .becauseBox a:hover {
	color: #cc3399 !important;
	text-decoration: underline;

}



/*box-sizing instructions*/
html, body {
margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {-webkit-font-smoothing: antialiased;} 

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

/*general fluid grid elements*/

img, video, object {
	max-width: 100%;
	height:auto;
	box-sizing: border-box;
}
object, embed {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
	background-image: url(url);
}


p, h1 {padding-top:0; margin-top:0}

/*styles for the heads, para, plinks*/

.textArea  h1   {
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	font-size: 24px;
	
	text-indent: none;
	margin-top: 0px;
	background-image: none;
	text-align:center;
	color:#585858;
	font-style: normal;
	font-weight: normal;
}

.textArea  h1.big   {
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	font-size: 30px;
	line-height:36px;
	margin-bottom: 5px;
	
}

.textArea h2.big {
	margin-bottom:35px;
	margin-top:20px;
	font-size: 24px;
	line-height:28px;
}

.textArea p.big {
	margin-bottom:35px;
	font-size: 18px;
	line-height:22px;
}

.textArea  h1.blue   {
	color:#1A69A5;
}

.textArea  h1.purple   {
	color:#7A43A1;
}

.textArea  h1.magenta   {
	color:#CB3494;
}

.textArea  h1.dark-teal   {
	color:#23818D;
}

.textArea  h1.light-teal   {
	color:#33B5C1;
}

.textArea  h1.pink   {
	color:#F08CB9;
}

.textArea  h1.white   {
	color:#FFFFFF;
}

.textArea h2  {
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	font-size: 20px;
	margin-top: 15px;
	margin-bottom:10px;
	background-image: none;
	text-align:center;
	color:#585858;
	font-style: normal;
	font-weight: normal;
}

.textArea h2.blue   {
	color:#1A69A5;
}

.textArea h2.purple   {
	color:#7A43A1;
}

.textArea h2.magenta   {
	color:#CB3494;
}

.textArea  h2.dark-teal   {
	color:#23818D;
}

.textArea  h2.light-teal   {
	color:#33B5C1;
}

.textArea  h2.pink   {
	color:#F08CB9;
}

.textArea p  {
	text-align:center;
}

/*styles the color of the p.links*/

.textArea p.links  {
	margin-top: 0px;
	margin-bottom:15px;
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;	
}

.textArea p.links.blue {
	color:#1A69A5;	
} 

.textArea p.links.purple {
	color:#7A43A1;	
}

.textArea p.links.magenta {
	color:#CB3494;	
}

.textArea p.links.dark-teal {
	color:#23818D;	
}

.textArea p.links.light-teal {
	color:#33B5C1;	
}

.textArea p.links.pink {
	color:#F08CB9;	
}

.textArea p.links.white {	
	color:#FFF;
}

/*styles the bullet arrow in front of the p.links*/

.textArea p.links.blue:before  {
	content:url(../images/bullet_big_new-blue.png);	
	padding-right:5px;
	vertical-align:middle;
}

.textArea p.links.purple:before  {
	content:url(../images/bullet_big_new-purple.png);	
	padding-right:5px;
	vertical-align:middle;
}

.textArea p.links.magenta:before  {
	content:url(../images/bullet_big_purple.png);	
	padding-right:5px;
	vertical-align:middle;
}

.textArea p.links.dark-teal:before  {
	content:url(../images/bullet_big_dark-teal.png);	
	padding-right:5px;
	vertical-align:middle;
}

.textArea p.links.light-teal:before  {
	content:url(../images/bullet_big_light-teal.png);	
	padding-right:5px;
	vertical-align:middle;
}

.textArea p.links.pink:before  {
	content:url(../images/bullet_big_pink.png);	
	padding-right:5px;
	vertical-align:middle;
}

.textArea p.links.white:before  {
	content:url(../images/bullet_big_white.png);	
	padding-right:5px;
	vertical-align:middle;
}

/*styles for p.link a*/

.textArea p.links.blue a:link, .textArea p.links.blue a:visited {
	color:#1A69A5;
	text-decoration:none;	
} 

.textArea p.links.blue a:hover {
	text-decoration:underline;
}

.textArea p.links.purple a:link, .textArea p.links.purple a:visited {
	color:#7A43A1;
	text-decoration:none;	
} 

.textArea p.links.purple a:hover {
	text-decoration:underline;
}

.textArea p.links.magenta a:link, .textArea p.links.magenta a:visited {
	color:#CB3494;
	text-decoration:none;	
} 

.textArea p.links.magenta a:hover {
	text-decoration:underline;
}

.textArea p.links.dark-teal a:link, .textArea p.links.dark-teal a:visited {
	color:#23818D;
	text-decoration:none;	
} 

.textArea p.links.dark-teal a:hover {
	text-decoration:underline;
}

.textArea p.links.light-teal a:link, .textArea p.links.light-teal a:visited {
	color:#33B5C1;
	text-decoration:none;	
} 

.textArea p.links.light-teal a:hover {
	text-decoration:underline;
}

.textArea p.links.pink a:link, .textArea p.links.pink a:visited {
	color:#F08CB9;
	text-decoration:none;	
} 

.textArea p.links.pink a:hover {
	text-decoration:underline;
}

.textArea p.links.white a:link, .textArea p.links.white a:visited {
	color:#FFF;
	text-decoration:none;	
} 

.textArea p.links.white a:hover {
	text-decoration:underline;
}

/*styles for the positioning divs*/

#wrapperContent /*overall container for everything*/ {
	background-image:none;
	width: 100%;
	margin:0px;
	padding:0px;
	display: block;
	clear: both;
}

/*styles for the big top image*/

#wrapperContent .bigTopImage  {
	width:100%;
	background-size:cover;
	background-image: url(../images/top-page/bigTopImage-father-daughter-son.jpg);
	/*height: calc(100vh -  218px);*/
	height: calc(100vh + 50px);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
}
#wrapperContent .bigTopImage.bg0  {
	background-image: url(../images/top-page/bigTopImage-mother-adult-daughter.jpg);
	
}
#wrapperContent .bigTopImage.bg1  {
	background-image: url(../images/top-page/bigTopImage-mother-daughter-1600.jpg);
	
}
#wrapperContent .bigTopImage.bg2  {
	background-image: url(../images/top-page/bigTopImage-father-daughter-son.jpg);
	
}
#wrapperContent .bigTopImage.bg3  {
	background-image: url(../images/top-page/bigTopImage-blackMother-with-toddler.jpg);
	
}
#wrapperContent .bigTopImage.bg4  {
	background-image: url(../images/top-page/bigTopImage-ellyn-mother.jpg);
	

	
}

#wrapperContent .bigTopImage .message  {
	width:100%;
	position:absolute;
	bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align:center;
	
}

#wrapperContent .bigTopImage .message p {
	font-family: "Museo700Regular", "Trebuchet MS", sans-serif;
	font-size: 40px;
	line-height: 40px;
	color: #FFF;
	text-align: center;
	margin-bottom: 0px;
	/*margin-bottom: 225px;*/
	text-shadow: 3px 3px 3px rgba(0,0,0,0.80);
}

/*styles for the main sections and their textareas*/

#wrapperContent .wrapperTextAreaNormal  {
	background-image:none;
	width: 100%;
	display: block;
	clear: both;
	margin-left: 0;
	/*float: left;*/	
}

#wrapperContent .wrapperTextAreaWhite  {
	background-color: #FFF;
	width: 100%;
	display: block;
	clear: both;
	/*float: left;*/	
}

#wrapperContent .wrapperTextAreaNormal .textArea,
#wrapperContent .wrapperTextAreaWhite .textArea {
	max-width:1060px;
	margin:45px auto 45px auto;
	padding:0 1% 0 1%;
	position:relative;
}

/*These style the square white boxes used for the first and for the last sections*/

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox {
	width:100%;
	background-color:#FFF;
	-webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	padding:0;
	position:relative;
    display:block;
}

/*This is for the End-of-Year giving box for 2018. It is only going to be one column with all the items centered so no need for columns*/
#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.centered {
	width:100%;
	background-color:#FFF;
	-webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	padding:40px 20px;
	position:relative;
	background-image:url(../images/top-page/background-EOY-giving-2018.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.centered h1 {
	margin-top:25px;
	margin-bottom:25px;
	font-size:30px;
	line-height:26px;
	/*this is new*/
	color:#FFFFFF !important;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.centered p {
	text-align:center;
	margin:15px 10% 9px 10%;
	/*margin-top:15px;
	margin-bottom:9px;*/
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	font-size:20px;
	line-height:24px;
	color:#FFFFFF !important;
	
}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second {
	margin-top:40px;
	height:auto;
}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft50 {
	float:left;
	width:48%;
	padding:40px 1% 25px 1%;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft50 p.big {
	
	font-size:20px;
	line-height:24px;
	margin-bottom:15px !important;
}
/*this is new*/
#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft50 p  {
	color:#666 !important;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft50 p a:link, #wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft50 p a:hover, #wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft50 p a:visited      {
	color:#CB3494;

}



#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft50 h1.big {
	margin-bottom:25px;
	font-size:30px;
	line-height:26px;
	/*this is new*/
	color:#FFFFFF !important;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft50 p.links {
	/*font-size:18px;
	line-height:22px;*/
	font-size:24px;
	line-height:22px;
	margin-top:25px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight50 {
	float:right;
	width:48%;
	padding:0;
	margin:0;
	position:relative;
	height:393px;
	background-color:#fff;
	overflow:hidden;
}



#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight50 img {
    display:block;
	position: absolute;
  top: 50%;
  transform: translateY(-50%);
	padding:25px 1% 25px 1%;
}

/*#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight50 {
	float:right;
	width:48%;
	padding:40px 3% 30px 2%;
	min-height:430px;
	position:relative;
}


/*special styling for Conference 2018 box*/

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 {
	width: 100%;
	background-color: #FFF;
	-webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	padding: 0;
	position: relative;
	background-image: url(../images/top-page/background-conference18.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:40px;
	}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 {
	float:left;
	width:50.25%;
	padding:25px 2% 25px 2%;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 h1 {
	color:#FFF;
	text-align:left;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 p {
	color:#FFF;
	text-align:left;
	font-family:"Museo300Regular";
	font-size:18px;
	line-height:20px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox {
	background-color: #FFF;
	width:300px;
	border-radius: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox p {
	color:#666;
	text-align:left;
	font-family:"Museo500Regular";
	font-size:18px;
	line-height:20px;
	margin-bottom:0px;
	}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colRight4575 {
	float:right;
	width:45.75%;
	padding:0px;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colRight4575 img {
	min-width: 100%;
    height: auto;
	display:block;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .bottom  {
	float:left;
	width:100%;
	height:18px;
	background-image:url(../images/top-page/background-conference18-bottom.jpg);
	background-repeat:no-repeat;
	}
/*END special styling for Conference 2018 box*/


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight50 {
	background-color:#FFF !important;
	min-height:394px;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight50 img {
	display:block;
	position:absolute;
	transform: none;
	top:0px;
	right:0px;
	bottom:0px !important;
	padding:0px !important;
	
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colLeft50 {
	float:left;
	width:48%;
	padding:40px 1% 0px 1%;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colLeft50 h1 {
	line-height:30px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft68 {
	float:left;
	width:68%;
	padding:0;
	margin:0;
	margin-right:3%;

}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight25 {
	float:left;
	width:25%;
	padding:15px 3% 0px 0%;
	margin:0;	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft68 img {
	display:block;

}

/*used for the force survey 5-31-17*/
#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 {
	float:left;
	width:38%;
	padding:30px 1% 0px 2%;
}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 p.links {
	font-size:24px;
	line-height:22px;
	margin-top:25px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 h1 {
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	margin-top:0px;
    margin-bottom:10px;
    font-size:24px;
	line-height:24px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight58 {
	float:right;
	width:58%;
	padding:0;
	margin:0;
	position:relative;
	height:365px;
	background-color:#FFF;
	overflow:hidden;
	text-align:right;
}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight58 {
	float:right;
	width:58%;
	padding:0;
	margin:0;
	position:relative;
	height:auto;
	background-color:none;
	overflow:hidden;
	text-align:right;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight58 img {
   display:block;
   position:relative;
	
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight54 {
	float:right;
	width:54%;
	padding:0;
	margin:0;
	position:relative;
	height:365px;
	background-color:none;
	overflow:hidden;
	text-align:right;
}

/*#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight54 {
	float:right;
	width:54%;
	padding:0;
	margin:0;
	position:relative;
	height:365px;
	background-color:none;
	overflow:hidden;
	text-align:right;
}*/



#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight54 img {
   display:block;
   position:relative;
   
	
	
}



#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight54 img {
   display:block;
   position:relative;
	
	
}
/*end force survey .css*/

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight25 h2, #wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight25 p, #wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight25 p.links {
	text-align:left;
}


/*These styles make the boxes in the three column sections Awareness and Research. Research ones are further styled to flip the pictures from the bottom to the top*/

#wrapperContent .wrapperTextAreaWhite .textArea .col1, #wrapperContent .wrapperTextAreaWhite .textArea .col2, #wrapperContent .wrapperTextAreaWhite .textArea .col3, #wrapperContent .wrapperTextAreaWhite .textArea .col1.research, #wrapperContent .wrapperTextAreaWhite .textArea .col2.research, #wrapperContent .wrapperTextAreaWhite .textArea .col3.research  {
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-top: 30px;
	background-color: #E7EAEA;
    border-top-left-radius: 0px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius:0px;
	height:430px;
	overflow:hidden;
	position:relative;
}

#wrapperContent .wrapperTextAreaWhite .textArea .col1 .textbox, #wrapperContent .wrapperTextAreaWhite .textArea .col2 .textbox, #wrapperContent .wrapperTextAreaWhite .textArea .col3 .textbox  {
	padding:0px 10px;
	margin:0;
	
}

/*These style the rollover of the boxes*/
#wrapperContent .wrapperTextAreaWhite .textArea .col1:hover, #wrapperContent .wrapperTextAreaWhite .textArea .col2:hover, #wrapperContent .wrapperTextAreaWhite .textArea .col3:hover  {
	border:2px solid #CB3494;
}

#wrapperContent .wrapperTextAreaWhite .textArea .col1 a, #wrapperContent .wrapperTextAreaWhite .textArea .col2 a, #wrapperContent .wrapperTextAreaWhite .textArea .col3 a {
	text-decoration:none;
	color:inherit;
}


#wrapperContent .wrapperTextAreaWhite .textArea .col3  {
	
	margin-right: 0%;
	
}

#wrapperContent .wrapperTextAreaWhite .textArea .col1 img, #wrapperContent .wrapperTextAreaWhite .textArea .col2 img, #wrapperContent .wrapperTextAreaWhite .textArea .col3 img {
	display:block;
	position:absolute;
	bottom:0px;
}

/*special styling for Research boxes*/
#wrapperContent .wrapperTextAreaWhite .textArea .col1.research .textbox, #wrapperContent .wrapperTextAreaWhite .textArea .col2.research .textbox, #wrapperContent .wrapperTextAreaWhite .textArea .col3.research .textbox  {
	padding:0px 10px 10px 10px;
	margin:0;
}

#wrapperContent .wrapperTextAreaWhite .textArea .col1.research:hover, #wrapperContent .wrapperTextAreaWhite .textArea .col2.research:hover, #wrapperContent .wrapperTextAreaWhite .textArea .col3.research:hover  {
	border:2px solid #33B5C1;
}

#wrapperContent .wrapperTextAreaWhite .textArea .col1.research img, #wrapperContent .wrapperTextAreaWhite .textArea .col2.research img, #wrapperContent .wrapperTextAreaWhite .textArea .col3.research img {
	display:block;
	position:relative;	
}

#wrapperContent .wrapperTextAreaWhite .textArea .col3.research  {
	
	margin-right: 0%;
	
}


/*styles for the 2 column groups of Coummunity*/

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup  {
	width:100%;
	margin-top:45px;
	clear:both;
	
}


#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1 {
	width:47.5%;
	margin-right:5%;
	padding:0;
	margin:0;
	background-color: #FFF;
	border-top-left-radius: 0px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius:0px;
	/*min-height:310px;*/
	min-height:325px;
	float:left;
	text-align:center;
	overflow: hidden;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2 {
	width:47.5%;
	margin-right:0%;
	padding:0;
	margin:0;
	background-color: #FFF;
	border-top-left-radius: 0px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius:0px;
	/*min-height:310px;*/
	min-height:325px;
	float:right;
	text-align:center;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2 .textbox {
	padding:0;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.messageBoards {
	background-image:url(../images/top-page/background-message-boards.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.messageBoards p {
	padding:0px 20px !important;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.messageBoards h2 {
	padding:0px 10px !important;
}

/*styles for the Volunteer Spotlight*/





#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.volunteerSpotlight {
	background-image: url("../images/top-page/background-volunteer-spotlight.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	background-size:cover;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.volunteerSpotlight .textbox {
	/*min-height:auto;*/
	padding:0px 5% 15px 5%;
	color:#FFF;
	float:none;
	width:auto;
}




#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.volunteerSpotlight .textbox h2 {
	text-align: left;
	color: #FFF;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.volunteerSpotlight .textbox p  {
	font-size: 14px;
	line-height:18px;
	margin-top: 0px;
	margin-bottom:8px;
	text-align:left;
	color:#FFF;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.volunteerSpotlight .textbox p.links  {
	font-size:16px;
	line-height:22px;
	color:#FFF;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.volunteerSpotlight .textbox a:link, a:visited, a:hover  {
	color:#FFF;
	text-decoration:underlined;
	
}


/*end styles for volunteer spotlight*/

/*styles for the Donor Spotlight*/

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight {
	background-image: url(../images/top-page/donor-spotlight-maralee-schwartz.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

/*#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight {
	background-image: url(../images/top-page/background-donor-spotlight.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size:cover;
}*/

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox {
	width:48%;
	min-height:400px;
	padding:0px 3%;
	color:#FFF;
	float:right;
	text-align:left;
}

/*#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox {
	width:90%;
	min-height:auto;
	padding:0px 5% 20px 5%;
	color:#FFF;
	float:none;
	width:auto;
}*/


#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox h2 {
	text-align:left;
	color:#FFF;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox p  {
	font-size: 14px;
	line-height:18px;
	margin-top: 0px;
	margin-bottom:8px;
	text-align:left;
	color:#FFF;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox p.links  {
	font-size:16px;
	line-height:22px;
	color:#FFF;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox a:link, a:visited, a:hover  {
	color:#FFF;
	text-decoration:underlined;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox p.links  {
	font-size:16px;
	line-height:22px;
	color:#FFF;
}
/*end styles for donor spotlight*/

/*styles for the Local Groups box*/

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup col1.localgroups { 
	
}

.mapDiv  {
	width:63%;
	float:left;
	margin-bottom:30px;
}

.localGroupLinks  {
	width:35%;
	float:right;
	padding:85px 5px 0px 0px;
}

.localGroupLinks p.links {
	text-align:left;
}

/*styles for the Voices of FORCE*/

.vofImage  {
	width:42%;
	float:left;
	padding:0;
	margin:0;
	text-align:left;
}

.vofText  {
	width:54%;
	padding:0 2%;
	float:right;
	text-align:left;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1 .vofText h3 {
	font-family: "Museo300Regular", "Trebuchet MS", sans-serif;
	font-size: 18px;
	line-height:22px;
	margin-top:0px;
	margin-bottom:5px;
	background-image: none;
	text-align:left;
	color:#1A69A5;
	font-style: normal;
	font-weight: normal;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1 .vofText p {
	font-size: 14px;
	line-height:18px;
	margin-top: 0px;
	margin-bottom:8px;
	text-align:left;
	font-style: normal;
	font-weight: normal;
	text-align:left;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1 .vofText p.links  {
	font-size:16px;
	line-height:22px;
}


#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1 .vofText h2, #wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1  .vofText p.links  {
	text-align:left;
	
}

/*styles used for the Connect with Us section*/
#wrapperContent .wrapperTextAreaWhite.connect  {
	background-color:#E8EAE7;
	background-image:url(../images/top-page/background-connect-with-us.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:cover;
	/*background-size:contain;
	height:630px;*/
}

#wrapperContent .wrapperTextAreaWhite.connect .connectRightColumn {
	width: 47.5%;
	margin-right: 0%;
	margin: 0;
	float: right;
}

#wrapperContent .wrapperTextAreaWhite.connect .connectRightColumn h1 {
	color:#23818D;
	text-align:left;
	text-shadow: 1px 1px 3px rgba(255,255,255,1.00);
}

#wrapperContent .wrapperTextAreaWhite.connect .connectRightColumn .formDiv {
	border-top-left-radius: 0px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 0px;
	background-color: rgba(255,255,255,0.80);
	width:100%;
	padding: 10px;
}

#wrapperContent .wrapperTextAreaWhite.connect .connectRightColumn .formDiv p {
	text-align:left;
	margin-bottom:5px;
}

#wrapperContent .wrapperTextAreaWhite.connect .connectRightColumn .formDiv .fieldGroup {
	width:100%;
	padding:10px 0px;
	clear:both;
}

#wrapperContent .wrapperTextAreaWhite.connect .connectRightColumn .formDiv .fieldGroup .fieldname {
	width:20%;
	margin-right:3%;
	text-align:right;
	float:left;
	background-color:none;
	height:auto;
	border-radius:none;
	background-color:none;
}

#wrapperContent .wrapperTextAreaWhite.connect .connectRightColumn .formDiv .fieldGroup .input {
	width:70%;
	margin-right:0%;
	text-align:left;
	float:left;
	border-radius:none;
	background-color:none;
	height:auto;
}


input[type=submit] {
	background-color:#23818D;
	color:#FFF;
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	font-size: 16px;
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 0px;
	border:none;
	padding:3px 6px;

}


/*styles for the Advocacy section*/

#wrapperContent .wrapperTextAreaNormal.advocacy {
	background-color: #E8EaE7;
	background-image: url(../images/top-page/background-advocacy.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: cover;
	height: 435px;	
}

#wrapperContent .wrapperTextAreaNormal.advocacy .textArea .textbox  {
	float:left;
	width:50%
	
}

#wrapperContent .wrapperTextAreaNormal.advocacy .textArea h1 {
	text-align:left;
	color:#23818D;
}

#wrapperContent .wrapperTextAreaNormal.advocacy .textArea h2 {
	text-align:left;
	margin-bottom:30px;
	
}

#wrapperContent .wrapperTextAreaNormal.advocacy .textArea p.links {
	text-align:left;
}
#scroll-down {
	cursor:pointer;
	display: none;
	/*position: absolute;
	left: calc(50% - 26px);
	bottom: 20px;*/
}

#homeVoicesImage {
	box-shadow: -3px 3px 5px rgba(0,0,0,.40);
	transform: rotate(350deg);
	margin: 6px 0 0 6px;
}

/* connect form styles */

.formDiv .wFormContainer {
    font-family: "museo_sans300", "Trebuchet MS", sans-serif;
    font-size: 16px;
    line-height: 1;
    border:none;
	width: 100%;
    color: #000;
}
.formDiv .wForm  {
    padding:0;
}
.formDiv p.wForm  {
    padding:0 5px;
}
.formDiv .wForm fieldset {
    border:none;
}
.formDiv .wForm .oneField {
    margin: 0 !important;
}
.formDiv .wForm h2 {
    margin: 0;
	text-align:left !important;
	font-size: 16px;
}
#wrapperContent .formDiv .wForm input[type=submit] {
    background-color: #23818D;
    color: #FFF;
    font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
    font-size: 16px;
    border-top-left-radius: 0px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0px;
    border: none;
    padding: 3px 6px;
}
#wrapperContent .formDiv .wForm input[type=text], #wrapperContent .formDiv .wForm select {
    width:100% !important;
	box-sizing:border-box;
}
#wrapperContent .wForm .inputWrapper {
    display: block;
}
.formDiv .wForm .actions {
    border: none;
    padding: 0;
	margin: 0;
}
.formDiv .wForm .oneField {
	width: 100%;
    border: none;
    padding: 4px 0;
}


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

/*special styling for Conference 2018 box*/

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 {
	width: 100%;
	background-color: #FFF;
	-webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	padding: 0;
	position: relative;
	background-image: url(../images/top-page/background-conference18.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 {
	float:left;
	width:46.25%;
	padding:25px 2% 25px 2%;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 h1 {
	color:#FFF;
	text-align:left;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 p {
	color:#FFF;
	text-align:left;
	font-family:"Museo300Regular";
	font-size:18px;
	line-height:20px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox {
	background-color: #FFF;
	width:300px;
	border-radius: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox p {
	color:#666;
	text-align:left;
	font-family:"Museo500Regular";
	font-size:18px;
	line-height:20px;
	margin-bottom:0px;
	}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colRight4575 {
	float:right;
	width:49.75%;
	padding:0px;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colRight4575 img {
	min-width: 100%;
    height: auto;
	display:block;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .bottom  {
	float:left;
	width:100%;
	height:18px;
	background-image:url(../images/top-page/background-conference18-bottom.jpg);
	background-repeat:no-repeat;
	}
/*END special styling for Conference 2018 box*/

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight54 {
	float:right;
	width:54%;
	padding:0;
	margin:0;
	position:relative;
	height:auto;
	background-color:none;
	overflow:hidden;
	text-align:right;
}
#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight58 {
	float:right;
	width:58%;
	padding:0;
	margin:0;
	position:relative;
	height:350px;
	background-color:#FFF;
	overflow:hidden;
	text-align:right;
}


}

@media screen and (max-width:980px){
	#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight50 {
	background-color:#FFF !important;
	height:317px;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight54 {
	float:right;
	width:54%;
	padding:0;
	margin:0;
	position:relative;
	height:auto;
	background-color:none;
	overflow:hidden;
	text-align:right;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colLeft41  {
	padding-top:0px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 h1.big {
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	margin-top:20px;
	margin:bottom:15px;
	font-size:24px;
	line-height:28px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 p.links {
	font-size:24px !important;
	line-height:22px;
	margin-top:25px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colLeft41 h1.big {
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	margin-top:20px;
	margin:bottom:15px;
	font-size:22px;
	line-height:26px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colLeft41 p.big {
	
	font-size:16px;
	line-hright:20px;
	
}

    #wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight58 {
	float:right;
	width:58%;
	padding:0;
	margin:0;
	position:relative;
	height:330px;
	background-color:#FFF;
	overflow:hidden;
	text-align:right;
}



/*End special styling for the Dou You Know big idea*/


/*special styling for Conference 2018 box*/

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 {
	width: 100%;
	background-color: #FFF;
	-webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	padding: 0;
	position: relative;
	background-image: url(../images/top-page/background-conference18.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 {
	float:left;
	width:44.25%;
	padding:20px 1% 15px 2%;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 h1 {
	color:#FFF;
	text-align:left;
	font-size:20px;
	line-height:22px;
	}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 p {
	color:#FFF;
	text-align:left;
	font-family:"Museo300Regular";
	font-size:16px;
	line-height:18px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox {
	background-color: #FFF;
	width:300px;
	border-radius: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox p {
	color:#666;
	text-align:left;
	font-family:"Museo500Regular";
	font-size:18px;
	line-height:20px;
	margin-bottom:0px;
	}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colRight4575 {
	float:right;
	width:51.75%;
	padding:0px;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colRight4575 img {
	min-width: 100%;
    height: auto;
	display:block;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .bottom  {
	float:left;
	width:100%;
	height:18px;
	background-image:url(../images/top-page/background-conference18-bottom.jpg);
	background-repeat:no-repeat;
	}
/*END special styling for Conference 2018 box*/

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight54 img.siscoBerluti {
   
	

	width:60%;
	padding:0;
	margin:0;
	
	
}
	
	#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight {
	background-image:url(../images/top-page/donor-spotlight-maralee-schwartz-mobile800.jpg);
	background-position: top left;
}
	
}


@media screen and (max-width:800px){/*styles for tablets in vertical mode*/
	/*styling for the white square boxes at the top and bottom sections*/


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft50 {
	float:left;
	width:48%;
	padding:30px 1% 25px 1%;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight50 {
	float:right;
	width:48%;
	padding:30px 3% 30px 2%;
	min-height:394px;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight50 img {
    display:block;
	position: absolute;
  top: 50%;
  transform: translateY(-50%);
	padding:25px 5% 25px 3%;
}



/*used for the force survey 5-31-17*/
#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 {
	float:left;
	width:38%;
	padding:10px 1% 0px 2%;
}



#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 p.links {
	font-size:20px !important;
	line-height:22px;
	margin-top:0px;
    margin-bottom:0px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 h1 {
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	margin-top:0px;
    font-size: 22px;
	
}



#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight58 {
	float:right;
	width:58%;
	padding:0;
	margin:0;
	position:relative;
	height:280px;
	background-color:#FFF;
	overflow:hidden;
	text-align:right;
}




/*end force survey .css*/

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight50 {
	background-color:#FFF !important;
	height:258px;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colLeft50 {
	float:left;
	width:48%;
	padding:20px 1% 0px 1%;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight50 img {
	display:block;
	position: absolute;
  top: 50%;
  transform: translateY(-50%);
	padding:25px 1% 25px 1%;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight54 {
	float:right;
	width:54%;
	padding:0;
	margin:0;
	position:relative;
	height:auto;
	background-color:none;
	overflow:hidden;
	text-align:right;
}

/*styling for textAreas*/

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1 {
	
	min-height:400px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2 {
	
	min-height:400px;
	
}



/*special styling for Conference 2018 box*/

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 {
	width: 100%;
	background-color: #FFF;
	-webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	padding: 0;
	position: relative;
	background-image: url(../images/top-page/background-conference18.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 {
	float:left;
	width:42.25%;
	padding:15px 0% 0px 2%;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 h1 {
	color:#FFF;
	text-align:left;
	font-size:18px;
	line-height:20px;
	margin-bottom:10px;
	}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 p {
	color:#FFF;
	text-align:left;
	font-family:"Museo300Regular";
	font-size:16px;
	line-height:18px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox {
	background-color: #FFF;
	width:250px;
	border-radius: 12px;
	margin-top: 10px;
	margin-bottom: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox p {
	color:#666;
	text-align:left;
	font-family:"Museo500Regular";
	font-size:15px;
	line-height:17px;
	margin-bottom:0px;
	}
	
	#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox img  {
	width:35px;
	height:35px;	
	}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colRight4575 {
	float:right;
	width:53.75%;
	padding:0px;
	position:relative;
	background-color:#FFF;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colRight4575 img {
	min-width: 100%;
    height: auto;
	display:block;
	vertical-align:bottom;
	margin-top:20px;
	}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .bottom  {
	float:left;
	width:100%;
	height:18px;
	background-image:url(../images/top-page/background-conference18-bottom.jpg);
	background-repeat:no-repeat;
	}
	






/*#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight {
	background-image:url(../images/top-page/donor-spotlight-maralee-schwartz-mobile800.jpg);
	background-position: bottom left;
}*/

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox {
	width:50%;
	padding:0px 3%;
	color:#FFF;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox h2 {
	text-align: left;
	color: #FFF;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.80);
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox p {
	text-align: left;
	color: #FFF;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.80);
}
}


@media screen and (max-width:768px){/*styles for tablets in vertical mode*/
	
/*styling for textAreas*/

#wrapperContent .wrapperTextAreaNormal .textArea,
#wrapperContent .wrapperTextAreaWhite .textArea {
	max-width:1060px;
	margin:30px auto 30px auto;
	padding:0 2% 0 2%;
	position:relative;
}	
	
	
.textArea  h1.big   {
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	font-size: 22px;
	line-height:26px;
	margin-bottom: 0px;
	margin-top:0px;
	
}

.textArea h2.big {
	margin-bottom:10px;
	margin-top:5px;
	font-size: 18px;
	line-height:22px;
}

.textArea p.big {
	margin-bottom:15px;
	font-size: 16px;
	line-height:20px;
}

.textArea h2  {
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	font-size: 17px
	line-height:19px;
	margin-top: 8px;
	margin-bottom:8px;
	background-image: none;
	text-align:center;
	color:#585858;
	font-style: normal;
	font-weight: normal;
}



/*styling for the white square boxes at the top and bottom sections*/
#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft50 {
	float:left;
	width:48%;
	padding:30px 1% 25px 1%;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight50 {
	float:right;
	width:48%;
	padding:30px 3% 30px 2%;
	min-height:394px;
	position:relative;
}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight50 {
	background-color:#FFF !important;
	height:245px;
	position:relative;
}



#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colLeft50 {
	float:left;
	width:48%;
	padding:20px 1% 0px 1%;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight54 {
	float:right;
	width:54%;
	padding:0;
	margin:0;
	position:relative;
	height:260px;
	background-color:none;
	overflow:hidden;
	text-align:right;
}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft68 {
	float:left;
	width:60%;
	padding:0;
	margin:0;
	margin-right:3%;

}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight25 {
	float:left;
	width:33%;
	padding:10px 2% 0px 0%;
	margin:0;	
}



#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight58 {
	float:right;
	width:58%;
	padding:0;
	margin:0;
	position:relative;
	height:273px;
	background-color:#FFF;
	overflow:hidden;
	text-align:right;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight58 {
	float:right;
	width:58%;
	padding:0;
	margin:0;
	position:relative;
	height:275px;
	background-color:none;
	overflow:hidden;
	text-align:right;
}



#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight58 img {
   display:block;
   transform:none;
   position:relative;
	
	
}

/*#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 {
	float:left;
	width:37%;
	padding:10px 2% 0px 2%;
}*/

/*styling for the 3 column groups Awareness and Research*/
#wrapperContent .wrapperTextAreaWhite .textArea .col1, #wrapperContent .wrapperTextAreaWhite .textArea .col2, #wrapperContent .wrapperTextAreaWhite .textArea .col3  {
	width: 30%;
	margin-right: 3%;
	height:350px;
	margin-top: 10px;
	
}

#wrapperContent .wrapperTextAreaWhite .textArea .col1.research, #wrapperContent .wrapperTextAreaWhite .textArea .col2.research, #wrapperContent .wrapperTextAreaWhite .textArea .col3.research  {
	height:370px;
}


/*tightens up the top margin for the first group of 2 columns in Community section*/
#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup:first-of-type  {
	width:100%;
	margin-top:25px;
	clear:both;	
}

/*makes less space above the p.links in the local groups box*/
.localGroupLinks  {
	width:35%;
	float:right;
	padding:60px 5px 0px 0px;
}


/*styles the Connect with us Section*/	
#wrapperContent .wrapperTextAreaWhite.connect  {
	margin-top:25px;
	padding-bottom:20px;
	background-size:contain;
}

#wrapperContent .wrapperTextAreaWhite.connect .connectRightColumn {
	width: 58%;
	margin-right: 2%;
	margin: 0;
	float: right;
}

/*styles the Advocacy section to be shorter*/
#wrapperContent .wrapperTextAreaNormal.advocacy {
	height: 300px;	
}



#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.messageBoards h2 {
	padding:15px 10px !important;
}

	


	

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight {
	background-image: url(../images/top-page/donor-spotlight-maralee-schwartz-mobile-768.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:cover;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox {
	width:100%;
	padding:250px 3% 0px;
	
	color:#FFF;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox h2 {
	text-align: left;
	color: #FFF;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.80);
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox p {
	text-align: left;
	color: #FFF;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.80);
}*/


/*special styling for Conference 2018 box*/

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 {
	width: 100%;
	background-color: #FFF;
	-webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	padding: 0;
	position: relative;
	background-image: url(../images/top-page/background-conference18.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 {
	float:left;
	width:40.25%;
	padding:10px 0% 0px 2%;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 h1 {
	color:#FFF;
	text-align:left;
	font-size:18px;
	line-height:20px;
	margin-bottom:10px;
	}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 p {
	color:#FFF;
	text-align:left;
	font-family:"Museo300Regular";
	font-size:16px;
	line-height:18px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox {
	background-color: #FFF;
	width:215px;
	border-radius: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right:10px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox p {
	color:#666;
	text-align:left;
	font-family:"Museo500Regular";
	font-size:14px;
	line-height:16px;
	margin-bottom:0px;
	}
	
	#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox img  {
	width:30px;
	height:30px;	
	}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colRight4575 {
	float:right;
	width:55.75%;
	padding:0px;
	position:relative;
	background-color:#FFF;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colRight4575 img {
	min-width: 100%;
    height: auto;
	display:block;
	vertical-align:bottom;
	margin-top:25px;
	}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .bottom  {
	float:left;
	width:100%;
	height:18px;
	background-image:url(../images/top-page/background-conference18-bottom.jpg);
	background-repeat:no-repeat;
	}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight54 {
	float:right;
	width:54%;
	padding:0;
	margin:0;
	position:relative;
	height:250px;
	background-color:none;
	overflow:hidden;
	text-align:right;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colLeft41  {
	padding-top:0px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colLeft41 h1.big {
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	margin-top:10px;
	margin:bottom:15px;
	font-size:20px;
	line-hright:24px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colLeft41 p.big {
	
	font-size:16px;
	line-hright:20px;
	margin-bottom:5px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colLeft41 p.link {
	
	font-size:16px;
	line-hright:20px;
	margin-top:0px;
	
}
	}


@media screen and (max-width:700px){
	
	#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight54 img {
	margin-top:30px;	
		
}
	
	
}

@media screen and (max-width:600px){
	
/*styling for the top image message*/	
#wrapperContent .bigTopImage .message  {
	width:80%;
	
}	

#wrapperContent .bigTopImage .message p {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 50px;	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft50 {
	float:none;
	width:100% !important;
	padding:0px 2% 25px 2%;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft50 p {
	font-size:18px !important;
	line-height:22px;
	margin-bottom:10px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft50 p.links {
	font-size:22px !important;
	line-height:22px;
	margin-top:25px;
	
}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight50 {
	
	float:none;
	width:100%;
	position:relative;
	padding:0px 0% 0px 0%;
margin-bottom:-135px;
	
	height:auto;
		
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight50 img {
	position:relative;
	display:block;
	transform:none;
	
	/*height:auto;*/
}



#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 {
	float:none;
	width:100%;
	padding:20px 1% 20px 2% !important;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second  {
	margin-bottom:25px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colLeft50 {
	float:none;
	width:100% !important;
	position:relative;
	padding:25px 1% 0px 1%;
}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight50 {
	
	float:none;
	width:100%;
	position:relative;
	padding:0px 0% 0px 0%;
	height:auto;
		
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight50 img{
	position:relative;
	display:block;
	transform:none;
	height:auto;
}



#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft68 {
	float:none;
	width:100%;
	padding:0;
	margin:0;
	margin-right:0%;

}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight25 {
	float:none;
	width:100%;
	padding:10px 2% 0px 2%;
	margin:0;	
}

/*used for the force survey 5-31-17*/
#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 {
	float:none;
	width:100%;
	padding-top:0px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colLeft41  {
	float:none;
	width:100%;
	
	
}



#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 h1.big {
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	margin-top:20px;
	margin-bottom:15px;
	font-size:22px;
	line-height:28px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 p.links {
	font-size:22px !important;
	line-height:22px;
	margin-top:25px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight54  {
	float:none;
	width:100%;
	height:auto;
	
}




#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 p.links {
	font-size:18px;
	line-height:22px;
	margin-top:0px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colLeft41 h1 {
	font-family: "Museo500Regular", "Trebuchet MS", sans-serif;
	margin-top:0px;
	
}





#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight58 {
	float:none;
	width:100%;
	padding:0;
	margin:0;
	position:relative;
	height:auto;
	background-color:none;
	overflow:hidden;
	text-align:right;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight58 img {
   display:block;
   position:relative;
	
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight58 {
	float:none;
	width:100%;
	padding:0;
	margin:0;
	position:relative;
	height:auto;
	background-color:none;
	overflow:hidden;
	text-align:right;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight58 img {
   display:block;
   position:relative;
	
	
}

#wrapperContent .wrapperTextAreaWhite .textArea .col1, #wrapperContent .wrapperTextAreaWhite .textArea .col2, #wrapperContent .wrapperTextAreaWhite .textArea .col3, #wrapperContent .wrapperTextAreaWhite .textArea .col1.research, #wrapperContent .wrapperTextAreaWhite .textArea .col2.research, #wrapperContent .wrapperTextAreaWhite .textArea .col3.research  {
	float: none;
	width: 100%;
	margin-right: 0%;
	margin-top: 30px;
	height:auto;
	overflow: visible;
	position:relative;
	border-top-left-radius: 0px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius:0px;
}

#wrapperContent .wrapperTextAreaWhite .textArea .col1 p, #wrapperContent .wrapperTextAreaWhite .textArea .col2 p, #wrapperContent .wrapperTextAreaWhite .textArea .col3 p {
	margin-bottom:-30px;
}

#wrapperContent .wrapperTextAreaWhite .textArea .col1.research p, #wrapperContent .wrapperTextAreaWhite .textArea .col2.research p, #wrapperContent .wrapperTextAreaWhite .textArea .col3.research p {
	margin-bottom:10px;
}

#wrapperContent .wrapperTextAreaWhite .textArea .col1 img, #wrapperContent .wrapperTextAreaWhite .textArea .col2 img, #wrapperContent .wrapperTextAreaWhite .textArea .col3 img {
	display:block;
	position:relative;
	width:100%;
	height:auto;
}

#wrapperContent .wrapperTextAreaWhite .textArea .col1 .textbox, #wrapperContent .wrapperTextAreaWhite .textArea .col2 .textbox, #wrapperContent .wrapperTextAreaWhite .textArea .col3 .textbox  {
	padding:10px 10px 0px 10px;
	margin:0;
	
}

/*styles for the Community group*/

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1 {
	width:100%;
	margin-right:0%;
	padding:0;
	margin:0px 0px 45px 0px;
	background-color: #FFF;
	border-top-left-radius: 0px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius:0px;
	min-height:0;
	float:none;
	text-align:center;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2 {
	width:100%;
	margin-right:0%;
	padding:0;
	margin:0;
	background-color: #FFF;
	border-top-left-radius: 0px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius:0px;
	min-height:0;
	float:none;
	text-align:center;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.messageBoards {
	min-height:400px;
	background-image:url(../images/top-page/background-message-boards.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
	
}


#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.pnp {
	padding:20px 40px !important;
	min-height:0;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup col1.localgroups { 
	min-height:0;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.volunteerSpotlight {
	background-image: url("../images/top-page/background-volunteer-spotlight.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	background-size:cover;
	min-height:700px;
}


#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.volunteerSpotlight .textbox {
	width:100%;
	padding:20px 3%;
	color:#FFF;
	float:left;
	
   
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight {
	background-image: url(../images/top-page/donor-spotlight-maralee-schwartz.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size:cover;
	min-height:515px;
}
	
	#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox {
	width:55%;
	padding:0px 3% 0px;
	
	color:#FFF;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox {
	margin-top: 15px;
}


/*styles for Connect with Us*/

#wrapperContent .wrapperTextAreaWhite.connect .connectRightColumn {
	width:100%;
	margin-right: 0%;
	margin: 175px 0px 0px 0px;;
	float: none;
}

#wrapperContent .wrapperTextAreaWhite.connect .connectRightColumn h1 {
	color:#23818D;
	text-align:left;
	text-shadow: none;
}

/*styles for the Advocacy section*/

#wrapperContent .wrapperTextAreaNormal.advocacy {
	height:600px;
}

#wrapperContent .wrapperTextAreaNormal.advocacy .textArea {
	
	margin-top:10px;
}


#wrapperContent .wrapperTextAreaNormal.advocacy .textArea .textbox  {
	float:none;
	width:100%
	
}


/*special styling for Conference 2018 box*/

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 {
	width: 100%;
	background-color: #FFF;
	-webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	box-shadow: 5px 5px 5px rgba(99,99,99,0.20);
	padding: 0;
	position: relative;
	background-image: url(../images/top-page/background-conference18.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 {
	float:none;
	width:100%;
	padding:25px 3% 10px 3%;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 h1 {
	color:#FFF;
	text-align:left;
	font-size:24px;
	line-height:28px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 p {
	color:#FFF;
	text-align:left;
	font-family:"Museo300Regular";
	font-size:18px;
	line-height:20px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox {
	background-color: #FFF;
	width:275px;
	border-radius: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox p {
	color:#666;
	text-align:left;
	font-family:"Museo500Regular";
	font-size:18px;
	line-height:20px;
	margin-bottom:0px;
	}
	
#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colLeft5425 .locationBox img  {
	width:41px;
	height:41px;
	float:left;
	margin-right:5px;	
	}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colRight4575 {
	float:none;
	width:100%;
	padding:0px;
	position:relative;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .colRight4575 img {
	min-width: 100%;
    height: auto;
	display:block;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.Conference2018 .bottom  {
	float:none;
	width:100%;
	height:18px;
	background-image:url(../images/top-page/background-conference18-bottom.jpg);
	background-repeat:no-repeat;
	}
/*END special styling for Conference 2018 box*/

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox .colRight54 img.siscoBerluti {
   
	

	width:auto;
	padding:0;
	margin:0;
	
	
}


}

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


	
	#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight {
	background-image: url(../images/top-page/donor-spotlight-maralee-schwartz-mobile-768.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:cover;
	min-height:400px;
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1.donorSpotlight .textbox {
	width:100%;
	padding:250px 3% 0px;
	margin-bottom:0px;
	color:#FFF;
	
}
}

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


#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1 {
	
	min-height:0px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2 {
	
	min-height:0px;
	
}	


#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.second .colRight50 {
	
	min-height:auto;
	padding-bottom:20px;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.messageBoards {
	min-height:300px;
	background-image:url(../images/top-page/background-message-boards.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
	
}
    
#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.volunteerSpotlight {
	background-image: url("../images/top-page/background-volunteer-spotlight.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	background-size:cover;
	min-height:650px;
}    



}


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


/*styles for the top image message*/
#wrapperContent .bigTopImage .message  {
	width:90%;
	
}

#wrapperContent .bigTopImage .message p {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 30px;	
}	
	
/*styles that stack the form fields*/	
#wrapperContent .wrapperTextAreaWhite.connect .connectRightColumn .formDiv .fieldGroup .fieldname {
	width:100%;
	margin-right:0%;
	text-align:left;
	float:none;
	background-color:none;
	height:auto;
	border-radius:none;
	background-color:none;
	margin-bottom:3px;
}

#wrapperContent .wrapperTextAreaWhite.connect .connectRightColumn .formDiv .fieldGroup .input {
	width:100%;
	margin-right:0%;
	text-align:left;
	float:none;
	border-radius:none;
	background-color:none;
	height:auto;
}

#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.centered h1 {
	margin-top:25px;
	margin-bottom:25px;
	font-size:26px;
	line-height:28px;
	/*this is new*/
	color:#FFFFFF !important;
	
}
	
#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.volunteerSpotlight {
	background-image: url("../images/top-page/background-volunteer-spotlight.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	background-size:cover;
	min-height:640px;
} 	
	
}

@media screen and (max-width:320px){
	
/*styles for the Community section*/
#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col1 {
	
	min-height:0;
	
}

#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2 {
	min-height:460;
	
}



/*Style for Connect with Us*/

#wrapperContent .wrapperTextAreaWhite.connect .connectRightColumn {
	width:100%;
	margin-right: 0%;
	margin: 150px 0px 0px 0px;;
	float: none;
}



#wrapperContent .wrapperTextAreaNormal .textArea .whiteSquareBox.centered h1 {
	margin-top:25px;
	margin-bottom:25px;
	font-size:24px;
	line-height:28px;
	/*this is new*/
	color:#FFFFFF !important;
	
}
	#wrapperContent .wrapperTextAreaNormal .textArea .columnGroup .col2.volunteerSpotlight {
	background-image: url("../images/top-page/background-volunteer-spotlight.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	background-size:cover;
	min-height:625px;
} 	

}