* 					 		{ margin: 0; 	padding: 0; }
body 							{ text-align: center; font: 76%/1.4 arial, verdana, sans-serif; background: #333 url(images/body_bg.png) repeat fixed top left; }
img 							{ border: none; }
.two-col 						{ float: left; width: 94%; padding: 0 20px; }
.two-col h3 						{ padding: 5px; background: #262626; font: 110% Georgia, "Times New Roman", Times, serif; letter-spacing: .02em; color: #fff; border-bottom: 2px solid #B67C18; }
.two-col p 						{ margin-left: 0; color: #444; }
.two-col .imgLeftBorder 				{ float: left; margin: 6px 10px 10px 0; border: 1px solid #D8D6CE; }
.two-col .imgRightBorder 				{ float: right; margin: 5px 20px 2px 4px; padding: 2px; background: #F5F5F2; border: 1px solid #D8D6CE; }
.col1 							{ width: 44%; float: left; }
.col2 							{ width: 44%; 	float: right; padding: 5px; }
p 							{ margin: 0 10px 1.3em 20px; font: normal 1.1em/1.4 arial,sans-serif; color: #333 }
h2 							{ font: 180% Georgia, "Times New Roman", Times, serif; 	letter-spacing:.05em; color: white; background: #262626 url(images/heading_bg_diag.png) no-repeat top right; padding: 10px; clear: both; margin-bottom: 10px; }
#content_main #col1 h3 					{ font-family: Arial, Helvetica, sans-serif; 	background: none; border: none; color:#553924; font-size:130%; 	font-weight:bold; text-decoration:none; margin-left: 20px; }
h4 							{ font: bold 100% Verdana, Arial, Helvetica, sans-serif; margin: 0 20px; margin-bottom: 0; }
h5 							{ font: bold 90% Verdana, Arial, Helvetica, sans-serif; margin: 0 20px; margin-bottom: 10px; }
a 							{ color: #555; }
a:link, a:visited 					{ text-decoration: underline; }
a:hover 						{ text-decoration: none; }
#wrapper 						{ width: 930px;	 margin: 0 auto; }
#masthead 						{ height: 249px; background: url(images/masthead.jpg) no-repeat top left; }
#content_wrapper 					{ width: 930px; float: left; display: inline; }
#content_main 						{ float: left; width: 930px; text-align: left; display: inline; background: #fff url(images/content_bg.png) repeat-y top left; }
#content_main h3 a 					{ color:#553924; font-size:110%; font-weight:bold; text-decoration:none; }
#content_main h3 a:hover, h3 a:visited 			{ color:#996600; text-decoration: none; }
#content_main .two-col h3 				{ margin-left: 10px !important; }
#content_main #col1 					{ float: left; width: 600px; text-align: left; display: inline; overflow: hidden; }
#content_main #col1 ul 					{ margin:0 0 20px 30px; }
#content_main #col1 li 					{ list-style-type: square; font-size: 100%; line-height: 1.2; margin-bottom: 5px; color: #333; }
#content_main #col1 img 				{ margin-bottom: 10px; }
#content_main #col2 					{ width: 315px; padding: 10px 0; float: left; margin-left: 15px; text-align: left; overflow: hidden; }
#content_main #col2 p 					{ margin-left: 0; color: #ccc; }
#content_main #col2 img 				{ margin-bottom: 10px; }
#content_main #col2 h3 					{ color: #fff; font: 130% Georgia, "Times New Roman", Times, serif; border: 1px solid #333; padding: 2px; background: #222; width: 95%; margin-top: 20px; margin-bottom: 5px; clear: both; }
#content_main #col2 ul 					{ margin:0 0 20px 5px; }
#content_main #col2 li 					{ list-style-type: none; background: url(images/diamond_bullet_black_bg_11px.png) no-repeat left 50%; 	padding-left: 16px; font-size: 100%; line-height: 1.2; margin-bottom: 5px; color: #fff; }
#content_main #col2 a 					{ color: #EEE6B7; }
#col2 .imgLeft 						{ border: none; }

/* misc styles */

/* features */
#content_main #col1 #features_outer_wrapper		{ background: #000; padding-top: 10px; }
#content_main #col1 #features           		{ position: relative; width: 580px; height: 250px; border: 10px solid #FFF; margin: 0 0 50px 0;  }
#content_main #col1 #features .features-inner-wrapper   { position: absolute; width: 580px; overflow: auto; height: 250px; top: 0; left: 0; overflow:hidden;}
#content_main #col1 #features .features-inner-wrapper ul{ width: 99999px; list-style: none; background: #C6C6C6; margin: 0; }
#content_main #col1 #features .features-inner-wrapper	{ color: #fff; }
#content_main #col1 #features ul li                   	{ display: block; float: left; padding: 0; height: 250px; width: 580px; margin: 0;  background: #444; margin: 0; padding: 0; }
.arrow							{ position: absolute; display: none; top: 100px; z-index: 10; text-indent: -9999px; width: 45px; height: 44px; }
	.arrow.forward					{ right: 25px; background: transparent url(../images/bg-arrow-forward.png) top left no-repeat; }
	.arrow.back					{ left: 30px; background: transparent url(../images/bg-arrow-back.png) top left no-repeat; }
#thumbNav						{ position:absolute; top: 260px; left: -10px; padding: 15px 10px 15px 10px; width: 580px; background: #000; }
	#thumbNav a					{ color: #333; text-align: center; text-decoration: none; font-size: 14px; font-weight:bold; display: inline-block; float: left; width: 30px; padding: 2px 0; margin: 0 10px; background: #DEC35C; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#thumbNav a.cur, #thumbNav a:hover			{ background: #B67C18; color:#FFF; }
#start-stop						{ position: absolute; top: 275px; right: 10px; background: transparent url(http://www.hopegivers.org/lib/uploads/images/web_services/bg-feature-controls.png) no-repeat 0 -31px; padding-left: 18px; outline: none; color: #FFF; text-decoration: none; }
#start-stop:hover					{ background-position: 0 -47px; color: #DEC35C; }
#start-stop.playing                     		{ background-position: 0 2px; color: #FFF; }
#start-stop.playing:hover				{ background-position: 0 -14px; color: #DEC35C; }

#content_main #col1 #features .text_overlay 		{ display: none; }
#content_main #col1 #features li.cur .text_overlay 	{ position: relative; top: -80px; left: 0px; width: 560px; height: 60px; padding: 5px 10px; background: #000; display: block; }
#content_main #col1 #features li.cur a 			{ cursor: pointer; text-decoration: none; }
#content_main #col1 #features li.cur .text_overlay p 	{ margin: 0; text-align: left; font: 14px/1.3 Georgia, "Times New Roman", Times, serif; color: #FFA622; text-decoration: inherit; }
#content_main #col1 #features li.cur .text_overlay p span { color: #FFF; font-size: 16px; font-style: italic; }
#content_main #col1 #features span.read-more		{ white-space: nowrap; }

/* rotator in-page placement */
div#circle_of_hope 					{ float: left; position:relative; height:280px; }
/* rotator css */
#content_main #col1 div#circle_of_hope ul li 		{ float:left; position:absolute; list-style: none; }
div#circle_of_hope ul li.show 				{ z-index:2; }

/* tabs */
#content_main #col1 .fade-tabs 				{ color:#111; padding:15px 20px; margin:0px auto; }
#content_main #col1 .fade-tabs ul.tabs 			{ float:left;padding-top: 5px;padding-bottom: 1px;width: 320px;margin-left: 0;margin-bottom: 10px; border-bottom: 1px solid #8E5022; }
#content_main #col1 .fade-tabs ul.tabs li 		{ list-style:none; float:left;margin-left: 4px;margin-bottom:0; }
#content_main #col1 .fade-tabs ul.tabs a 		{ display:block; padding:6px 10px; text-decoration:none!important; font: 13px arial, sans-serif; text-transform: uppercase; color:#FFF; background:#6A2101; }
#content_main #col1 .fade-tabs ul.tabs a:hover 		{ color:#FFF; background:#8E5022; }
#content_main #col1 .fade-tabs ul.tabs a.selected 	{ margin-bottom:0; color:#fff; background: #8E5022; cursor:default; }
#content_main #col1 .fade-tabs ul.tabs li,
#content_main .fade-tabs ol li 				{ font-size: 110%; }
#content_main #col1 .fade-tabs .items 			{ float: left; }
#content_main #col1 .fade-tabs .items div 		{ display:none; width: 330px; padding:10px 0px 8px 0px; }
#content_main #col1 .fade-tabs .items div a 		{ color:#000;}
#content_main #col1 .fade-tabs .items div p 		{ margin-left: 0; }
#content_main #col1 .fade-tabs .items div p em 		{ font-weight: bold; }

div.sidebar-block 					{ position: relative; margin-bottom: 10px; width: 305px; }
#content_main #col2 div.sidebar-block h3 		{ position: absolute; top: -20px; font-size: 20px; margin: 0; width: 301px; padding: 8px 2px 8px 2px; background: #222 url(images/bg-h3.png) no-repeat 0 0; border: 0; }
#content_main #col2 div.sidebar-block img 		{ margin-bottom: 0; }
#content_main #col2 div.sidebar-block p 		{ position: absolute; left: 0px; bottom: 0px; background: #000; opacity: 0.8; margin: 0; padding: 8px 6px; width: 293px; border-bottom: 2px solid #555; border-top: 2px solid #555; font: 16px georgia, serif; }

#content_main #col2 div.sidebar-block p a { text-decoration: none; }

/* form styles */
.formButton 						{ font: bold 110% Helvetica, Arial, sans-serif; color: #fff; border: 1px solid #827B3E; border-bottom-color: #696432; border-right-color: #696432; padding: 1px;  background: url(images/button_bg.gif) repeat-x; }