/*
Theme Name: Adaptability Canada
Description: Custom theme for the Adaptability Canada site.
Version: 1.0
Author: Anthony Russo
Author URI: http://ayruss.com
*/
* {
  font-family: Arial;
  margin: 0;
  padding: 0;
}
body {
  font-size: 100%;
}
a:link, a:visited {
  color: #234387;
}
p {
  font-size: 1em;
}
ul li {
  list-style-position: inside;
}
img {
  border: 0;
}
.imageLeft {
  float: left;
  padding: 0 10px 10px 0;
}
.sendLeft {
  float: left;
}
.sendRight {
  float: right;
}
.clearBoth {
  clear: both;
}
#siteWrapper {
  margin: 0 auto 20px auto;
  width: 1075px;
}
.cityback {
  background: url('images/cityback.jpg') no-repeat;
}
.comboback {
  background: url('images/comboback.jpg') no-repeat;
}
.commercialback {
  background: url('images/commercialback.jpg') no-repeat;
}
.communityback {
  background: url('images/communityback.jpg') no-repeat;
}
.residentialback {
  background: url('images/residentialback.jpg') no-repeat;
}
header {  
  margin: 0 auto;
  padding: 150px 0 0 0;
  position: relative;
  width: 960px;
}
header img{
  min-width: 200px;
  max-width: 379px;
  width: 40%;
}
#topper {
  float: right;
  font-size: 0.8em;
}
nav {
  background-color: #FFF;
  display: block;
  width: 100%;
}
nav ul {
  width: 100%;
}
nav ul li {
  float: left;
  font-size: 1em;
  list-style-type: none;
  list-style-position: outside;
}
nav ul li a {
  border-left: 1px solid #c0c0c0;
  color: black !important;
  display: inline-block;
  padding: 15px 26px;
  text-decoration: none;
  width: 106px;
}
nav ul li:last-of-type a {
  border-right: 1px solid #c0c0c0;
  padding-right: 31px;
}
.showArrow {
  display: block !important;
}
.arrow-up-community {
  border-left: 0px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0C4D22;
  display: none;
  position: absolute;
  height: 0;
  margin: 60px 0 0 0px;
  width: 0;
}
.arrow-up-residential {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #DE7B12;
  display: none;
  position: absolute;
  height: 0; 
  margin: 60px 0 0 150px;
  width: 0;
}
.arrow-up-commercial {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #6E6E6E;
  display: none;
  position: absolute;
  height: 0; 
  margin: 60px 0 0 308px;
  width: 0;
}
.arrow-up-nonprofit{
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #234387;
  display: none;
  position: absolute;
  height: 0; 
  margin: 60px 0 0 467px;
  width: 0;
}
.arrow-up-public {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0C4D22;
  display: none;
  position: absolute;
  height: 0;
  margin: 60px 0 0 626px;
  width: 0;
}
.arrow-up-adaptcan {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #234387;
  display: none;
  position: absolute;
  height: 0; 
  margin: 60px 0 0 785px;
  width: 0;
}
nav ul li a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, #e0e0e0, rgba(255,255,255,0));
  background: -moz-linear-gradient(top, #e0e0e0, rgba(255,255,255,0));
  background: -ms-linear-gradient(top, #e0e0e0, rgba(255,255,255,0));
  background: -o-linear-gradient(top, #e0e0e0, rgba(255,255,255,0));
}
nav .current-menu-item.orangeLink, nav .orangeLink a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240,192,153,1)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(240,192,153,1), rgba(255,255,255,0));
  background: -moz-linear-gradient(top, rgba(240,192,153,1), rgba(255,255,255,0));
  background: -ms-linear-gradient(top, rgba(240,192,153,1), rgba(255,255,255,0));
  background: -o-linear-gradient(top, rgba(240,192,153,1), rgba(255,255,255,0));
}
nav .current-menu-item.blueLink, nav .blueLink a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(135,176,196,1)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(135,176,196,1), rgba(255,255,255,0));
  background: -moz-linear-gradient(top, rgba(135,176,196,1), rgba(255,255,255,0));
  background: -ms-linear-gradient(top, rgba(135,176,196,1), rgba(255,255,255,0));
  background: -o-linear-gradient(top, rgba(135,176,196,1), rgba(255,255,255,0));
}
nav .current-menu-item.greenLink, nav .greenLink a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(155,201,167,1)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(155,201,167,1), rgba(255,255,255,0));
  background: -moz-linear-gradient(top, rgba(155,201,167,1), rgba(255,255,255,0));
  background: -ms-linear-gradient(top, rgba(155,201,167,1), rgba(255,255,255,0));
  background: -o-linear-gradient(top, rgba(155,201,167,1), rgba(255,255,255,0));
}
nav .current-menu-item.grayLink, nav .grayLink a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(207,197,190,1)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(207,197,190,1), rgba(255,255,255,0));
  background: -moz-linear-gradient(top, rgba(207,197,190,1), rgba(255,255,255,0));
  background: -ms-linear-gradient(top, rgba(207,197,190,1), rgba(255,255,255,0));
  background: -o-linear-gradient(top, rgba(207,197,190,1), rgba(255,255,255,0));
}
#searchArea {
  padding: 10px 0;
  text-align: right;
}
#searchArea label {
  font-weight: bold;
}
#slider {
  background-color: #c0c0c0;
  clear: both;
  height: 350px;
  margin: 0 auto;
  width: 960px;
}
.fullWidth {
  min-height: 20px;
  margin: 20px auto 20px auto;
  padding: 10px;
  width: 940px;
}
.fullWidth a:link, .fullWidth a:visited {
  text-decoration: none;
}
.fullWidth h3 {
  padding-right: 50px;
}
#quarterWrapper {
  margin: 20px auto 20px auto;
  padding: 0;
  width: 960px;
}
#quarterWrapper .quarter:last-of-type {
  margin-right: 0;
}
#quarterWrapper a:link, #quarterWrapper a:visited {
  text-decoration: none;
}
#quarterWrapper a:link .title, #quarterWrapper a:visited .title {
  color: white !important;
}
#quarterWrapper a:link ul, #quarterWrapper a:visited ul {
  color: black !important;
}
.quarter {
  float: left;
  margin: 0 20px 20px 0;
  height: 400px;
  overflow: hidden;
  width: 225px;
}
.quarter .title {
  font-size: 1.2em;
  padding: 25px 20px 15px 20px;
  width: 100%;
}
.quarter .title a {
  color: white;
  text-decoration: none;
}
.quarter .title .sendRight {
  padding-right: 20px;
}
.quarter p {
  padding: 0 10px;
}
.quarter ul {
  padding: 10px 15px 5px 30px;
}
.title {
  background-color: white;
  font-size: 1.2em;
  margin: -10px -10px 0 -10px;
  padding: 15px 10px;
}
.whiteText {
  color: white;
}
.blackText {
  color: black;
}
.whiteText a:link, .whiteText a:visited {
  color: white;
  text-decoration: none;
}
.gradient {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.3)), color-stop(0.5, rgba(0,0,0,0)), to(rgba(0,0,0,0.3)));
   background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.3), rgba(255,255,255,0), rgba(0,0,0,0.3)); 
   background-image: -moz-linear-gradient(top,rgba(0,0,0,0.3), rgba(255,255,255,0), rgba(0,0,0,0.3)); 
   background-image: -ms-linear-gradient(top,rgba(0,0,0,0.3), rgba(255,255,255,0), rgba(0,0,0,0.3)); 
   background-image: -o-linear-gradient(top,rgba(0,0,0,0.3), rgba(255,255,255,0), rgba(0,0,0,0.3)); 
}
.halfWrapper {
  min-height: 20px;
  margin: 20px auto 20px auto;
  padding: 10px;
  width: 960px;
}
.halfWidth {
  border: 1px solid #c0c0c0;
  display: inline-block;
  min-height: 20px;
  margin: 0 0 20px 0;
  padding: 10px;
  width: 450px;
}
.halfWidth a:link, .fullWidth a:visited {
  text-decoration: none;
}
.halfWidth ul {
  list-style-type: none;
}
.creditText {
  border-left: 1px solid white;
  float: right;
  margin: 25px 0; 
  padding-left: 20px;
  width: 230px;  
}
.creditImage {
  margin: 25px 0; 
  padding: 0 25px;
  width: 120px; 
}
.creditImageFull {
  border-right: 1px solid white;
  height: 39px;
  margin: 0; 
  padding: 0 65px 0 25px;
}
.creditTextFull {
  float: right;
  height: 40px;
  margin-left: 25px; 
  padding: 12px 0 0 20px;
  width: 680px;  
}
.postListItem {
  margin-top: 10px;
}
.postWrapper {
  margin-bottom: 15px;
}
#pageTopper {
  clear: both;
  margin: 0 auto 20px auto;
  position: relative;
  width: 960px;
}
#pageTopper #pageTitle{
  background-color: blue;
  color: #FFF;
  font-size: 1.7em;
  padding: 15px 15px 15px 25px;
  width: 920px;
}
#pageTopper #pageNav {
  float: left;
  min-height: 370px;
  padding-right: 5px;
  width: 240px;
}
#pageNav ul li ul {
  margin: 0;
  padding: 0;
}
.orangeBack {
  background-color: #DE7B12 !important;
}
.orangeBackTitle {
  background: -webkit-gradient(linear, left top, right top, from(rgba(222,123,18,1)), color-stop(0.9, rgba(222,123,18,0.6)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(222,123,18,1), rgba(222,123,18,0.6) 90%, rgba(255,255,255,0)) !important;
  background: -moz-linear-gradient(left, rgba(222,123,18,1), rgba(222,123,18,0.6) 90%, rgba(255,255,255,0)) !important;
  background: -ms-linear-gradient(left, rgba(222,123,18,1), rgba(222,123,18,0.6) 90%, rgba(255,255,255,0)) !important;
  background: -o-linear-gradient(left, rgba(222,123,18,1), rgba(222,123,18,0.6) 90%, rgba(255,255,255,0)) !important;
}
.blueBack {
  background-color: #234387 !important;
}
.blueBackTitle {
  background: -webkit-gradient(linear, left top, right top, from(rgba(35,67,135,1)), color-stop(0.9, rgba(0,0,255,0.6)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(35,67,135,1), rgba(35,67,135,0.6) 90%, rgba(255,255,255,0)) !important;
  background: -moz-linear-gradient(left, rgba(35,67,135,1), rgba(35,67,135,0.6) 90%, rgba(255,255,255,0)) !important;
  background: -ms-linear-gradient(left, rgba(35,67,135,1), rgba(35,67,135,0.6) 90%, rgba(255,255,255,0)) !important;
  background: -o-linear-gradient(left, rgba(35,67,135,1), rgba(35,67,135,0.6) 90%, rgba(255,255,255,0)) !important;
}
.grayBack {
  background-color: #6E6E6E !important;
}
.grayBackTitle {
  background: -webkit-gradient(linear, left top, right top, from(rgba(110,110,110,1)), color-stop(0.9, rgba(110,110,110,0.6)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(110,110,110,1), rgba(110,110,110,0.6) 90%, rgba(255,255,255,0)) !important;
  background: -moz-linear-gradient(left, rgba(110,110,110,1), rgba(110,110,110,0.6) 90%, rgba(255,255,255,0)) !important;
  background: -ms-linear-gradient(left, rgba(110,110,110,1), rgba(110,110,110,0.6) 90%, rgba(255,255,255,0)) !important;
  background: -o-linear-gradient(left, rgba(110,110,110,1), rgba(110,110,110,0.6) 90%, rgba(255,255,255,0)) !important;
}
.greenBack {
  background-color: #0C4D22 !important;
}
.greenBackTitle {
  background: -webkit-gradient(linear, left top, right top, from(rgba(12,77,34,1)), color-stop(0.9, rgba(12,77,34,0.6)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(12,77,34,1), rgba(12,77,34,0.6) 90%, rgba(255,255,255,0)) !important;
  background: -moz-linear-gradient(left, rgba(12,77,34,1), rgba(12,77,34,0.6) 90%, rgba(255,255,255,0)) !important;
  background: -ms-linear-gradient(left, rgba(12,77,34,1), rgba(12,77,34,0.6) 90%, rgba(255,255,255,0)) !important;
  background: -o-linear-gradient(left, rgba(12,77,34,1), rgba(12,77,34,0.6) 90%, rgba(255,255,255,0)) !important;
}
.whiteBack {
  background-color: white !important;
}
.orangeVertGrad {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240,192,153,1)), color-stop(70%, rgba(240,192,153,0.6)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(240,192,153,1), rgba(240,192,153,0.6) 70%, rgba(255,255,255,0));
  background: -moz-linear-gradient(top, rgba(240,192,153,1), rgba(240,192,153,0.6) 70%, rgba(255,255,255,0));
  background: -ms-linear-gradient(top, rgba(240,192,153,1), rgba(240,192,153,0.6) 70%, rgba(255,255,255,0));
  background: -o-linear-gradient(top, rgba(240,192,153,1), rgba(240,192,153,0.6) 70%, rgba(255,255,255,0));
}
.orangeRevVertGrad {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(240,192,153,0.7)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(bottom, rgba(240,192,153,0.7), rgba(255,255,255,0));
  background: -moz-linear-gradient(bottom, rgba(240,192,153,0.7), rgba(255,255,255,0));
  background: -ms-linear-gradient(bottom, rgba(240,192,153,0.7), rgba(255,255,255,0));
  background: -o-linear-gradient(bottom, rgba(240,192,153,0.7), rgba(255,255,255,0));
}
.blueVertGrad {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(135,176,196,1)), color-stop(70%, rgba(135,176,196,0.6)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(135,176,196,1), rgba(135,176,196,0.6) 70%, rgba(255,255,255,0));
  background: -moz-linear-gradient(top, rgba(135,176,196,1), rgba(135,176,196,0.6) 70%, rgba(255,255,255,0));
  background: -ms-linear-gradient(top, rgba(135,176,196,1), rgba(135,176,196,0.6) 70%, rgba(255,255,255,0));
  background: -o-linear-gradient(top, rgba(135,176,196,1), rgba(135,176,196,0.6) 70%, rgba(255,255,255,0));
}
.blueRevVertGrad {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(135,176,196,0.7)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(bottom, rgba(135,176,196,0.7), rgba(255,255,255,0));
  background: -moz-linear-gradient(bottom, rgba(135,176,196,0.7), rgba(255,255,255,0));
  background: -ms-linear-gradient(bottom, rgba(135,176,196,0.7), rgba(255,255,255,0));
  background: -o-linear-gradient(bottom, rgba(135,176,196,0.7), rgba(255,255,255,0));
}
.greenVertGrad {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(155,201,167,1)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(155,201,167,1), rgba(255,255,255,0));
  background: -moz-linear-gradient(top, rgba(155,201,167,1), rgba(255,255,255,0));
  background: -ms-linear-gradient(top, rgba(155,201,167,1), rgba(255,255,255,0));
  background: -o-linear-gradient(top, rgba(155,201,167,1), rgba(255,255,255,0));
}
.greenRevVertGrad {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(155,201,167,0.7)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(bottom, rgba(155,201,167,0.7), rgba(255,255,255,0));
  background: -moz-linear-gradient(bottom, rgba(155,201,167,0.7), rgba(255,255,255,0));
  background: -ms-linear-gradient(bottom, rgba(155,201,167,0.7), rgba(255,255,255,0));
  background: -o-linear-gradient(bottom, rgba(155,201,167,0.7), rgba(255,255,255,0));
}
.grayVertGrad {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(207,197,190,1)), color-stop(70%, rgba(207,197,190,0.6)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(207,197,190,1), rgba(207,197,190,0.6) 70%, rgba(255,255,255,0));
  background: -moz-linear-gradient(top, rgba(207,197,190,1), rgba(207,197,190,0.6) 70%, rgba(255,255,255,0));
  background: -ms-linear-gradient(top, rgba(207,197,190,1), rgba(207,197,190,0.6) 70%, rgba(255,255,255,0));
  background: -o-linear-gradient(top, rgba(207,197,190,1), rgba(207,197,190,0.6) 70%, rgba(255,255,255,0));
}
.grayRevVertGrad {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(207,197,190,0.7)), to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(bottom, rgba(207,197,190,0.7), rgba(255,255,255,0));
  background: -moz-linear-gradient(bottom, rgba(207,197,190,0.7), rgba(255,255,255,0));
  background: -ms-linear-gradient(bottom, rgba(207,197,190,0.7), rgba(255,255,255,0));
  background: -o-linear-gradient(bottom, rgba(207,197,190,0.7), rgba(255,255,255,0));
}
.orangeArrow {
  color: #e8740e;
  font-size: 1.3em;
}
.blueArrow {
  color: #2e4c8f;
  font-size: 1.3em;
}
.greenArrow {
  color: #0C4D22;
  font-size: 1.3em;
}
.grayArrow {
  color: #6e6e6e;
  font-size: 1.3em;
}
#pageTopper #pageNav ul li {
  display: block;
  padding: 15px;
}
#pageTopper #pageNav ul li ul li:last-of-type {
  padding-bottom: 0;
}
#pageTopper #pageNav .current-menu-item {
  font-weight: bold;
}
.current-menu-item ul li {
  font-weight: normal;
}
#pageNav ul li a {
  color: black;
  padding: 15px;
  text-decoration: none;
}
#pageNav ul li a:hover {
  text-decoration: underline;
}
#pageTopper #titleArea{
  display: inline;
  width: 715px;
}
#pageTopper #textOverlay {
  color: #FFF;
  font-size: 1.5em;
  position: absolute;
  bottom: 4px;
  left: 245px;
  padding: 10px 15px;
  width: 355px;
}
#pageTopper #textOverlay p {
  padding: 15px;
}
aside {
  clear: both;
  float: left;
  margin-bottom: 20px;
  width: 225px;
}
aside ul {
  padding-left: 20px;
}
aside .title {
  margin: 0;
}
aside .title a:link, aside .title a:visited {
  color: white;
  text-decoration: none;
}
.sidebarWrapper {
  margin: 20px 0 0 10px;
  width: 100%; 
}
.sidebarWrapper ul {
  padding: 5px 30px 10px 30px;
}
.sidebarWrapperTextOnly {
  margin: 20px 0 0 10px;
  padding: 10px;
  width: 205px; 
}
.sidebarWrapper a:link, .sidebarWrapper a:visited {
  text-decoration: none;
}
.sidebarWrapper a:link .title, .sidebarWrapper a:visited .title {
  color: white !important;
}
.sidebarWrapper a:link ul, .sidebarWrapper a:visited ul {
  color: black !important;
}
aside a:link, aside a:visited {
  text-decoration: none;
}
.lightBlue {
  color: #87B0C4;
}
article {
  float: right;
  margin-top: -35px;
  padding-bottom: 40px;
  width: 700px;
}
article ul {
  padding-left: 0;
}
footer {
  padding: 177px 0 30px 0;
}
#footerContentWrapper {
  margin: 0 auto;
  width: 960px;
}
.jfontsize-button {
    font: bold 12px arial;
    padding: 3px;
    border: solid 1px #ccc;
}
 
