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

html, body {
	height:100%;
	margin:0;
	color: #3E3E3E
	}
table {background-color:fff;}

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, ul li, form, fieldset {
	padding: 0;
	}

body {
	text-align: center;
	font-family: verdana,arial,helvetica,sans-serif;
    font-size: 13px; 
    min-width: 970px;
	}

td {vertical-align:top}

div#main_left{ 
	float:left; 
	width:540px;
	background-image:url(images/coffee_bean_graphic.gif);
	background-position: center;
	background-repeat:no-repeat;
	background-color:fff;
	}
div#main_right{ float:right; padding:50px 0px 0px 0px; width:375px; }	
div#him_right{ float:right; padding:0px 0px 0px 0px; width:375px; margin-left:15px; }	
div#him_right p { margin-top:1px; }	
div#wrapper { 
	text-align:left; /* reset text alignment */ 
	width:970px; /* or a percentage, or whatever */ 
	margin:0 auto; /* for the rest */
	background-color:#FFF;
} 	
div#content {
	width:921px;
	z-index: 0; 
	text-align:left; /* reset text alignment */ 
	padding: 20px 10px 10px 20px;
	margin:0;
	background-color:#fff;	
} 	

span.maroon_text {
color: #822017;
text-align:left;
font-weight:bold;
font-style:italic;
}

span.maroon_title {
color: #822017;
text-align:left;
font-size:16px;
text-decoration:underline;
}

span.teal_text {
color: #507969;
text-align:left;
font-weight:bold;
}

span.puc p { margin-bottom:-10px; text-align:left}

p.bottom {
display:block;
width:100%; 
text-align:center; 
margin:4px 0px 0px 0px; 
padding-bottom:4px;
font-size:12px;
}

p.bottom a{
font-size:12px;
}
td.text_left {text-align:left;}
	.mandatory {
		text-align: left;
		font-family: verdana,arial,helvetica,sans-serif;
        font-size: 13px; 
        color: #FF0000;
	}
	span.shaded p {display:block; padding:5px; border: solid 1px #f1f1f1}	
span.shaded td {padding-left:30px; vertical-align:top;}	
span.shaded br {display:block; margin-bottom:3px;}	

table.items { width:100%; border-collapse:collapse; border: 1px solid #f1f1f1; }
table.items tr { }
table.items td {padding:5px; border: 1px solid #f1f1f1; vertical-align: middle; text-align:center; }
table.items td.text_left {text-align:left;}


img.mainpage_top { display:block; position:absolute; top:55px; right:672px; z-index:2; width:280px; height:250px;}
img.charities_top { display:block; position:absolute; top:182px; right:672px; z-index:2; width:280px; height:250px;}
img.bottom_right { display:block; position:absolute; bottom:-2px; right:-6px; width:200px; height:181px;}
img.bottom_left { display:block; position:absolute; bottom:-2px; right:752px; width:200px; height:181px;}

table.charities_table td { display:table-cell; vertical-align:top; border:0; padding:12px; }

img.right { z-index: 1; position:relative; float:right; padding:0px 12px 12px 12px;}
img.right_nobord { float:right; padding:0px 3px 2px 4px; border:0px}

img.right_him { z-index: 1; position:relative; display:block; float:right; padding:3px 3px 3px 3px; margin:0px 1px 8px 8px; border:#c2daff solid 2px;}
img.left_him { z-index: 1; position:relative; display:block; float:left; padding:3px 3px 3px 3px; margin:0px 8px 8px 1px; border:#c2daff solid 2px;}

img.right_him_cw { z-index: 1; position:relative; display:block; padding:3px 3px 3px 3px; margin:0px 0px 0px 0px; border:#c2daff solid 2px;}

h1 {  margin-bottom: 16px; padding-bottom:10px; border-bottom:0px solid #ddd; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; color: #004447; }
h2 {  margin-bottom: 7px; margin-top: -20px;padding-bottom:10px;  border-bottom:1px solid #ddd; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: bold; color: #888; }
h3 {  margin-bottom: 7px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #A51102; }
h4 {  margin-bottom: 7px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #494949; }
h6 {  margin: 0px 0px 0px 0px; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; color:#0099cc;  border-top: solid 1px #c7e9f4; padding-top:10px;}

span {text-align:center;}
span.pipe  {color: #FFF4D8;}

a:link       { color: #ED6A2C; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;  }
a:visited    { color: #ED6A2C; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;  }
a:active     { color: #000; text-decoration: none; }
a:hover      { color: #000; text-decoration: underline; }

p.donation {
	font-size: 18px;
	color: #71B8FF;
	font-weight: bold;
	text-decoration:underline;
}