@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */



/*********************************
**********************************
clearleft overrides
**********************************
/*********************************/

.aside {
float: left;
width: 18%;

}

.content {
/*background-image: none;
background-color: #ffffff;*/

}

.main {
float: right;
position:relative;
background-image: none;
width: 82%;
}

.section {
background-image: none;

}

.content .section .gutter {
background-image: none;
}

.aside {
float: left;
position: relative;
/*margin-top: 70px;*/
}




.aside .nav li, .aside .nav li h4{
margin: 0 0px 10px 0;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px; 

}


.aside .nav li h4 {
margin-top: 30px;
margin-bottom: 10px;

}

.aside .nav li li {
list-style-position:outside;
list-style-type:none;
margin-left:-1em;
margin-right:-1em;
padding-left:0.5em;
padding-right:1em;
}

.aside .colorBox {
background-color: #e6f8f5;
height:auto;

width: 97%;
}

.aside. .colorBox .asideGutter {
margin: 1%;

}





.aside .inset {
/*background-color: #fafafa;*/



/*
border-bottom: 1px solid #f2f2f2;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-left: 1px solid #fff;
border-right: 1px solid #FCFBF9;
border-top: 1px solid #E2E1C9;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;*/

border:none;
margin-bottom: 2em;
}


.aside .nav li li {
margin-left: 6px;

}

.aside .nav li a, .aside .nav li {
/*color: #006CA8;*/

}

.aside .nav li h4 a, .aside .nav li h4 {
/*color: #005785;*/
}


/************/
/**alertFix**/
/************/
div.feedback {

position:absolute;
top:30px;

}



/*********************************
**********************************
style reset
**********************************
/*********************************/

.aboutUs h1, .aboutUs h2, .aboutUs h3, .aboutUs h4, .aboutUs h5, .aboutUs h6, .aboutUs p, .aboutUs a, .aboutUs table, .aboutUs tr, .aboutUs td, .aboutUs th, .aboutUs ul, .aboutUs ol, .aboutUs li, .aboutUs img, .aboutUs strong, .aboutUs hr
{
	margin: 0;
	padding: 0;
	border: none; 
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: none;
	font-family: Helvetica, sans-serif;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width:	0px;
	border-bottom-width:	0px;	
	color: #2e2e2e;
}





/*********************************
**********************************
*nav
**********************************
/*********************************/

.aboutUs a:link img, .aboutUs a:active img, .aboutUs a:visited img, .aboutUs a:hover img {
background-color: none;

}


.aboutUs a:link, .aboutUs a:active, .aboutUs a:visited {
color: #0084dc;
text-decoration:none;

}

.aboutUs a.linkOut:link, .aboutUs a.linkOut:active, .aboutUs a.linkOut:visited {
background-image:url(images/icon_linkOut2.png);
background-repeat:no-repeat;
background-position:top right;
padding-right: 8px;
}

 .aboutUs a:hover {
background-color:#e0f3ff;
text-decoration:none;
 }
 
 .fancyButtonTriangle {
margin-top: 10px;
vertical-align:text-bottom;
}


.aboutUs a.fancyButton:link, .aboutUs a.fancyButton:active, .aboutUs a.fancyButton:visited {
	display: inline-block; 
	padding: 0 12px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px;

	position: relative;
	cursor: pointer;
	color: #ffffff; !important
	
	font-size: 12px;
	line-height: 24px;
	background-color:#61B300;
}

.aboutUs a.fancyButton:hover {
	background-color:#74C600;
	color: #ffffff; !important
}


.aboutUs a.fancyButton img {
/*margin-top: 15px;*/
vertical-align:middle;
margin-right:10px;
}


.segmentButton {
width: 300px;
height: auto;
background-repeat:repeat-y;
float:left;
margin: 7px 0;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
position: relative;
background-image:url(images/buttonMask2.png);

}

.segmentButton .centerGutter {
margin: 15px 5px 5px 17px;

}

div.segmentButton p, div.segmentButton h2, div.segmentButton div.rtArrow {
text-shadow:  0px 1px rgba(250, 250, 250, 0.33);
}

div.segmentButton h3 {
font-size: 12px;
margin: 0px;
padding: 0px;
width: 220px;
font-weight: normal;

}



div.segmentButton h2 {
font-size: 30px;
margin: 0px;
padding: 0px;
}

.bgGreen {


color: #6aa057;

background-color: #8fcb87;

}



.bgDkBlue {

color: #1E76C4;
background-color: #00b5f4;

}




.bgMedBlue {

color:#1A98C9;
background-color:#54d7ff;
}



