body, p, .multiline {
	color: black;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

*:focus {
	outline: none !important;
}

hr {
	color: #FED52D;
	background-color: #FED52D;
	height: 1px;
	border: 0px;
}

/* labels */
.label {
	font-weight: bold;
	white-space: nowrap;
}

/* working banner */
#banner {
	background: #EFEFEF;
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
	width: 700px;
	height: 112px;
}

/* description */
.descriptionHeading {
	color: #444444;
	font-weight: bold;
}

.description {
	color: #444444;
}

/* working div */
div #workingDiv {
	background: #FFFFFF;
	width: 612px;
	float: left;
	margin-top: 10px;
	padding-bottom: 20px;
}

/* question div */
div.question {
	margin-left: 20px;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
}

/* info div */
div.info {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	font-size: 12px;
	width: 700px;
}

/* tool tip */
div.tooltip {
	font-size: 11px;
	color: #444444;
	width: 300px;
	border-style: solid;
	border-color: #888888;
	border-width: 1px;
	background: #F7F7CD;
	padding: 5px;
	text-align: left;
	visibility: hidden;
	position: absolute;
}

/* highlight option */
span.option:hover {
	border: 1px solid #CCCCCC;
}

span.option {
	border: 1px solid #FFFFFF;
	padding: 2px;
	cursor: hand;
	text-align: left;
	padding-left: 5px;
	padding-right: 10px;
}

/* radio */
.radioOption {
	cursor: hand;
	margin-top: -1px;
	float: left;
	padding-bottom: 5px;
}

/* input */
.text:focus {
	border: 1px solid #999000;
	padding: 2px 2px 2px 2px;
	width: 140px;
}

.text {
	border: 1px solid #CCCCCC;
	padding: 2px 2px 2px 2px;
	width: 140px;
}

.province {
	width: 60px;
}

.cellprovider {
	width: 80px;
}

.multiline {
	border: 1px solid #CCCCCC;
	height: 96px; /*6 lines*/
	width: 100%;
}

.multiline:focus {
	border: 1px solid #999000;
}

/* search */
table.search {
	border-top: 1px solid #888888;
	margin-top: 10px;
}
table.search th {
	background-color: #DDDDDD;
	text-align: left;
	border-bottom: 1px solid #999999;
	padding: 2px 4px;
}
table.search td {
	padding-top: 10px;
	padding-left: 10px;
}