.jfontsize-button:hover {
    text-decoration: none;
    background: #333;
    color: #fff;
    border: solid 1px #333;
}
 
.jfontsize-disabled, .jfontsize-disabled:hover {
    color: #aaa;
    border: solid 1px #eee;
    background: #eee;
}
#appointmentForm input, #appointmentForm select {
    margin: 0 10px 10px 0;
}
#appointmentForm h2 {
    padding: 10px 0;
}
.submitButton {
    padding: 5px 10px;
}
.messageRed {
    background-color: #FF9696;
    color: red;
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
.messageGreen {
    background-color: #9DFF8C;
    color: green;
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
#appointmentForm {
    border-radius: 10px; 
    font-size: 14px;
    padding: 10px;
    width: 676px;
}
#appointmentForm h1 {
    font-size: 2em;
}
#appointmentForm input[type=text] {
    margin: 5px 25px 5px 0;
}
#appointmentForm select {
    margin: 5px 25px 5px 0;
}
#appointmentForm label input[type=checkbox], #appointmentForm label input[type=radio] {
    margin: 10px 5px 10px 0;
}
.orangeFormWrapper {
    border-top: 20px solid #DE7B12 !important;
    border: 2px solid #DE7B12;
}
.blueFormWrapper {
    border-top: 20px solid #234387 !important;
    border: 2px solid #234387;
}
.grayFormWrapper {
    border-top: 20px solid #6E6E6E !important;
    border: 2px solid #6E6E6E;
}
#personalInfo {
    border: 2px solid #627fa3;
    border-radius: 10px;
    margin: 10px 0; 
    height: 180px;
    padding: 10px;
}
#personalInfoGeneral {
    border: 2px solid #627fa3;
    border-radius: 10px;
    margin: 10px 0; 
    height: 240px;
    padding: 10px;
}
#orgInfo {
    border: 2px solid #627fa3;
    border-radius: 10px;
    margin: 10px 0; 
    height: 320px;
    padding: 10px;
}
#commMethod {
    border: 2px solid #627fa3;
    border-radius: 10px;
    margin: 10px 0; 
    height: 90px;
    padding: 10px;
}
#yourNeeds {
    border: 2px solid #627fa3;
    border-radius: 10px;
    margin: 10px 0; 
    height: 330px;
    padding: 10px;
}
#yourNeedsOrg {
    border: 2px solid #627fa3;
    border-radius: 10px;
    margin: 10px 0; 
    height: 550px;
    padding: 10px;
}
#yourNeedsEstate {
    border: 2px solid #627fa3;
    border-radius: 10px;
    margin: 10px 0; 
    height: 490px;
    padding: 10px;
}
#yourNeedsGeneral {
    border: 2px solid #627fa3;
    border-radius: 10px;
    margin: 10px 0; 
    height: 190px;
    padding: 10px;
}
#yourNeedsNonprofit {
    border: 2px solid #627fa3;
    border-radius: 10px;
    margin: 10px 0; 
    height: 390px;
    padding: 10px;
}
#commentsWrapper {
    border: 2px solid #627fa3;
    border-radius: 10px;
    margin: 10px 0; 
    height: 250px;
    padding: 10px;
}
.spanFull{
   width: 100%;
}