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

body {margin:0; font-family: arial, verdana, helvetica, san-serif;}
a {text-decoration: none;cursor:pointer;}
a img {border:none;}
#mainColumn a.pdf {
	padding-right:15px; 
	background-image: url(../images/pdf.png);
	background-repeat:no-repeat;
	background-position: right 1px;
}
h1, h2, h3, h4 {padding:0; margin:0;}
h3 {	color:#404041;	}

p {margin:0; padding:0;}
p a {color: #0080C5;}
p a:hover {text-decoration:underline;}
.clear {clear:both;}
 hr {color:#efefef;}

/* OUTSIDE WRAPPER ///////////////////////////////////////////////////////////////////// */
#outsideWrapper {margin:auto; width: 995px;	}
/* HEADER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#global-header {
	height:126px;
	background-image: url(../images/greenTop.gif);
	background-repeat:no-repeat;
	background-position: 0px 23px;
}
#global-header-logo{
	height:106px;
	width:185px;
	position: relative; top:0; left:110px;
	float:left;
}
#global-header-logo img{
	padding: 20px 0 0 0px
}
.international {
	width:500px;
	height:40px;
	padding: 20px 50px 0 0;
	float:right;
	text-align:right;
	font-size: 9px;
}
.international a {color: #404041; padding-left:20px;}
.international a:hover {color:#999; text-decoration:underline;}
.international a.active {color:#999;}
.international a.american {
	background-image: url(../images/americanFlag.gif); 
	background-position: 0 2px; 
	background-repeat: no-repeat; 
	margin-left:20px;
}
.international a.spanish {
	background-image: url(../images/spanishFlag.gif); 
	background-position: 0 2px; background-repeat: no-repeat; 
	margin-left:20px;
}
.international a.chinese {
	background-image: url(../images/chineseFlag.gif); 
	background-position: 0 2px; 
	background-repeat: no-repeat; margin-left:20px;
}
.tagline {
	width:590px;
	margin: 0px 50px 0 0;
	float:right;
}
.tagline img {
	padding: 5px 0 0 130px;}
	
/* CONTENT WRAPPER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#contentWrapper {
	background-image: url(../images/bodyStripes.gif);
	background-repeat: repeat-y;
	height:100%;
}

/* SIDEBAR 1 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar1 { 
	float:left;
	width: 335px;
	margin: 0 0 0 0px;
	background-image: url(../images/blueTop.gif);
	background-repeat: no-repeat; 
}
#sidebar1 .container {
	width: 285px;
	float:right;
}
.sidebar .container {
	border-top: 1px solid #A6A8AB;
	padding-top:10px;
	margin-bottom:10px;
}
.navigationModule {
	width: 285px;
	float:right;
	margin-bottom:10px;
}
/* MAIN NAVIGATION  / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /  / // / / / / / / / / / /   */
ul#navigation {
	margin:0 0 0px 0; 
	padding:0;
}
#navigation li.menu-item {
	padding: 0px;      															
	list-style: none;
	font-weight: bold;
	margin-bottom: 5px;
	position: relative;
}
ul#navigation li.menu-item a.menu-item-link {
	font-size: 15px;
	color: #fff;
	display: block;
	padding: 5px 10px 5px 10px;
}
ul#navigation li.menu-item ul.submenu {
	list-style: none;
	margin: 0;
	padding: 5px 0;
	border: solid white;
	border-width: 0 0 5px 5px;
	position: absolute;
	width: 135px;
	right: 0;
	top: 0;
	display: none;
}
ul#navigation li.menu-item:hover { z-index: 99; cursor:pointer;}
ul#navigation li.menu-item:hover ul.submenu {
	display: block;
	z-index: 99; 
	cursor:pointer;
}
ul#navigation ul.submenu li.submenu-item {
	font-weight: normal;      														
	width: 115px;   
	font-size: 12px;
	line-height: 14px;
	padding: 0px 5px 8px 10px;     												
}
ul#navigation ul.submenu li a {
	display: block;
	color: #fff;
}
ul#navigation ul.submenu li a:hover {
	text-decoration: underline;
}