/* results */
table.list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #888888;
	margin-top: 20px;
}
table.list th {
	background-color: #DDDDDD;
	text-align: left;
	border-bottom: 1px solid #999999;
	padding: 2px 4px;
}
table.list tr {
	cursor: hand;
}
table.list td {
	border-bottom: 1px solid #CCCCCC;
	padding: 2px 4px;
}
table.list td.button {
	border-bottom: 0px solid #CCCCCC;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}
table.list th a, table.list th a:visited {
	color: #333333;
	text-decoration: none;
}
table.list th a:hover, table.list th a:active {
	color: #333333;
	text-decoration: underline;
}

/* properties */
table.properties {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin-top: 6px;
	margin-bottom: 20px;
}
table.properties th {
	background-color: #FEB;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	border-left: 10px solid #CCCCCC;
	padding: 2px 4px 2px 4px;
}
table.properties tr {
	cursor: hand;
}
table.properties td {
	border-bottom: 1px solid #CCCCCC;
	background: #EFEFEF;
	padding: 2px 4px 2px 4px;
}
table.properties td.button {
	border-bottom: 0px solid #CCCCCC;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}
table.properties th a, th a:visited {
	color: #333333;
	text-decoration: none;
}
table.properties th a:hover, th a:active {
	color: #333333;
	text-decoration: underline;
}

/* buttons */
.boldbuttons {
	background: transparent url(  '/Famine/Images/buttonleft.png' ) no-repeat top left;
	display: block;
	float: left;
	font: bolder 13px Arial;
	color: #FFFFFF;
	line-height: 22px;
	padding-left: 8px;
	text-decoration: none;
	height: 32px;
	cursor: hand;
}
.boldbuttons:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.boldbuttons span {
	background: transparent url(  '/Famine/Images/buttonright.png' ) no-repeat top right;
	display: block;
	padding-left: 20px;
	padding-right: 30px;
	height: 32px;
}
.buttonwrapper {
	/* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

/* standard error box */
.errorMessageList ul {
	list-style-type: none;
	background-color: #FEFBF6;
	border: 2px solid #F00;
	color: #F00;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 1px;
	margin-right: 20px;
	width: 700px;
}

/* login error box */
.errorMessageListLogin ul {
	list-style-type: none;
	background-color: #FEFBF6;
	border: 2px solid #F00;
	color: #F00;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	width: 400px;
}

/* navigation */
#bottomNavigation {
	background-image: url(  '/Famine/Images/light-gradient-2.jpg' );
	border-top: solid 1px #888888;
	padding-left: 5px;
	height: 25px;
	width: 960px;
}

/* bottom nav */
.bottomnav {
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	padding-right: 8px;
	padding-left: 8px;
	color: #444444;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	text-decoration: none;
	border-color: #AAAAAA;
	background: #EFEFEF;
}

.bottomnav:hover {
	background: #FF6600;
	border-color: #BB2200;
	color: #FFFFFF;
}

/* top nav */
#topNavigation {
	background-image: url(  '/Famine/Images/light-gradient.jpg' );
	border-bottom: solid 1px #888888;
	width: 960px;
	padding-left: 5px;
	padding-right: 5px;
}

.topnav {
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	color: #444444;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	text-decoration: none;
	border-color: #AAAAAA;
	background: #EFEFEF;
}

.topnav:hover {
	background: #FF6600;
	border-color: #BB2200;
	color: #FFFFFF;
}

#sideNavigation {
	width: 210px;
}

/* working content area in master page */
#cbody {
	padding-left: 20px;
}

#sideNavigation {
	padding-top: 10px;
	border-right-style: solid;
	border-right-color: #888888;
	border-right-width: 4px;
}

.treenode {
	font-size: 13px;
	color: #000000;
	padding-top: 5px;
}

/* headings */
h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3F373C;
}

h1 {
	font-size: 18px; /* reducced from 28px, replaced h2, h3, with h5 h6 -fcm */
	padding-bottom: 10px;
}


h2 {
	font-size: 16px;
	margin-bottom: 5px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

h5 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
h6 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	color: #FF6633;
	padding-bottom: 20px;
	
}


.small {
	font-size: 0.95em;
	font-weight: bold;
	color: #888888;
}


/*For replaced arguments in FormattedLiterals*/
.argument {
	font-weight: bold;
	font-style: italic;
}

/*For donation form*/

fieldset {
	border: 0;
}

.clear {
	float: none !important;
	clear: both !important;
	font-size: 0 !important;
	line-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.reqInd {
	color: #F00;
}

td.reqInd {
	text-align: right;
	padding-right: 2px;
	width: 0.6em;
}

fieldset .inputRow div {
	float: left;
	padding: 0 8px 8px 0;
}
fieldset .inputRow div label {
	display: block;
}
fieldset .inputRow div label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
}

fieldset th {
	font-weight: bold;
	text-align: left;
	width: 105px;
}
fieldset th, fieldset .reqInd {
	vertical-align: top;
	padding-top: 5px;
}

#creditCard {
	background-color: transparent;
	background-image: url(/famine/Images/creditcard.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 170px 0pt;
	padding-top: 2px;
	width: 300px;
}

fieldset .inputRow .donationAmount {
	display: block;
}

fieldset .inputRow .donationAmount input {
	float: left;
}

