html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
}

p {
	padding-top: 6px;
	padding-bottom: 6px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight: bold;
	color: #4d1e00;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold;
	color: #4d1e00;
}

a {
	color: #700306;
}

a:hover {
	color: #B40600;
	}
	

#page {
	width:1164px;
	height: 864px;
	position: relative;
	margin: 0 auto;	
	background-image: url(images/home_bkgrnd.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}





em, i {
	font-style: italic !important;
}


/*- Main Menu in Header */


ul.menu {
	position:absolute;
	top:30px;
	width:954px;
	padding-right: 46px;
	height: 24px;
	left: 234px;
	margin: 0;
	padding: 0;
	position: absolute;
}

ul.menu li {
	margin: 0 3px 0 0;
	display:inline;
	float: left;
	height: 24px;
}

ul.menu li a {
	display: block;
	height: 24px;
	background-repeat: no-repeat;
}

ul.menu li a:hover {
	background-position: 0 -24px;
}

li#nav_home a {
	background-image: url('images/nav_home.jpg');
	width: 66px;
}
li#nav_home {
	margin-right: 4px;
}

li#nav_causes a {
	background-image: url('images/nav_causes.jpg');
	width: 86px;
}

li#nav_beneficiaries a {
	background-image: url('images/nav_beneficiaries.jpg');
	width: 127px;
}
li#nav_beneficiaries {
	margin-right: 3px;
}

li#nav_kids a {
	background-image: url('images/nav_kids.jpg');
	width: 84px;
}

li#nav_share a {
	background-image: url('images/nav_share.jpg');
	width: 157px;
}

li#nav_log a {
	background-image: url('images/nav_log.jpg');
	width: 157px;
}




li#nav2_home a {
	background-image: url('images/nav2_home.jpg');
	width: 66px;
}
li#nav2_home {
	margin-right: 4px;
}

li#nav2_causes a {
	background-image: url('images/nav2_causes.jpg');
	width: 86px;
}

li#nav2_beneficiaries a {
	background-image: url('images/nav2_beneficiaries.jpg');
	width: 127px;
}
li#nav2_beneficiaries {
	margin-right: 3px;
}

li#nav2_kids a {
	background-image: url('images/nav2_kids.jpg');
	width: 84px;
}

li#nav2_share a {
	background-image: url('images/nav2_share.jpg');
	width: 157px;
}

li#nav2_log a {
	background-image: url('images/nav2_log.jpg');
	width: 157px;
}




ul.menu li a {
	text-indent: -10000px;
}

/* campaigns menu */

ul.campaigns {
	position:absolute;
	top: 486px;
	width: 1076px;
	height: 60px;
	left: 87px;
	margin: 0;
	padding: 0 !important;
	position: absolute;
}

ul.campaigns li {
	margin: 0 59px 0 0;
	display:inline;
	float: left;
	height: 128px;
	background-position: 0 60px;
	background-repeat: no-repeat;
}

ul.campaigns li a {
	display: block;
	height: 60px;
	background-repeat: no-repeat;
}

ul.campaigns li a:hover {
	background-position: 0 -60px;
}

li#campaign_sickness a {
	background-image: url('images/campaigns_sickness.jpg');
	width: 197px;
}

li#campaign_poverty a {
	background-image: url('images/campaigns_poverty.jpg');
	width: 168px;
}
li#campaign_poverty {
	margin-right: 45px;
}

li#campaign_hunger a {
	background-image: url('images/campaigns_hunger.jpg');
	width: 157px;
}
li#campaign_hunger {
	margin-right: 49px;
}

li#campaign_children a {
	background-image: url('images/campaigns_children.jpg');
	width: 342px;
}
	
ul.campaigns li a {
	text-indent: -10000px;
}


#social {
	position: relative;
	left: -9px;
	float: right;
	top: 31px;
	width: 46px;
}

#twitter {
	background-image: url('images/twitter.png');
	display: block;
	width: 21px;
	height: 21px;
	float: left;
}

#facebook {
	background-image: url('images/facebook.png');
	display: block;
	width: 21px;
	height: 21px;
	float: right;
}


#header {
	position:relative;
	width:1000px;
	height: 54px;
}
#content {
	position:relative;
	width:1000px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	top: 40px;
}

#content, p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 1.3em;
}

#content ul {
	padding-left: 28px;
}



.heading {
	width: 474px;
	height: 88px;
	position: relative;
	left: 133px;
	background: no-repeat;
}

#causes {
	background-image: url('images/header_causes.png');
}

#beneficiaries {
	background-image: url('images/header_beneficiaries.png');
}

#kids {
	background-image: url('images/header_kids.png');
}

#share {
	background-image: url('images/header_share.png');
}

#give {
	background-image: url('images/header_give.png');
}

#log {
	background-image: url('images/header_log.png');
}

#howrich {
	background-image: url('images/header_howrich.png');
}