ul#navigation li.current-menu-item {
	padding-bottom: 0;
	background-image: url('../images/corner.png');
	background-position: right bottom;
	background-repeat: no-repeat;
}

ul#navigation li.current-menu-item ul.submenu {
	position: relative;
	display: block;
	border-width: 0;
	padding: 0 0 5px 135px;
	width: 150px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
}
ul#navigation li.current-menu-item ul.submenu li.submenu-item { width: 130px; }  
ul#navigation li.current-menu-item ul.submenu li.current-submenu-item { 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}
li#who-we-are { background-color: #82BDE5; }
li#who-we-are:hover, li#who-we-are ul.submenu { background-color: #70A3C3; }
li#who-we-are.current-menu-item ul.submenu { background-image: url('../images/whoSubmenu.jpg'); }
li#who-we-are.current-menu-item { background-color: #70A3C3; }

li#how-we-change-lives { background-color: #FAC74D; }
li#how-we-change-lives:hover, li#how-we-change-lives ul.submenu { background-color: #D9AB42; }
li#how-we-change-lives.current-menu-item ul.submenu { background-image: url('../images/howSubmenu.jpg'); }
li#how-we-change-lives.current-menu-item { background-color: #D9AB42; }

li#our-programs { background-color: #9BC766; }
li#our-programs:hover, li#our-programs ul.submenu { background-color: #85A655; }
li#our-programs.current-menu-item ul.submenu { background-image: url('../images/programsSubmenu.jpg'); }
li#our-programs.current-menu-item { background-color: #85A655; }

li#how-to-help { background-color: #F6AC68; }
li#how-to-help:hover, li#how-to-help ul.submenu { background-color: #D6945C; }
li#how-to-help.current-menu-item ul.submenu { background-image: url('../images/helpSubmenu.jpg'); }
li#how-to-help.current-menu-item { background-color: #D6945C; }

li#news-and-events { background-color: #68BCBD; }
li#news-and-events:hover, li#news-and-events ul.submenu { background-color: #549998; }
li#news-and-events.current-menu-item ul.submenu { background-image: url('../images/newsSubmenu.jpg'); }
li#news-and-events.current-menu-item { background-color: #549998; }

li#members-corner { background-color: #ADA8D3; }
li#members-corner:hover, li#members-corner ul.submenu { background-color: #8F8EB1; }
li#members-corner.current-menu-item ul.submenu { background-image: url('../images/membersSubmenu.jpg'); }
li#members-corner.current-menu-item { background-color: #8F8EB1; }
	