.bgLtBlue {

color:#20C2D3;
background-color: #a2eeff;
}




 .bgGreen a:link, .bgLtBlue a:active, .bgGreen a:visited {
 
color: #6aa057;
}

 .bgDkBlue a:link, .bgLtBlue a:active, .bgDkBlue a:visited {
color: #1E76C4;
}

.bgMedBlue a:link, .bgLtBlue a:active, .bgMedBlue a:visited {
color:#1A98C9;
}

 .bgLtBlue a:link, .bgLtBlue a:active, .bgLtBlue a:visited {
color:#20C2D3;
}




.segmentButtonContainer {
position: relative;
width: 350px;
height: auto;
float: right;
margin-bottom: 20px;
}

.segmentButton .centerGutter {
margin: 15px 23px 15px 25px;
height: auto;
float:left;

}
/*
 .bgGreen a:hover,  .bgMedBlue a:hover,  .bgLtBlue a:hover,  .bgDkBlue a:hover {
 color: #999999;

background-color: transparent;
text-shadow:  0px 0px;
 
 }
 */
 
 .segmentButton h2 a:link,  .segmentButton h2 a:active,  .segmentButton h2 a:visited {
 color: #888;
  background-color: transparent;
 
 }
 
  .segmentButton h3 a:link,  .segmentButton h3 a:active,  .segmentButton h3 a:visited {
   color: #888;
  background-color: transparent;
  }
 
  .segmentButton h2 a:hover {
  
    color: #666;
  background-color: transparent;
  }
  
  .segmentButton h3 a:hover {
  
    color: #666;
  background-color: transparent;
  }
  
  
    .segmentButton a:hover {
	  background-color: transparent;
	}
 
  .segmentButton div.rtArrow {
  margin: 0px;
  top: -10px;
  right: 15px;
  position: absolute;
  font-size: 56px;
  
  }


.bgDkBlue:hover {
background-color:#2ad0ff;

}

.bgMedBlue:hover {
background-color:#48eaff;

}

.bgLtBlue:hover {
background-color:#a6f7ff;
}

.bgGreen:hover {
background-color: #6bd363;

}




/*********************************
**********************************
page structure
**********************************
/*********************************/

.topBar {
position:absolute;
width: 890px;
left: -22.0%;
height: 1px;
z-index: 10;

}

.topBarContainer {
position:relative;

height: 100px;
float:left;
clear:both;
}

.topSpacer {
position: relative;
display: block;
width: 100%;
height: 70px;
float: left;
clear:both;
display:none;

}

.topBar h1 {
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#333333;
font-size:33px;
left:-80px;
margin:0;
padding:0;
position:absolute;
text-transform:capitalize;
top:-80px;
}


div.aboutUs {
border-top: 1px solid #f9faed;
border-left: 1px solid #f9faed;
border-right: 1px solid #f9faed;
}

/*******************/
/* column widths */
/*******************/



.aboutUs .fullWidth {
width: 97%;
float: left;
height:auto;
}

.aboutUs .twoThirdsWidth {
width: 65%;
float: left;
height:auto;
}

.aboutUs .oneThirdWidth {
width: 33%;
float: left;
height:auto;
}

.oneThirdColumn {
width: 32%;
height: auto;
float:left;

}

.halfColumn , .halfWidth {
width: 49%;
height: auto;
float:left;

}


/*v4 */
.sixtyWidth {
width: 393px;
margin: 7px;
float: left;
border: 1px solid #f2f2f2;
}

.fortyWidth {
width: 270px;
margin: 7px;
border: 1px solid #f2f2f2;
float: left;
}

.centerGutter {
margin: 10px;
} 



.aboutUs .twoThirdsWidth .copyGutter, .aboutUs .oneThirdWidth .copyGutter, .aboutUs .fullWidth .copyGutter  {
margin: 0 25px 0 10px;
}

.aboutUs .testimonialBox {
float:left;
background-color:#e6f8f5;
border: 3px solid #63b9db;
position:relative;


}

.aboutUs .testimonialBox .centerGutter {
margin: 23px;
}

.aboutUs .testimonialBox p {
color: #006494;
font-size: 18px;
line-height:26px;
margin:0px;
padding: 0px;
}

.aboutUs p.ledeText {
font-size:18px; 
line-height:26px; 
color:#666; 
font-weight:normal

}

.aboutUs div.citation {
margin-top: 15px;
width: 290px;
height: auto;
float: left;
clear: both;
margin-left:3%;
margin-top: 10px;
}


.aboutUs .citation img {
margin-right: 14px;
float: left;
}



.aboutUs .citation p {
float: left;
width: 160px;
margin: 0px;
padding: 0px;
font-size: 11px;
line-height: 16px;
color: #575757;

}

.featureBox {
width: 315px;
margin-bottom:20px;
float: left;

}

.wide .featureBox {
width: 80%;

}