fieldset .inputRow label {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	color: #000;
	display: block;
	margin-left: 2px;
	margin-top: 0.25em;
}
fieldset .inputRow .donationAmount label {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	color: #000;
	display: block;
	width: 100px;
	margin-left: 20px;
	margin-top: 0.25em;
}

fieldset #lblCurrency {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
}

input.error, textarea.error, select.error, table.rblist.error {
	background-color: #FFFBF4;
	border: 1px solid #F00;
	color: #000;
	font-weight: normal;
}


/*My Home styles*/
#myHome {
	width: 700px;
	padding-top: 10px;
}

#myHome .section {
	border-bottom: solid 1px #FED52D;
	margin: 5px 0;
	padding: 10px;
}

#myHome .section h3 {
	margin-top: 0;
}

#myHome .section h5 {
	margin-top: 10px;
}

#myHome .section p {
	margin: 0;
}

#myHome .boldbuttons {
	width: 100%;
	text-align: center;
}

#myHome .buttonwrapper {
	border: 0;
}

#myHome .section #selectionDisclaimer {
	margin-bottom: 10px;
	font-size: 0.8em;
}

#myHome #banner table {
	width: 100%;
	height: 100%;
	padding: 0;
	border-collapse: collapse;
}

#myHome #banner #image {
	background: url(  '/Famine/Images/my_home.jpg' ) no-repeat;
	width: 112px;
	height: 100%;
}

#myHome #banner #description {
	width: auto;
	padding: 10px 20px 10px 20px;
}

/*Email page styles*/

.emailFields {
	display: block;
	margin: 0.5em 0;
}

.emailFields span {
	display: block;
}

.emailFields .wide {
	width: 16em;
}

/*rounded box styles*/

.roundedBoxContent h3 {
	text-align: center;
	margin: 0 0 10px 0;
}

.rside {
	border-right: solid 2px #CCCCCC;
}

.lside {
	border-left: solid 2px #DCDCDC;
}
















/* new css */

#divWork {
	margin: 0 0 0 0;
	background: #FFFFFF;
	height: 100%;
}

#divVdsm {
	border: solid 2px #D8363D;
	background-color: #EEEBE6;
	width: 686px; /* 700 - padding - border */
	/*padding: 5px; */
	margin: 2px 0 24px 0; /* 10px + padding + border */
}

.vdsmErrorSummary ul {
	list-style-type: none;
	background-color: #EEEBE6;
	color: #F00;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 650px; 
}

#divBanner {
	background: #FBEF9B; 
	border: solid 4px #DBCF7B; 
	border-left: solid 4px #DBCF7B; 
	width: 682px; /* 700 - padding - border */
	height: 112px;
	/*padding: 5px;*/
	margin: 0 0 22px 0; /* 10px + padding + border */
}

#divBannerDescription {
	color: #000000;
	font-size: .9em; 
	text-align: justify;
	padding: 0px 20px 10px 20px;	
	width: 520px; /* 700 - 112 - left/right padding*/
	position: relative;
	left: 110px;
	top: -100px;
}

#divDescriptionHeading {
	font-size: 1.2em;
	font-weight: bold;
}

.divBannerPic {
	border-right: solid 4px #DBCF7B; 
	top: 1px; 
	left: 1px; 
	width: 109px; 
	height: 112px; 	
}

/* subheading within a div */
div.divHeadingBar {
	/* background-color: #EFEFEF; */
	background: transparent url(  '/Famine/Images/light-gradient-2.jpg' ) repeat-x bottom;
	width: 100%;
	height: 17px;
	border-bottom: solid 1px #D0D0D0;
	position: relative;
	/*top: -2px;*/
	padding-top: 2px;
	text-align: justify;
}

span.divHeading {
	font-size: 1.1em;
	color: #000000;
	font-weight: bold;
	padding-left: 5px;
}

/* hide divs on initial page render, eg: vdsm */
.hidden {
	display: none;
	visibility: hidden;
}

.visible {
	display: block;
	visibility: visible;
}