/* SIDEBAR MODULES */
.sidebar .container p{
	font-size:11px;
	line-height:15px;
	color:#404041;
	padding: 0 0 5px 0;
	margin:0;
}
.sidebar h3 {
	font-size:14px; 
	padding: 0px 0 5px 0;
	margin: 0;
	line-height: normal;
}
.sidebar1-image {
	float:left; 
	margin-right:10px; 
	padding: 0px 0 0px 0;
}
.sidebar1-image img  {
	width:65px;
	height:65px;
} 
.sidebar1-text-narrow {
	width:195px;	
	float:left; 
	padding: 0px 0 0px 0;
}
.sidebar .subhed, .homepage .subhed {
	color:#404041;
	font-size:18px;
	font-weight:bold;
	padding: 0 0 10px 0;
}
a.subhedLink {
	color: #0080C5; 
	font-size: 11px; 
	padding-left:10px; 
	font-weight:normal;
}
a.subhedLink:hover {
	color: #71BFE2;
}
a.subhedLink span {
	color: #404041; 
	padding-left:5px;
}
a.subhedLink:hover span {
	color: #999;
}
.donateWidget {
	float:left; 
	width:285px;
	margin:0px 0 6px 0;
}
.donateWidget form {
	margin:0; 
	padding:0;
}
.donateWidget-Input {
	float:left;
	font-size:12px; 
	font-weight:bold;
	color:#404041; 
	height: 20px; 
	width:97px;
	padding: 5px 0px 0px 6px;	
	border:1px solid #666;
	position:relative; top: 2px;
}
.donateWidget-links a {
	color:#0080C5;
	font-size:11px;
	line-height: 15px;	
	padding: 0 0 0 10px;
}
.donateWidget-links a:hover {color: #71BFE2;}
.donateWidget-links a span {
	color: #404041; 
	padding-left:5px;
}
.donateWidget-links a:hover span {color: #999;}
.donate {
	width:590px;
	height:35px;
	margin:0px 0 6px 0;
}
.donate form {
	margin:0; 
	padding:0;
}
.donate-Input {
	float:left;
	font-size:12px; 
	font-weight:bold;
	color:#404041; 
	height: 20px; 
	width:97px;
	padding: 5px 0px 0px 6px;	
	border:1px solid #666;
	position:relative; top: 2px;
}
.donateCash {
	float:left; 
	font-size:18px; 
	color:#404041; 
	padding: 4px 5px 0 0;
}
.donate a {
	height:30px; 
	width:185px;
	display:block;
	float:left;
	padding: 0 0px 0 10px;
}
a.googleBtn {
	background-image: url(../images/googleBtn.jpg); 
	background-repeat: no-repeat;
	background-position: 10px 0;
}
a.googleBtn:hover  {background-position: 10px -40px;}
a.paypalBtn {
	background-image: url(../images/paypalBtn.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
a.paypalBtn:hover {background-position: 10px -40px;}
p.hint {font-size:11px; color:#d00}
p.subhed {font-size:14px; font-weight:bold;}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#mainColumn h3 a, #sidebar1 h3 a {color: #0080C5;}
#mainColumn h3 a:hover, #sidebar1 h3 a:hover {color: #71BFE2}
#mainColumn h3 a span, #sidebar1 h3 a span {color: #404041; padding-left:5px;}
#mainColumn h3 a:hover span, #sidebar1 h3 a:hover span {color: #999; }

/* MAIN COLUMN +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#mainColumn {
	float:left;
	width: 590px;
	margin: 0 0 0 20px;
	font-size:11px;
	line-height:21px;
	padding-bottom:10px;
}
.indexTitle {
	font-size:18px;
	font-weight:bold;
	padding:13px 0 16px 0;
}
.whoWeAre .indexTitle {color:#70A3C3;}
.howWeChangeLives .indexTitle {color:#D9AB42}
.ourProgress .indexTitle {color:#85A655;}
.howToHelp .indexTitle {color:#D6945C;}
.newsEvents .indexTitle {color:#549998;}
.membersCorner .indexTitle {color:#8F8EB1;}
.homepage .container {
	border-top: 1px solid #A6A8AB;
	padding-top:15px;
	margin-bottom:10px;
}
.homepage .billboard {
	padding-bottom:20px;
}
#mainColumn .colA{
	float:left;
	width: 285px;
	margin: 0 20px 0 0;
}
#mainColumn .colB{
	float:left;
	width: 285px;
	margin: 0;
}
#mainColumn h3 {
	font-size:14px;
	line-height: 19px;
}
#mainColumn h3.eventTitle {
padding-top:10px;
}
#mainColumn.homepage h3 {
	padding-bottom:10px;
}
#partner-preview {}
#partner-preview img {float:left; margin-right:27px;}
#partner-preview img .last-image{float:left; margin-right:0px;}

/*.container {padding-bottom:10px;}*/
.content {
/*	margin-bottom:10px; */   																 /* was 15px */
	font-size: 13px;
	line-height:21px;
}
.content,  .content-intro {
	width:432px; 
/*	padding-bottom:15px;*/
}
.contentWide {
/*	margin-bottom:10px; */   																 /* was 15px */
	font-size: 13px;
	line-height:21px;
	width:590px; 
/*	padding-bottom:15px;*/
}
.content p {
/*	padding-top:15px;*/
	padding-bottom:10px;
}
.content-intro p {
	padding-top:0;
	font-size: 13px;
	line-height:21px;
	padding-bottom:10px;
}
.content ul {
	margin:0; 
	padding:0 0 10px 15px; 
	width:285px;
}
.content li {
	list-style-type:bulleted;
}
.content li a {
	color:#0080C5;
}
.content li a:hover {
	color:#71BFE2;
}
.content .billboard {
	padding-top:10px; 
	width:432px;
}
.content table {
	padding-bottom:10px;
}
div.photoBox > img{
	float:left;
	margin: 0 20px 5px 0;
	max-width:200px;
	max-height:84px;
}
div.photoAndCaption {
 	float:left;
	margin-right:8px;
	width:136px;
}
div.photoAndCaption  p{
	padding: 0 5px;
	font-size: 11px;
	line-height: 15px;
	color:#333;
	text-align:center;
}
div.photoAndCaption img {
	max-width:136px;
}
p.photoAndCaption{
	margin-bottom:20px;
	padding: 0 5px;
	font-size: 11px;
	line-height: 15px;
	color:#333;
}
p.photoAndCaption img {
	float:left;
	margin-right:10px;
}
.eventSynopsis {
	float:right; 
	width: 135px; 
	border-left: dashed 1px #404041;
	padding: 0 0 0 10px;	
	color:#404041;
	margin-top: 10px;
	margin-bottom:20px;
}
a.eventsDetails {
	background-color:#0080C5;
	padding:0px 0px 0px 5px;
	color:#fff;
	font-size:11px;
	text-transform: uppercase;
	float: left;
	width: 125px; 
	height: 19px;
	display:block;
	margin-top:10px;
}
.howToHelp hr.clear {color:#F6AC68;}
a.eventsDetails:hover {background-color:#71BFE2;}
.calloutBox {
	float:right; 
	width: 135px; 
	background-color:#749944; 
	background-image: url(../images/hangingBoxBG.gif);
	background-repeat: no-repeat;
	background-position: 0 40px;
}
.boxHDR {
	color:#fff;
	background: #58595B;
	text-transform: uppercase;
	padding:5px 10px 5px 10px;
	font-size: 16px;
}
.boxBody {
	color: #fff;
	font-size: 11px;
	line-height:21px;
	padding:5px 10px 5px 10px;
  	background-color:#749944;
  	/* for IE */
  	filter:alpha(opacity=90);
  	/* CSS3 standard */
  	opacity:0.9;
}
.whoWeAre .boxBody {background-color:#70A3C3;}
.howWeChangeLives .boxBody {background-color:#D9AB42}
.ourProgress .boxBody {background-color:#85A655;}
.howToHelp .boxBody {background-color:#D6945C;}
.newsEvents .boxBody {background-color:#549998;}
.membersCorner .boxBody {background-color:#8F8EB1;}

table#donationAmounts {
	border:none;
}
td.amount {
	width:60px; font-weight:bold;
}
ul.staffPix {margin:0;padding:0; clear:left;}
.staffPix li {list-style-type:none;display:block; float:left; margin: 0 20px 20px 0;  width:145px; } 

/* REGISTRATION FORMS */

.form h3 {padding: 0 0 10px 0}  
.optional {background-color:#f3f3f3; padding:10px;}
div.clearfix {
	clear: both;
    border-top: 1px dotted #A6A8AB;
	padding:5px 0;
	color:#404041;
}
div.clearfix label {
	float: left;
	width: 135px;
	padding: 5px;	
}
div.clearfix label.radioLabel {
	float:none;
	width: 135px;
	padding: 5px;	
}
div.buttongroup {
	float: left;
	border:0;
	padding:0 10px 10px 0;
}
div.buttongroup input{
	margin-right: 5px;
}
.message {
color:#FF0000;
}
.error_message {
color:#FF0000;
}
.clearfix input, .clearfix select {margin-top:3px;}

/* FOOTER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#global-footer {
	clear:both;
	height:100px;
	background-image: url(../images/bottomFrame.gif);
	background-repeat:no-repeat;
	}
.footer-links {
	position:relative; 
	top:35px; left:350px; 
	font-size: 11px; 
	width:590px;
	color:#404041;
}
.footer-links a {	color:#404041; padding: 0 5px 0 5px;}
.footer-links a:hover {text-decoration:underline;}
.parentLogo {
	padding: 60px 0 10px 50px;
	float:left;
} 
 .credits {
 	float:right;
	padding: 72px 50px 0px 0px ;
	text-align:left;
	font-size:11px;
	color:#A6A8AB;
} 
.credits span {padding-left:20px;
}
 .credits a {
 	color:#A6A8AB;	
 	
} 
.credits a:hover {
  	text-decoration:underline;
} 
.error-message{
color:#FF0000;}
/*added 12/18*/	
.contentWide ul {
	margin:0; 
	padding:0 0 10px 15px; 
	width:285px;
}
.contentWide li {
	list-style-type:bulleted;
}
.contentWide li a {
	color:#0080C5;
}
.contentWide li a:hover {
	color:#71BFE2;
}
ul.partners, ul.awards {
	list-style-type:none;
	padding:10px 0 10px 0px; 
}
.partners li, .awards li {
	padding-bottom: 10px;
}
.successQuote {	
	font-style:italic; 
	font-size: 21px; 
	line-height:24px; 
	color:#666; 
	font-family: 
	Georgia; margin-top:10px;
}
.successCredit {
	font-size: 12px; 
	padding: 0px 0 10px 0;
}

/* modal pop-ups and  overlays*/ 
.simple_overlay { 
    /* must be initially hidden */ 
    display:none; 
    /* place overlay on top of other elements */ 
    /*z-index:10000;*/ 
	width:auto;
    height:auto; 
    /* styling */ 
    background-color:#fff; 
    /*background-image:url(../images/transparent.png); */
    color:#000; 
	/*padding:20px;*/
	/*max-width:775px;*/
    /*border:1px solid #666;*/ 
	/*left:0 !important;*/
	/*padding:10px;*/
    /* CSS3 styling for latest browsers */ 
    /*-moz-box-shadow:0 0 90px 5px #000;*/ 
    /*-webkit-box-shadow: 0 0 90px #000;*/     
} 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
/* styling for elements inside overlay */ 
.details { 
	width:auto;
    height:auto; 
	background-color:#fff;
	margin-top:20px;
	margin-bottom:10px;
	/*padding:5px 10px;*/
	text-align:center;
    font-size:1.1em; 
	line-height:1.4em;
    color:#000; 
    /*overflow-y:auto;*/ 
}
.details img{
	/*float:left;*/
	margin:20px;
}
.details h2{
	/*margin-bottom:20px;*/
	color:#70A3C3;
	font-size:18px;
	font-weight:bold;
} 
.details h3 { 
    color:#000; 
    font-size:2em; 
	/*margin-bottom:20px;*/
}
.details h4 { 
    font-size:1.2em; 
	margin-bottom:7px;
}
.details h5 { 
    font-size:1.1em; 
}
.details a{
	color:#000;
	text-decoration:none;
}
.details a:hover {
	text-decoration:underline;
}


/* Event Detail Page Styles */
h3 {	color:#404041;	}
/* STYLES FOR THE EVENT DETAILS GRID ================================================= */
.eventDetails {	padding-top:10px;}
.eventDetails td {
	font-size: 11px;
	line-height: 15px;
	vertical-align:top;
	padding: 5px 0 5px 0;
	border-bottom:1px solid #ccc;
	margin:0;color:#404041;
}
.eventDetails td.label {
	width:65px; 
	font-weight:bold;
}
.eventDetails td a {	color:#0080C5;}
.eventDetails td a:hover {	text-decoration:underline;}
.eventFlyer a { 	color:#0080C5; }
.eventFlyer a:hover { 	text-decoration:underline; }
.eventFlyer {
 	padding: 10px 0 10px 0; 
 	clear:both;
 }
/* CONTENT TABS ================================================= */
#contentTabs {	margin-top:20px;}
#contentTabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 590px;
}
#contentTabs li {
	float: left;
	border: 1px solid #ededed;
	border-bottom-width: 0;
	border-top: 1px solid #fff;
	margin: 0;
}
#contentTabs a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	background: #ededed;
	padding: 2px 10px 2px 10px;
	color: #0080C5;
}
#contentTabs a:hover {	background: #dedede;}
#contentTabs #selected  {
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	position: relative;
	top: 1px;
	background: white;
	color: #404041;
	text-decoration: none;
	border-color: #ddd;
}
.contentTab-registration, .contentTab-information {
	border-top: 1px solid #ddd;
	clear: both;
	padding-bottom:10px;
	padding-top: 10px;
}
/* PROGRESS STATUS ================================================= */
.progressStatus {	padding: 0 0 10px 0;}
.currentStep {
	float:left; 
	font-size:11px; 
	color:#404041; 
/*	font-weight:bold;*/
}
.allSteps {
	float:right; 
	font-size:9px; 
	color:#999; 
	padding: 0 5px 0 5px;
}
.allSteps span {
	color:#404041;
	border-bottom:1px solid #999; 
}
.nextStep {	padding:10px 0 20px 0;}
/* FORM FIELDS AND LABELS ================================================= */

/* NOTE: i'm using clearfixNew to change the clearfix style.  
might be good to consolidate the old css declarations to match these and them eliminate these rules
================================================= */
div.clearfixNew .hint {
	font-size:11px; 
	color:#666; 
	padding-left:10px;
}
div.clearfixNew {
	clear: both;
	border-bottom: 1px solid #ccc;
	padding:5px 0;
	color:#404041;
}
div.clearfixNew label {
	float: left;
	width: 155px;
	padding:5px 0;
	line-height:15px;
}
div.clearfixNew .label2 {
	float: left;
	width: 485px;
	padding:5px 10px 5px 0;
}
div.clearfixNew label.radioLabel {
	float:none;
	width: 135px;
	padding:0px 0;
}
div.buttongroup {
	float: left;
	border:0;
	padding:0 10px 10px 0;
}
div.buttongroup input{	margin-right: 5px;}
.message, .error_message{	color:#FF0000;}
.clearfixNew input, .clearfixNew select {margin-top:3px;}
#guest-names th {padding:0 20px 0 0; text-align:center; font-weight: normal;}
#guest-names td {padding:0 0px 5px 0; text-align:center;}
#guest-names input {margin:0 20px 0 0; }

ul.publications {
	list-style-type:none;
	padding:10px 0 10px 0px; 
}
#newsletter-signup {font-size:11px}
#newsletter-signup label {width:100px;}
/*#newsletter-signup input, #newsletter-signup select {cursor:pointer;}*/
p.photoAndCaption:after,  .clearFix:after, .clearfixNew:after{
 content: ".";
 display: block;
 height: 0;
 clear: left;
 visibility: hidden;
}
/* CSS rule for IE6 */
* html .clearfix,  * html .clearFix,  * html .clearfixNew{
 height: 1%;
}
/* CSS rule for IE7 */
*:first-child+html .clearfix, *:first-child+html .clearFix, *:first-child+html .clearfixNew {
 min-height: 1px;
}