.featureBox p.featureIcon { 
text-align:center;
width: 68px;
height:auto;
float:left;
margin: 0px;

}

.featureBox .contentCell {
float:left;
height:auto;
margin-left:13px;
width:230px;

}

.wide .featureBox .contentCell {
width: 75%;

}

.featureBox .contentCell h3 {
font-size: 16px;
color: 3d3d3d;
padding: 0px;
margin: 0px;
line-height: 18px;
width:100%;
}

.featureBox .contentCell p {
font-size: 13px;
color: #666666;
margin: 8px 0 0 0;
 line-height:20px;
width:100%;

}

.benefitsBox, .benefitsBoxAlt {
background-color: #f6f3ec/*#FAFCFD*/;
border: 1px solid #C1E3F1;
width: 97%;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
float: left;
height:auto;
margin: 15px 0 20px 0;

}

.benefitsBoxAlt {
background-color: #fff; /*#f9fdf8;*/
border: 1px solid #fff;  /*b7ebb4;*/
margin-bottom:5px;

}

.benefitsBoxAlt ul {
list-style-image:url(images/greenArrow.png);
}

.benefitsBox ul {
list-style-image:url(images/listCheckMarkCenter.png);


}


.benefitsBox ul li {
margin-bottom:15px;
margin-left:0;
padding:0 0 0 12px;
}

.benefitsBox p {
margin-left: 0px;
padding-left: 0px;
}

.benefitsBox .centerGutter, .benefitsBoxAlt .centerGutter {
margin: 30px;
}


div.offerBox {
background-color: #f4f5e8;
border:1px solid #E6E6E6;
float:left;
margin:0.8%;
width:47%;

}


div.offerBox2 {
background-color: #Fefefe;
border:1px solid #E6E6E6;
float:left;
margin:2%;
width:41%;

}


div.offerBox div.segmentButton {
clear:both;
float:left;
margin:3%;
width:94%;
border: 1px solid #dddddd;


}

div.offerBox div.segmentButton .centerGutter {

margin-top:15px;
margin-bottom:15px;
}

div.offerBox div.centerGutter {
margin: 2% 8%;
float: left;
}


div.offerBox div.centerGutter ul li {

color: #6a6a6a;
font-size:13px;
line-height:16px;
list-style-image:url(images/checkGreen.png);
padding-left:10px;
margin-left: 5px;
font-weight:bold;
}

div.offerBox ul li a:link, div.offerBox ul li a:active. div.offerBox ul li a:visited, div.offerBox ul li a:hover {

text-decoration:underline;
}



/********************************/
/* *formatting                  */
/********************************/

.aboutUs h1 {
font-size: 36px;
color: #333;

text-transform:capitalize;

}

.aboutUs h2 {
color:#333;
font-size:24px;
margin-bottom:5px;
margin-top:20px;
}

/* *v4 */
.aboutUs h2.pageTitle {
color:#333;
font-size:28px;
margin-bottom:5px;
margin-top:20px;
line-height: 35px;
}



.aboutUs h1.firstHeading, .aboutUs h2.firstHeading, .aboutUs h3.firstHeading {
margin-top: 0px;
}

.aboutUs h3 {
font-size: 19px;
color: #333;
margin-top: 20px;
margin-bottom: 5px;
}


.aboutUs h4 {
font-size: 15px;
color: #333;
margin-top: 20px;
margin-bottom: 5px;
}


.aboutUs p, .aboutUs li {
color:#4a4a4a;
font-size:14px;
line-height:23px;
margin-bottom:10px;
}

.copyGutter {

margin: 10px;
height: auto;

}


.aboutUs img {
border: none;
}


.aboutUs ul, .aboutUs ol {

list-style-position:outside;
margin-left: 25px; 
}


.aboutUs ul ul {
list-style:circle;
}

.aboutUs ol ol {
list-style:lower-roman;

}

.aboutUs li {
margin-left: 15px;
margin-bottom: 10px;
list-style-position:outside;	
}



.aboutUs ul li li {
list-style-type:circle;

}

.aboutUs ol li li {
list-style-type:lower-roman;

}


/*********************************
**********************************
*extras
**********************************
/*********************************/

* div {
zoom: 1;

}


div {
zoom: 1;

}






/*********************************
**********************************
*adjusters
**********************************
/*********************************/


.round14 {
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
}

.round12 {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;

}

	

.roundedCorner {
position: relative;
height:auto;
width:97%;
float: left;
margin: 20px 0;
}

.centerAlign {
text-align: center;
}

.aboutUs .roundCorner14 {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;

}


.aboutUs .roundCorner12 {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;

}

.top20 {

margin-top: 20px;
}
.top30 {

margin-top: 30px;
}

.top40 {

margin-top: 40px;
}