/* searching */
div.divSearch {
    background: #FFFFFF;
    border: solid 2px #D0D0D0;
    /*padding: 5px; */
    width: 686px; /* 700 - padding - border */
    position: relative; 
    margin: 2px 0 22px 0; /* 10px + padding + border */
    top: -2px;
}

div.divSearchInner {
    background: #FFFFFF; 
    padding: 0px;
}            
            
table.tblSearch {
	margin-top: 5px;
	margin-left: 10px;
}

table.tblSearch td {
	padding-top: 5px;
	padding-left: 10px;
}

/* field labels */
.lblField {
	font-weight: normal;
	white-space: nowrap;
	color: #000000;
}

/* search results */
/* contains header, results and commands */
div.divResultsContainer {
	width: 100%;
}

table.tblResultsHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 10px;
	width: 100%;
}

table.tblResultsHeader th {
	/* background-color: #EFEFEF; */
	background: transparent url('/Famine/Images/light-gradient-2.jpg') repeat-x bottom;
	text-align: left;
	border-top: 1px solid #D0D0D0;
	padding: 2px 4px;
	border-bottom: solid 1px #D0D0D0;
}

table.tblResults {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
}

table.tblResults tr {
	cursor: hand;
}

table.tblResults td {
	border-bottom: 1px solid #D0D0D0;
	padding: 2px 4px;
}

div.divResults {
	width: 100%; 
	height: 100px; 
	overflow: scroll; 
	border-bottom: solid 1px #888888;
}

table.tblResultsCommands {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
}

/* this is inside a table cell */
div.divTableCommands {
	float: right; 
	padding-top: 10px; 
	margin-right: 10px;
}

/* buttons */
.btnOrange {
	background: transparent url('/Famine/Images/orangebuttonleft.png') no-repeat top left;
	display: block;
	float: left;
	font: bolder 13px Arial;
	color: #FFFFFF;
	line-height: 20px;
	padding-left: 6px;
	text-decoration: none;
	height: 30px;
	cursor: hand;
	margin-left: 10px;
}

.btnOrange:hover {
	color: #FFFFFF;
}

.btnOrange span {
	background: transparent url('/Famine/Images/orangebuttonright.png') no-repeat top right;
	display: block;
	padding-left: 0px;
	padding-right: 8px;
	height: 30px;
}

.btnDisabled {
	background: transparent url('/Famine/Images/disabledbuttonleft.png') no-repeat top left;
	display: block;
	float: left;
	font: bolder 13px Arial;
	color: #AAAAAA;
	line-height: 20px;
	padding-left: 6px;
	text-decoration: none;
	height: 30px;
	cursor: hand;
}

.btnDisabled span {
	background: transparent url('/Famine/Images/disabledbuttonright.png') no-repeat top right;
	display: block;
	padding-left: 0px;
	padding-right: 8px;
	height: 30px;
}

/* forms */
div.divForm {
    background: #FFFFFF;
    border: solid 2px #D0D0D0;
    /* padding: 5px; */
    width: 686px; /* 700 - padding - border */
    position: relative; 
    margin: 2px 0 22px 0; /* 10px + padding + border */
    top: -2px;
}

div.divFormInner {
    background: #FFFFFF; 
    padding: 0px;
}            

table.tblForm {
	margin-top: 5px;
	margin-left: 10px;
	width: 680px;
}

table.tblForm td {
	padding-top: 5px;
	padding-left: 10px;
}

/* calendar */
.calOtherCell {
	padding-top: 1px;
	padding-left: 1px;
}

/* wrap the calendar with a border, 
   that gets messed up when leading and trailing days are off -fcm */
.divcalendar {
	border: solid 1px #FF6600;
	visibility: hidden;
	display: none;
	padding-bottom: 2px;
	margin-left: 115px;
	text-align: center;
}

.calendar a {
	text-decoration: none;
}

.calOtherDays {
	visibility: hidden;
}

.calDays {
	border-style: none;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}