#content_box {
	left: 190px;
	height: 389px;
	padding: 20px;
	position: relative;
	width: 735px;
	overflow: auto;
}


.causeText p {
	font-size: 14px;
}

#progress {
	position: absolute;
	top: 197px; 
	left: 609px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #8F1A08;
	width: 232px;
}

#start {
	float: left;
}

#middle {
	float: left;
	margin-left: 90px;
}

#goal {
	float: right;
}

#progressbar {
	clear: both;
	width: 228px;
	height: 17px;
	border: 2px solid #000;
}

#pbfilling {
	background-color: #8F1A08;
	display: block;
	height: 17px;
}
#pbfilling-line {
	background-color: #000000;
	display: block;
	height: 17px;
	margin: 0 112px;
}

#projectDetail tr td {
	padding: 5px;
	margin-top: 10px;
}

a.btn {
	position: absolute;
	top: 196px; 
	left: 607px;
	padding: 4px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	background-color: #8F1A08;
	border: 2px solid #000;
	color: #f2e8dc;
	text-decoration: none;
	z-index: 99;
	
}

a.btn:hover {
	background-color: #C94F3C;
	cursor: pointer;
	color: #fff;
}

#sickness {
	width: 738px;
	height: 82px;
	background: url('images/date_sickness.png') no-repeat top right;
	margin-bottom: 20px;
}

#poverty {
	width: 738px;
	height: 82px;
	background: url('images/date_poverty.png') no-repeat top right;
	margin-bottom: 20px;
}

#hunger {
	width: 738px;
	height: 82px;
	background: url('images/date_hunger.png') no-repeat top right;
	margin-bottom: 20px;
}

#children {
	width: 738px;
	height: 82px;
	background: url('images/date_children.png') no-repeat top right;
}

a.givebtn {
	display: block;
	background: url('images/give.png') no-repeat;
	width: 109px;
	height: 33px;
	float: right;
	margin: 25px 10px;
}

a.givebtn:hover {
	background-position: 0 -33px;
}

a.servebtn {
	display: block;
	background: url('images/serve.png') no-repeat;
	width: 109px;
	height: 33px;
	float: right;
	margin: 25px 10px;
}

a.servebtn:hover {
	background-position: 0 -33px;
}

a.shoppinglistbtn {
	display: block;
	background: url('images/shopping_list.png') no-repeat;
	width: 109px;
	height: 33px;
	float: right;
	margin: 25px 10px;
}

a.shoppinglistbtn:hover {
	background-position: 0 -33px;
}

/*
a.howrichbtn {
	display: block;
	background: url('images/howrich.jpg') no-repeat;
	width: 400px;
	height: 56px;
}
a.howrichbtn:hover {
	background-position: 0 -56px;
}
*/

a.howrichbtn {
	display: block;
	background: url('images/howrich-sm.jpg') no-repeat;
	width: 200px;
	height: 28px;
}

a.howrichbtn:hover {
	background-position: 0 -28px;
}

a.whatbtn {
	display: block;
	width: 320px;
	height: 99px;
	background: url('images/what.png') no-repeat;
}

a.whatbtn:hover {
	background-position: 0 -99px;
}

ul.beneficiaries  {
	padding-left: 0 !important;
}

.beneficiaries li {
	list-style: none;
	background: #fff;
	padding: 20px 10px;
	float: left;
}

.beneficiaries li img {
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}

.beneficiaries li .description {
	width: 416px;
	float: right;
}

.accordion {
	display: none;
	margin: 6px 0 !important;
}

.accordion h3 {
	background: #6AB8C2;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

.accordion div {
	display: none;
}

.accordion div div {
	display: block;
}

.accordion h3 a {
	color: #fff !important;
	text-decoration: none;
} 


.ui-accordion .ui-accordion-content {
	font-size: 14px;
}

#leftCol {
	width: 700px;
	min-height: 200px;
}
#rightCol {
	position:relative;
	display: inline;
	float: right;
	width: 200px;
	
}

#footer {
	position:relative;
	width:100%;
	height: 45px;
	clear:both;
	margin: 10px 0 0 0;
	color: #EEEEE4;
}

	

#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
}


#cart {
	width: 207px;
	left: 750px;
	position: relative;
	top: 22px;
	overflow: hidden;
	height: 132px;
	background: #F9F8F3;
	border: 2px solid #224447;
}

#cart h2 {
	background: #224447;
	color: #DEDFD7;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 2px 0 3px;
}	


#cartServe td, #cartGive td {
	padding: 5px;
	font: 11px Arial,Helvetica,sans-serif;
}

#cartbox td {
	padding: 0 5px 0 5px;
		vertical-align: top;
}

#cartbox  {
	background-color: #D3D0BF;
	vertical-align:top;
	-moz-border-radius: 8px;
    -webkit-border-radius:8px;
    margin: 0 0 10px 0;
}

#cartbox thead {
	background-color: #700306;
}

