/* CSS Document */

@import url(search.css);

	/* REDEFINITIONS
	----------------------------------- */
	/* use this to set everything equal */
	* {
		margin:				0;
		padding:			0;
		border:				none;
		background:			none;
		list-style:			none;
		/* enable PNG support in IE 
		behavior:			url(lib/scripts/iepngfix.htc);*/
	}
	
	/* don't forget to make sure that the height is set to 100% */
	/* this lets the table open to the full height of the browser */
	html,body {
		width:				100%;
		height:				100%;
	}
	
	body {
		font-size:			11px;
		color:				#333;
		background:			url(../images/backgrounds/body.gif) repeat-x top;
	}
	
	div,p {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			12px;
	}
	
	p {
		margin:				0 0 10px;
		text-align:			justify;
	}
	
	a {
		color:				#3190d3;
		text-decoration:	none;
		font-weight:		bold;
	}
	
	a:hover {
		text-decoration:	underline;
	}
	
	.require {
		color:				#A00;
	}
	
	h1{ font-size:	24px; }
	h2{ font-size:	20px; }
	h3{ font-size:	17px; }
	h4{ font-size:	15px; }
	h5{ font-size:	14px; }
	h6{ font-size:	12px; }
	
	/* ----------------------------------- */
	
	
	
	
	/* MAIN LAYOUT
	----------------------------------- */
	#wrapper {
		margin: 			0 auto -123px;
		width:				975px;
		min-height:			100%;
		height: 			auto !important;
		height: 			100%;
	}
	
	#content {
		padding:			20px 0 40px 20px;
		width:				955px;
		float:				left;
	}
	
	#main_left {
		width:				530px;
		float:				left;
	}
	
	#main_right	{
		margin:				40px 0 0;
		width:				390px;
		float:				right;
		position:			relative;
	}
	
	#main_right #curves {
		width:				390px;
		height:				15px;
		position:			absolute;
		top:				0;
		left:				0;
		background:			url(../images/backgrounds/rc_top_corners.png) no-repeat;
		behavior:			url(lib/scripts/iepngfix.htc);
	}
	
	.sub_left,
	.sub_right {
		margin:				0 0 20px;
		padding:			2%;
		width:				96%;
		float:				left;
	}
	
	.sub_right_join {
		padding:			2% 0 0 25%;
		width:				70%;
		background:			url(../images/common/orange_arrow.jpg) no-repeat top left;
		float:				left;
	}
	
	#footer, #fspace {
		width:				100%;
		height: 			123px;
	}
	
	#fspace {
		clear:				both;
	}
	
	#footer {
		width:				100%;
		background:			url(../images/backgrounds/footer.gif) repeat-x;
		text-align:			center;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* HEADER
	----------------------------------- */
	#header {
		margin:				0;
		width:				100%;
		height:				165px;
		text-align:			left;
	}
	
	#header h1,
	#header h1 span {
		width:				230px;
		height:				125px;
		display:			block;
		overflow:			hidden;
		float:				left;
	}
	
	#header h1 span {
		position:			absolute;
		background:			url(../images/header/logo.gif) no-repeat;
	}
	
	#header_info {
		padding:			40px 0 0;
		width:				640px;
		height:				60px;
		float:				right;
		margin:				0 50px 0 0;
	}
	
	#header_search_box {
		float:				right;
		margin-right:		26px;
	}
	/* ----------------------------------- */
	
	
	
	
	
		
	/* SEARCH BAR
	----------------------------------- */
	#search_box {
		margin:				0;
		padding:			0;
		float:				left;
		width:				100%;
	}
	
	#toggle {
		padding:			2px 1%;
		width:				98%;
		text-align:			right;
		background:			#E6E6E6;
		border-bottom:		solid 1px #CCC;
	}
	
	#search_form {
		margin:				0;
		padding:			10px 0 10px;
		width:				100%;
		height:				55px;
		border-bottom:		solid 1px #AAA;
		color:				#000;
	}
	
	#search_form fieldset {
		margin:				0;
		padding:			0;
		width:				auto;
		border:				none;
		float:				right;
	}
	
	#search_form fieldset label {
		float:				left;
		width:				auto;
		padding:			5px 5px 0 10px;
	}
	
	#search_form fieldset input {
		font-family:		Arial;
		font-size:			11px;
		color:				#333;
		padding:			5px 5px 0;
		width:				150px;
		height:				25px;
		border:				none;
		float:				left;
		background:			url(../images/backgrounds/forms.gif) no-repeat 0 0;
		/*behavior:			url(lib/scripts/iepngfix.htc);*/
	}
	
	#search_form fieldset select {
		margin:				0 5px 0 0;
		padding:			0;
		width:				auto;
		height:				auto;
		border:				solid 1px #AAA;
		background:			#FFF;
		float:				left;
	}
	
	#search_form #buttons {
		width:				100%;
		margin:				5px 0 0;
		padding:			5px 0 0;
		border-top:			solid 1px #AAA;
		float:				right;
		text-align:			right;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* FOOTER
	----------------------------------- */
	#f_left {
		padding:			2px 0 0 20px;
		float:				left;
		text-align:			left;
		color:				#999;
	}
	
	#f_left a {
		color:				#999;
	}
	
	#f_right {
		padding:			2px 20px 0 0;
		float:				right;
		text-align:			right;
		color:				#555;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* TEXT STYLES
	----------------------------------- */
	#main_left h2,
	#main_right h2 {
		color:				#000;
	}
	
	#main_left h3 {
		color:				#013e97;
	}
	
	#main_left h4 {
		color:				#013e97;
	}
	
	#main_left ul {
		
	}
	
	#main_left ul li {
		margin:				0 0 5px;
		padding:			0 0 0 20px;
		background:			url(../images/common/bullet_arrow_blue.gif) no-repeat;
	}
	/* ----------------------------------- */
	
	
	
	
	
	
	/* RATING STARS
	----------------------------------- */
	.rating_stars{
		margin:				0;
		padding:			0;
		width:				60px;
		height:				15px;
		display:			block;
		overflow:			hidden;
		text-indent:		-300px;
	}
	
	
	
	#rating_1 	{ background: url(../images/common/rating_stars.gif) no-repeat 0 0; }
	#rating_1-5 { background: url(../images/common/rating_stars.gif) no-repeat 0 -15px; }
	#rating_2 	{ background: url(../images/common/rating_stars.gif) no-repeat 0 -30px; }
	#rating_2-5 { background: url(../images/common/rating_stars.gif) no-repeat 0 -45px; }
	#rating_3 	{ background: url(../images/common/rating_stars.gif) no-repeat 0 -60px; }
	#rating_3-5 { background: url(../images/common/rating_stars.gif) no-repeat 0 -75px; }
	#rating_4 	{ background: url(../images/common/rating_stars.gif) no-repeat 0 -90px; }
	#rating_4-5 { background: url(../images/common/rating_stars.gif) no-repeat 0 -105px; }
	#rating_5  	{ background: url(../images/common/rating_stars.gif) no-repeat 0 -120px; }
	
	/* ----------------------------------- */
	
	
	
	
	
	
	/* MISC STYLES
	----------------------------------- */
	.loadBox {
		margin:				0;
		padding:			35px 0 0;
		width:				100%;
		height:				100px;
		float:				left;
		text-align:			center;
		background:			url(../images/common/preloader.gif) no-repeat top center;
		color:				#4a5b84;
		font-size:			14px;
		font-weight:		bold;
	}
	
	.more_link {
		margin:				0;
		width:				100%;
		float:				left;
		text-align:			right;
	}
	
	.more_link_lg {
		padding:			2px 0;
		width:				100%;
		float:				left;
		text-align:			right;
		border-top:			solid 1px #DDD;
		border-bottom:		solid 1px #DDD;
	}
	
	.posted {
		margin:				0;
		padding:			0;
		font-size:			10px;
		font-weight:		normal;
		color:				#888;
	}
	
	
	.socmed_facebook,
	.socmed_facebook span {
		width:				110px;
		height:				30px;
		display:			block;
		float:				left; 
	}
	
	.socmed_facebook span {
		position:			absolute;
		background:			url(../images/common/socmed_facebook2.gif) no-repeat;
	}
	
	.socmed_blogger,
	.socmed_blogger span {
		width:				90px;
		height:				30px;
		display:			block;
		float:				left; 
		text-indent:		-2200px
	}
	
	.socmed_blogger span {
		position:			absolute;
		background:			url(../images/common/socmed_blogger.gif) no-repeat;
	}
	
	/* */
	.socmed_twitter,
	.socmed_twitter span {
		width:				34px;
		height:				30px;
		display:			block;
		float:				left; 
		text-indent:		-2200px
	}
	
	.sm .socmed_twitter span {
		position:			absolute;
		background:			url(../images/common/socmed_twitter.gif) no-repeat center center;
	}
	
	.sm .socmed_youtube,
	.sm .socmed_youtube span {
		width:				34px;
		height:				30px;
		display:			block;
		float:				left; 
		text-indent:		-2200px
	}
	
	.sm .socmed_youtube span {
		position:			absolute;
		background:			url(../images/common/socmed_youtube.gif) no-repeat center center;
	}
	
	.sm .socmed_facebook,
	.sm .socmed_facebook span {
		width:				34px;
		height:				30px;
		display:			block;
		float:				left; 
		text-indent:		-2200px
	}
	
	.sm .socmed_facebook span {
		position:			absolute;
		background:			url(../images/common/socmed_fb.gif) no-repeat center center;
	}
	
	.sm .socmed_blogger,
	.sm .socmed_blogger span {
		width:				34px;
		height:				30px;
		display:			block;
		float:				left; 
	}
	
	.sm .socmed_blogger span {
		position:			absolute;
		background:			url(../images/common/socmed_blgr.gif) no-repeat center center;
	}
	/* */
	
	.donate_thin_green,
	.donate_thin_green span {
		width:				200px;
		height:				30px;
		display:			block;
		float:				left;
	}
	
	.donate_thin_green span {
		position:			absolute;
		background:			url(../images/common/donate_thin_green2.gif) no-repeat;
	}
		
	#voluteer_blue,
	#voluteer_blue span {
		width:				185px;
		height:				60px;
		display:			block;
		float:				left;
	}
	
	#voluteer_blue span {
		position:			absolute;
		background:			url(../images/common/volunteer_blue.gif) no-repeat;
	}
	
	#donate_green {
		margin:				0 0 0 40px;
	}
	
	#donate_green,
	#donate_green span {
		width:				203px;
		height:				60px;
		display:			block;
		float:				left;
	}
	
	#donate_green span {
		position:			absolute;
		background:			url(../images/common/donate_green.gif) no-repeat;
	}
	
	#view_all_news {
		width:				100px;
		height:				25px;
		display:			block;
		float:				right;
	}
	
	#view_all_news span {
		width:				100px;
		height:				25px;
		display:			block;
		position:			absolute;
		background:			url(../images/backgrounds/buttons.gif) no-repeat 0 -350px;
	}
	
	#view_all_events {
		width:				115px;
		height:				25px;
		display:			block;
		float:				right;
	}
	
	#view_all_events span {
		width:				115px;
		height:				25px;
		display:			block;
		position:			absolute;
		background:			url(../images/backgrounds/buttons.gif) no-repeat -100px -350px;
	}
	/* ----------------------------------- */
	
	
	#donation_amount {
		font-size:			14px;
		font-weight:		bold;
		color:				#333;
		width:				100px;
	}
	
	#show {
		margin:				0 0 20px;
	}