.calDays a {
	border: solid 1px #FFFFFF;
	background: #FFFFFF;
}

.calDays a:hover {
	border: solid 1px #DE9000;
	background: #FEB;
}

.calDayHeader {
	border-style: none;
	text-decoration: none;
	color: #444444;
}

/* confirmation */
div.divConfirmation {
	background: #FFFFFF;
	width: 700px; /* 700 - padding - border */
	height: 200px;
}












/* buttons */
.redbuttons {
	background: transparent url(  '/Famine/Images/cfhimages/redbuttonleft.jpg' ) no-repeat top left;
	display: block;
	float: left;
	font-family: Arial;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 36px;
	padding-left: 10px;
	text-decoration: none;
	height: 96px;
	cursor: hand;
}
.redbuttons:hover {

}
.redbuttons span {
	background: transparent url(  '/Famine/Images/cfhimages/redbuttonright.jpg' ) no-repeat top right;
	display: block;
	padding-left: 110px;
	padding-right: 125px;
	padding-top: 10px;
	height: 96px;
}
.redbuttonwrapper {
	/* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

.redbuttonsup {
	background: transparent url(  '/Famine/Images/cfhimages/redbuttonleftup.jpg' ) no-repeat top left;
	display: block;
	float: left;
	font-family: Arial;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 36px;
	padding-left: 10px;
	text-decoration: none;
	height: 96px;
	cursor: hand;
}
.redbuttonsup:hover {

}
.redbuttonsup span {
	background: transparent url(  '/Famine/Images/cfhimages/redbuttonrightup.jpg' ) no-repeat top right;
	display: block;
	padding-left: 110px;
	padding-right: 125px;
	padding-top: 10px;
	height: 96px;
}

.graybuttons {
	background: transparent url(  '/Famine/Images/cfhimages/graybuttonleft.jpg' ) no-repeat top left;
	display: block;
	float: left;
	font: bolder 18px Arial;
	color: #000000;
	line-height: 22px;
	padding-left: 10px;
	text-decoration: none;
	height: 48px;
	cursor: hand;
}
.graybuttons:hover {
	text-decoration: underline;
}
.graybuttons span {
	background: transparent url(  '/Famine/Images/cfhimages/graybuttonright.jpg' ) no-repeat top right;
	display: block;
	padding-left: 40px;
	padding-right: 55px;
	padding-top: 10px;
	height: 48px;
}

.graybuttonwrapper {
	/* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

.errorMessageListCFH ul {
	list-style-type: none;
	background-color: #FEFEFE;
	border: 2px solid #cf2c3d;
	color: #cf2c3d;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 1px;
	width: 765px;
}

.hrCFH {
	width: 906px;
	margin-left: 1px;
	color: #000000;
}

#divCFH {
	width: 960px;
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}

#divSponsors {
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	padding-top: 10px;
}

#divTwitter {
	width: 550px;
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #AAAAAA; 
	margin-top: 25px;
}

.logo {
	padding: 10px;
}

.sponsor {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #444444;
	padding: 5px;
}

/* input */
.text:focus {
	border: 1px solid #000000;
	padding: 2px 2px 2px 2px;
	width: 140px;
}

.text { 
	border: 1px solid #CCCCCC;
	padding: 2px 2px 2px 2px;
	width: 140px;
}

.province {
	width: 60px;
}

.maincopy0 {
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	font-family: Arial;
	font-size: 18px;
	text-align: justify;
	line-height: 27px;
	margin-top: -5px;
	
}
.maincopy1 {
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	font-family: Arial;
	font-size: 16px;
	text-align: justify;
	line-height: 16px;

}

p.maincopy {
	margin: 0;
	padding-left: 50px;
	padding-right: 50px;
	font-family: Arial;
	font-size: 14px;
	text-align: justify;
}

.haitiPhone {
	font-family: Arial;
	font-size: 18px;
	padding-left: 20px;
	font-weight: bolder;
}