.floatRight {
float: right;
}

.floatLeft {
float: left;
}


.debug {
border: 1px solid silver;
}

.debugRed {
border: 1px solid red;
}

.debugGreen {
border: 1px solid green;
}

.debugBlue {
border: 1px solid blue;
}



/*********************************
**********************************
cruft
**********************************
/*********************************/

.aboutUsGutter {
 width: 90%;
 margin-left: 5%;
 margin-right: 5%;
 height:auto;
}





.gutterRight {
margin:  5px 20px 5px 5px;

}

.gutterLeft {
margin:  5px 5px 5px 20px;
}

.gutterCenter {
margin:  5px 10px 5px 10px;
}

.boxGutter {
margin: 5%;
}


.aboutUs .col226 {

width: 226px;

float:left;
}


.aboutUs .col452 {
width: 452px;
float:left;
}

.aboutUs .col678 {
width: 678px;
float:left;
}



.marginLR20 {
margin-left: 20px;
margin-right: 20px;

}

.marginLR10 {
margin-left: 10px;
margin-right: 10px;

}


.marginLR30 {
margin-left: 30px;
margin-right: 30px;

}


/************
*************
overview page
************* 
************/

.overlayBox {
position: absolute;
top: 15%;
right: 4%;
background-image:url(images/45_trans.png);
}


.65trans {
background-image:url(images/65_trans.png);
}

.45trans {
background-image:url(images/45_trans.png);
}

.overlayBox .centerGutter {
margin: 40px 30px;
}

.overlayBox p {
color: #E6E6E6;
font-size: 14px;
text-align:left;
line-height: 20px;
margin-left: 20px;
margin-top: 3px;
margin-bottom: 3px;
}


.overlayBox h2 {
color:#EEEEEE;
font-size:36px;
line-height:48px;
margin:0;
padding:0;
}

img.imgMargins {
margin-bottom: 25px;

}

/************
*************
team page
************* 
************/

.infoBox ul {
margin-top: 5px;
float: left;
clear:both;
}

.infoBox div.makeADifference {
margin-top: 5px;
font-size: 12px;
color: #888;
line-height: 16px;
float: left;
clear: both;
width: 100%;
}

.infoBox div.makeADifference strong {
color: #4d4d4d;
font-weight:normal;
font-style:oblique;
}

.teamMemberCell a, .teamMemberCell a:link, .teamMemberCell a:active, .teamMemberCell a:visited {
height: auto;
margin: 10px 0px 10px 40px;
background-color: #3e953e;
color: #fff;
display: block;
float: left;
padding: 0px 19px 0px 19px;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 20px;
font-size: 12px;
font-weight: bold;
clear: both;
/*behavior:url(http://www.mattcamp.com/razooDocs/special/border-radius.htc);*/
}

.teamMemberCell a:hover {
background-color: #5aa23e;
text-decoration:none;
cursor: pointer; 
}




/* main team member container */
.teamMemberCell {
position:relative;
width: 310px;
height: auto;
margin: 20px 10px 0px 10px;
float: left;
}

.introduction {
height:50px;
}

.infoBox {
float:left;
height:auto;
margin-left:10px;
width:165px;

}



.teamMemberCell img.foto {

height: 115px;
width: 115px;
padding: 9px 9px 30px 9px; 
border: 1px solid silver;
float: left;
background-color: #fff;
}


.teamMemberBioCell {
width: 540px;
height:auto;
border: 1px solid #d0d0d0;
float:left;
clear:both;
margin-left: 50px;
margin-top: 40px;
padding: 30px;
position: relative;
}

.teamMemberBioCell p {
margin-top: 10px;
font-size: 12px;
line-height: 17px;
color: #555;
}


.teamMemberBioCell a, .teamMemberBioCell a.closeLink:link, .teamMemberBioCell a.closeLink:active, .teamMemberBioCell a.closeLink:visited {

display: block;
position:absolute;
top: 10px;
right: 10px;
height: 20px;
border: 1px solid silver;
font-size: 10px;
padding: 0px 10px;
line-height: 20px;
color: #777;
text-decoration: none;
cursor:pointer;
}

.teamMemberBioCell a.closeLink:hover {
background-color: #d0d0d0;
text-decoration: none;
cursor:pointer;
}


/************
*************
*not sure
************* 
************/


.imgBox {
position:relative; 
height:auto; 
float:left; 
width: 100%;
margin-bottom: 20px;
}

.imgBox img {

float: left;
clear:both;
}

	  	  table.donationSteps tr td {
	  vertical-align:middle;
	  font-size:18px;
	  color: #666666;
	  padding:10px;
	  }
	  
	  
	  


hr {
height: auto;
width: 100%;
}
	  



/************
*************

************* 
************/