#cartbox th{
	padding: 2px 0 2px 0;
	color: #E5C698;
}

#cartbox a {
	color: #4d1e00;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#cartbox a:hover {
	color: #B40600;
	text-decoration: underline;
	}

#cartServe tr.even, #cartGive tr.even {
	background-color: #EEEEE4;
}

#opportunities {
	display: none;
}

.trash {
	
	cursor: pointer;
}

/* define table skin */
		table.grid {
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}
table.grid * {
	font: 11px Arial, Helvetica, sans-serif;
}
table.grid thead, table.grid .collapsible {
	background-color: #224447;
}
/* use the below style below to hide the collapsed rows via CSS, you must also set the showCollapsed setting to true */		
/*
		table.grid tr.expand-child td {
			display: none;
		}
*/

		table.grid th {
	color: #DEDFD7;
	padding: 4px 4px 4px 8px;
	cursor: pointer;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
table.grid td {
	color: #565770;
	padding: 4px 8px;
	cursor: pointer;
	vertical-align: top;
}
table.grid th.headerSortUp {
	background: #224447 url(./tablesorter_bkgrd.png) no-repeat 100% -80px;
}
table.grid th.headerSortUp span {
	background: #224447 url(./tablesorter_bkgrd.png) no-repeat 0 -80px;
}
table.grid th.headerSortDown {
	background: #224447 url(./tablesorter_bkgrd.png) no-repeat 100% 2px;
}
table.grid th.headerSortDown span {
	background: #224447 url(./tablesorter_bkgrd.png) no-repeat 0 2px;
}
table.grid th span {
	padding: 4px 0 4px 6px;
	font-weight: bold;
}
table.grid a:link,  table.grid a:visited,  table.grid a:focus,  table.grid a:hover {
	color: #565770;
	font-weight: bold;
	text-decoration: underline;
}
table.grid a:hover {
	color: #d07c57;
}
table.grid tr.even {
	background-color: #f0f0f0;
}
/* expand/collapse */
		table.grid .collapsible {
	padding: 0 0 3px 0;
}
.collapsible a.collapsed {
	margin: 2px;
	display: block;
	width: 15px;
	height: 15px;
	background: url(./tablesorter_expand.png) no-repeat 3px 3px;
	outline: 0;
}
.collapsible a.expanded {
	margin: 2px;
	display: block;
	width: 15px;
	height: 15px;
	background: url(./tablesorter_expand.png) no-repeat -24px 3px;
	outline: 0;
}

#oppsBox {
	height: 284px;
	overflow: auto;
	background: #fff;
	border: 3px solid #224447;
	margin-left: -20px;
	width: 770px;
}

#opportunities tr.highlight {
  background-color: #AAD2D2;
 }
 
 #opportunities tr.selectedRow td {
 	font-weight: bold;
		cursor:default;
 }
 
 #opportunities tr.detailRow td {
		cursor:default;
 }
 
 #opportunities tr.selectedRow, tr.detailRow{
  background-color: #AAD2D2;
 }
 
 .options {
		margin: 5px;
		padding: 5px;
		background-color: #67AFB3;
		text-align:center;
	}
	
.ui-effects-transfer { 
	border: 1px dotted; 
	 
  background-color: #D3D0BF;
  border: 1px dotted black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;

} 

ul.amtList {
	margin: 0;
	padding-left: 25px;
	list-style-type:none;
	text-align:left;
	}

ul.amtList li {
	margin:0;display:block;
		
	padding-left: 25px;
	text-align:left;
	}

.amountInput {
	height:12px;
	width:25px;
	font-size: 10px;
		vertical-align:baseline;
}

#espanol, #sortingNote {
	font-size: 9px;
}

.logoParagraph {
	clear:both;

	margin:10px auto 15px;
	padding:10px 10px 15px;
  	border: 1px solid;
  	background: #fff;
  	width: 620px;
}


.logoParagraph .description {
	float:right;
	margin: -5px 10px;
	padding: 10px 0 0;
	width:444px;
}

img.alignleft {
 display:inline;
 margin:0 7px 2px 0;
 padding:4px;
}

img.alignright {
 display:inline;
 margin:0 0 2px 7px;
 padding:4px;
}


img.aligncenter {
 display:inline;
 margin:0 7px 2px 7px;
 padding:4px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	float: center;
}

.story {
	padding: 10px;
	margin: 10px;
	float: left;
	width: 198px;
	border: 1px solid;
}

.story p {
	font-size: 13px;
}

.fielderror {
    color: red;
    padding-left: 10px;
}


table.grid .variables {
	padding-top: 10px;
	font-style: italic;
	font-weight: bold;
	font-size: 10px;
}


#search {
	margin: 0 auto 10px;
	width: 645px;
	border: 1px solid #000;
	padding: 10px;
}

#search table {
	margin: 0 auto;
}

#search table tr td {
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}

#fileQueue {
	width: 370px;
	margin: 0 auto;
}