/* GLOBAL STYLE SHEET */

img, div { behavior: url(css/iepngfix.htc); }

/* bof COMMON STYLES */

	/*html, body { font-family: lucida grande, lucida sans unicode, Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; height:100%;
		background:url(../images/elements/bg_repeat.jpg) top left repeat-y #FFF; }
		
	body { font-size:12px; color:#333; } /* for IE and Firefox */
	/*html { font-size:100%; } /* for IE */
	form { padding:0px; margin:0px; }
	
	.main_content { margin:0 0 0 15px; float:left; display:inline; width:773px; }
	
	#container #content { width:960px; margin:15px 0 0 0; }
	#content #side_nav { border-top:0px; }
	#content #side_nav .side_nav_primary { clear:both; border-top:1px solid #e5e5e5; }
	
	#debug { height:50px; }
 	/* eof page layout */
	
	p { clear:both; margin:0 0 10px 0; padding:0px; }
	
	.table { border-collapse:separate; border-spacing:5px; }
	.internal_content .table td { vertical-align:middle; }

	.clear_both { clear:both; float:left; display:inline; }
	.fright { float:right; display:inline; }
	.fleft { float:left; display:inline; }
	
	#spacer { float:left; display:inline; height:20px; clear:both; }
	
	.hr_white { background:url(../images/elements/hr_white.gif) top left repeat-x; width:100%; height:1px; float:left; margin:10px 0 10px 0; }
	.hr_white hr { display:none; }

	.hr_dots { background:url(../images/elements/hr_dot.gif) top left repeat-x; width:100%; height:1px; margin:10px 0; float:left; clear:both; }
	.hr_dots_white { background:url(../images/elements/hr_dot_white.gif) top left repeat-x; width:100%; height:1px; float:left; margin:10px 0 10px 0; }
	.hr_dots hr, .hr_dots_white hr { display:none; }
	
	/* global colours */
	.purple{ color:#585876; }
	.pink { color:#9b487c; }
	.white { color:#ffffff; }
	.grey { color:#333; }
	.light_blue { color:#585876; }
	.dark_blue { color:#43435a; }
	
	.rss_orange { color:#f47721; }
	.black { color:#000; }
	.arial { font-family:Arial, Helvetica, sans-serif; }
	.bold { font-weight:bold; }
	.red { color:#990000; }
	.ss_red {color:#661233; }
	.heading { font-weight:bold; font-size:1.2em; }
	/* eof global colours */
	
	/* bof common link styles */
	a:active, a:link, a:visited { text-decoration:none; }
	a:hover { text-decoration:underline; }
	
	a.name:active, a.name:link, a.name:visited { font-size:1.2em; font-weight:bold; text-decoration:none; }
	a.name:hover { font-size:1.2em; font-weight:bold; text-decoration:underline; }
	
	a.resources_name:active, a.resources_name:link, a.resources_name:visited { color:#585876; font-size:1.4em; font-weight:bold; text-decoration:none; }
	a.resources_name:hover { color:#585876; font-size:1.4em; font-weight:bold; text-decoration:underline; }
	
	a.rss_link:active, a.rss_link:link, a.rss_link:visited { height:25px; display:inline; float:left; margin:0px; padding:1px 0 0 22px; background:url(../images/elements/logo_rss.gif) top left no-repeat; }
	a.rss_link:hover { text-decoration:underline; }

	a.send_friend:active, a.send_friend:link, a.send_friend:visited { height:26px; display:inline; float:left; margin:0 20px 5px 0; padding:3px 0 0 34px; background:url(../images/elements/send_friend.gif) top left no-repeat; }
	a.send_friend:hover { text-decoration:underline; }
	
	.delicious { float:left; height:18px; background:url(../images/elements/logo_delicious.gif) top left no-repeat; padding:0 0 0 20px; margin:0 10px 5px 0; width:82px; color:#000; }
	.digg { float:left; height:18px; background:url(../images/elements/logo_digg.gif) top left no-repeat; padding:0 0 0 20px; margin:0 10px 5px 0; width:82px; color:#000; }
	.newsvine { float:left; height:18px; height:18px; background:url(../images/elements/logo_newsvine.gif) top left no-repeat; padding:0 0 0 20px; margin:0 10px 5px 0; width:82px; color:#000; }
	.nowpublic { float:left; height:18px; background:url(../images/elements/logo_nowpublic.gif) top left no-repeat; padding:0 0 0 20px; margin:0 10px 5px 0; width:82px; color:#000; }
	.reddit { float:left; height:18px; background:url(../images/elements/logo_reddit.gif) top left no-repeat; padding:0 0 0 20px; margin:0 10px 0 0; width:82px; color:#000; }
	.facebook { float:left; height:18px; background:url(../images/elements/logo_facebook.gif) top left no-repeat; padding:0 0 0 20px; margin:0 10px 5px 0; width:82px; color:#000; }
	.myspace { float:left; height:18px; background:url(../images/elements/logo_myspace.gif) top left no-repeat; padding:0 0 0 20px; margin:0 10px 0 0; width:82px; color:#000; }
	.stumbleupon { float:left; height:18px; background:url(../images/elements/logo_stumbleupon.gif) top left no-repeat; padding:0 0 0 20px; margin:0 10px 0 0; width:82px; color:#000; }
	.rss_icon { float:left; height:22px; background:url(../images/elements/logo_rss.gif) top left no-repeat; padding:0 0 0 28px; margin:0px; width:300px; color:#000; }
	.send_friend_icon { float:left; height:26px; background:url(../images/elements/send_friend.gif) top left no-repeat; padding:0 0 0 34px; margin:0px; width:380px; color:#000; }

	._report { float:left; height:22px; background:url(../images/elements/report_alert.gif) top left no-repeat; padding:3px 0 0 28px; margin:0px; }
	.report { float:right; }
	.link_icon { float:left; height:15px; background:url(../images/elements/link_icon.gif) top left no-repeat; padding:0px 0 0 15px; margin:0 0 5px 0; clear:left; color:#000; }
	.link_icon_white { height:15px; background:url(../images/elements/link_icon_white.gif) top left no-repeat; padding:0 0 0 15px; margin:0 0 5px 0; color:#000; font-size:0.8em; }

	.email { float:left; height:18px; background:url(../images/elements/email.jpg) top left no-repeat; padding:0 0 0 20px; margin:0 10px 0 0; }
	.printer { float:left; height:18px; background:url(../images/elements/printer.jpg) top left no-repeat; padding:0 0 0 20px; margin:0 10px 0 0; }

	/* eof common link styles */
	
	/* bof pagination styles */
	#pagination_bar { font-family:Arial, Helvetica, sans-serif; display:block; float:left; height:24px; width:500px; margin:10px 0 0 0; color:#000; }
	#pagination .page_numbers { float:right; display:inline; margin:0 50px 0 0; }
	a.pagination_link:active, a.pagination_link:link, a.pagination_link:visited  { color:#000; text-decoration:underline; }
	a.pagination_link:hover { text-decoration:none; }

	a.pagination_prev:active, a.pagination_prev:link, a.pagination_prev:visited { margin:0 50px 0 0; font-weight:bold; font-size:1.2em; color:#661233; float:right; display:inline; text-decoration:none; }
	a.pagination_prev:hover { text-decoration:underline; }
	.pagination_prev_inactive { margin:0 50px 0 0; filter: alpha(opacity=55); -moz-opacity: 0.55; -khtml-opacity: 0.55; font-weight:bold; font-size:1.2em; color:#661233; float:right; display:inline; }

	a.pagination_next:active, a.pagination_next:link, a.pagination_next:visited { font-weight:bold; font-size:1.2em; color:#661233; float:right; display:inline; text-decoration:none; }
	a.pagination_next:hover { text-decoration:underline; }
	.pagination_next_inactive { filter: alpha(opacity=55); -moz-opacity: 0.55; -khtml-opacity: 0.55; font-weight:bold; font-size:1.2em; color:#661233; float:right; display:inline; }
	
	a.prev:active, a.prev:link, a.prev:visited { font-size:1.0em; padding-left:25px; background:url(../images/elements/events_prev.gif) center left no-repeat; float:left; display:inline; text-decoration:none; }
	a.prev:hover { text-decoration:underline; }

	a.next:active, a.next:link, a.next:visited { font-size:1.0em; padding-right:25px; background:url(../images/elements/events_next.gif) center right no-repeat; float:right; display:inline; text-decoration:none; margin:0 5px 0 0; }
	a.next:hover { text-decoration:underline; }
	/* eof pagination styles */
	
	/* centre 500 yellow box */
	#yellow_box { float:left; display:inline; width:500px; margin:0 0 20px 0; }
	#yellow_box .content { float:left; display:inline; background:#fdbb30; padding:8px 20px; width:460px; }
	/* eof centre 500 yellow box */
	/* centre 500 grey box */
	#grey_box { float:left; display:inline; width:500px; margin:0 0 20px 0; }
	#grey_box .content { float:left; display:inline; background:#e5e5e5; padding:8px 20px; width:460px; }
	/* eof centre 500 grey box */
	/* centre 500 outline box */
	#outline_box { float:left; display:inline; width:500px; margin:0 0 20px 0; }
	#outline_box .content { float:left; display:inline; background:#FFFFFF; padding:8px 20px; width:458px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
	/* eof centre 500 outline box */
	/* rhs 254 grey box */
	#rhs_grey_box { float:right; display:inline; width:254px; margin:20px 0 0 0; }
	#rhs_grey_box .content { float:left; display:inline; background:#e5e5e5; padding:8px 10px; width:234px; }
	/* eof rhs 254 grey box */
	/* rhs 254 yellow box */
	#rhs_yellow_box { float:right; display:inline; width:254px; margin:20px 0 0 0; }
	#rhs_yellow_box .content { float:left; display:inline; background:#ffbb22; padding:8px 10px; width:234px; }
	/* eof rhs 254 yellow box */
	
/* eof COMMON STYLES */

/* bof page specific styles */
	/* index promo area */
		#page_header { height:225px; margin:0 0 15px 0; }
		#find_event { float:left; display:inline; width:172px; height:225px; }
		#find_event .heading { background:#fdbb30; padding:10px 10px; width:152px; color:#000; }
		#find_event .find_event_content { float:left; display:inline; margin:3px 0 0 0; background:#e5e5e5; padding:10px 10px 30px 10px; width:152px; height:147px; }
		#find_event .find_event_content p { font-weight:bold; margin:0 0 10px 0; float:left; display:inline; }
		#find_event .find_event_content .find_form { font-size:0.8em; }
		
		#side_nav #find_event { margin:0 0 15px 0; line-height:1.3em; }
		#side_nav #find_event a { font-weight:normal; }
		
		#members { float:right; display:inline; width:254px; }
		#members .login { float:left; display:inline; width:254px; }
		#members .login .account { background:#f4f4f4; padding:20px 10px; width:234px; float:left; display:inline; }
		#members .join_now { border-top:1px solid #e1dede; float:left; display:inline; width:254px; padding:8px 0 0 0; margin:8px 0 0 0; }
		#members .join_now .heading, #members .login .heading { color:#661233; margin:0 0 10px 0; }
		#members .input { padding:0px; margin:0 0 5px 0; }
		#members .visit { border-top:1px solid #e1dede; float:left; display:inline; width:254px; padding:10px 0 0 0; margin:15px 0 0 0; }
		
		#congrats_promo { width:500px; float:left; display:inline; margin:0 0 0 15px; height:225px; position:relative; }
		#congrats_promo .congrats_picture { position:absolute; width:275px; height:225px; top:0px; right:0px; z-index:1; }
		#congrats_promo .congrats_mask { position:absolute; top:0px; left:0px; z-index:2; width:500px; height:225px; background:url(../images/elements/congrats_mask.png) top left no-repeat; }
		#congrats_promo .congrats_content { margin:38px 0 0 16px; position:absolute; top:0px; left:0px; z-index:3; width:250px; height:187px; }
		#congrats_promo .congrats_content .medal { float:left; display:inline; width:68px; height:187px; }
		#congrats_promo .congrats_content .congrats_text { float:left; display:inline; width:180px; margin:0 0 0 10px; }
		#congrats_promo .congrats_content h1 { font-size:1.6em; color:#661233; font-weight:bold; }
		#congrats_promo .congrats_content .name { margin:0 0 10px 0; font-size:1.2em; }
		#congrats_promo .congrats_content .text { margin:0 0 10px 0; }
		#congrats_promo .congrats_content .amount { font-size:1.8em; font-weight:bold; }
	/* eof index promo area */
	
	/* bof main content area */
		#events { float:left; display:inline; width:194px; }
		#events .heading { background:#fdbb30; padding:10px 10px; width:174px; color:#000; margin:0px; }
		#events .item { float:left; display:inline; margin:3px 0 0 0; background:#e5e5e5; padding:10px 10px 15px 10px; width:174px; }
		#events .item p { margin:0 0 10px 0; }
		#events .item .month { font-size:1.4em; font-weight:bold; }
		#events .item .amount { font-size:1.2em; float:right; display:inline; }
		#events .nav { float:left; display:inline; margin:6px 0 0 0; width:194px; }
		
		#start_fundraising { border:1px solid #CCCCCC; float:right; display:inline; width:518px; padding:20px 15px;}
		#start_fundraising img { float:right; display:inline; }
		#start_fundraising h1 { font-size:1.6em; color:#000; }
		#start_fundraising p { clear:none; float:left; display:inline; width:240px; margin:5px 0 0 0; }

		#index_promo { clear:both; float:left; display:inline; background:#e5e5e5; padding:10px 0 0 0; width:194px; }
		#index_promo h1 { font-size:1.4em; color:#000; line-height:1.2em; margin:0 0 10px 10px; width:174px; }
		#index_promo p { margin:0 0 10px 10px; width:174px; }

		.main_content .meet { width:278px; float:left; display:inline; margin:0 0 0 29px; }
		.main_content .meet .heading { background:#e5e5e5; padding:10px 10px; width:258px; color:#000; margin:0 0 16px 0; }
		.main_content .meet .listing { width:278px; float:left; display:inline; margin:0 0 10px 0; }
		.main_content .meet .listing .photo { float:left; display:inline; width:66px; } /* 68px */
		.main_content .meet .listing .photo img { border:1px solid #CCC; }
		.main_content .meet .listing .info { float:left; display:inline; width:160px; padding:10px 0 0 0; }
		.main_content .meet .listing .medal { float:left; display:inline; width:50px; }
		.main_content .meet .listing .name { color:#661233; font-size:1.2em; font-weight:bold; }
		
		.main_content .involved { width:254px; float:right; display:inline; }
		.main_content .involved .heading { background:#e5e5e5; padding:10px 10px; width:234px; color:#000; margin:0 0 16px 0; }
		.main_content .involved .sign_up { color:#661233; margin:0 0 10px; float:left; display:inline; font-weight:bold; }
		.main_content .involved .listing { width:213px; float:left; display:inline; margin:0 0 10px 0; }
		.main_content .involved .listing .photo { float:left; display:inline; width:66px; }
		.main_content .involved .listing .photo img { border:1px solid #CCC; }
		.main_content .involved .listing .info { float:left; display:inline; width:145px; padding:0px; }
		.main_content .involved .listing .info .event_name { font-size:0.9em; }
		
		.internal_content .top_ten { clear:both; float:left; display:inline; width:500px; margin:20px 0 0 0; }
		.internal_content .top_ten .results { clear:both; float:left; display:inline; width:431px; margin:10px 0 0 0;}
		.internal_content .top_ten .results .event_result { float:left; display:inline; padding:2px 3px; width:494px; margin:0 0 2px 0; border-top:1px solid #e5e5e5; }
		.internal_content .top_ten .heading { font-size:1.4em; color:#661233; }
		.internal_content .top_ten p { font-size:1.4em; color:#661233; }
		
		/* event edit page */
			.internal_content #yellow_box .text { float:left; display:inline; width:300px; }
			.internal_content #yellow_box .buttons { float:right; display:inline; width:160px; margin:20px 0 0 0; }
			.internal_content .event_title { color:#661233; font-size:1.5em; margin-bottom:0.5em; font-weight:bold; }
			
			#grey_box .heading { color:#661233; }
			.internal_content #grey_box .table td { vertical-align:top; }
			#rhs_grey_box .organiser_image { float:left; display:inline; margin:10px 0; }
			#rhs_grey_box #map { float:left; display:inline; clear:both; }
			#rhs_box { float:right; display:inline; width:254px; margin:20px 0 0 0; }
			#rhs_box .content { float:left; display:inline; width:234px; padding:0 10px; }
			.h2_heading { color:#000; font-size:1.4em; clear:both; float:left; display:inline; background:#e5e5e5; padding:8px 10px; width:234px; }
			#rhs_box p { float:left; display:inline; margin:0 0 8px 0; }
			#sidebar #rhs_yellow_box h2 { color:#000000; }
			#rhs_yellow_box .organiser_image { float:left; display:inline; margin:0 10px 0 0; }
			#rhs_yellow_box .text { float:left; display:inline; width:100px; margin:0 10px 0 0; }
			#rhs_yellow_box .text span { float:left; display:inline; margin:0 0 5px 0; }
			
			.place_marker { position:relative; }
			.place_marker_button { top:0px; left:0px; z-index:2; position:absolute; opacity:0; }
			.place_marker_image { top:0px; left:0px; z-index:1; position:absolute; }
			
			#google_map #map { margin:0 0 10px 0; }
			#google_map .where, #google_map .when { float:left; display:inline; width:107px; margin:0 10px 10px 0; font-weight:bold; }
		/* eof event edit page */ 
		
		/* bof event page */
			.internal_content .main_photo { float:left; display:inline; margin:0 0 15px 0; }
			.internal_content .event_heading { line-height:1.4em; font-size:1.2em; font-weight:bold; margin:0px; }
			.internal_content .rss { float:right; display:inline; margin:0 0 10px 0; }
			.internal_content .sign_ups { float:left; display:inline; margin:0 15px 0 0; width:43px; height:28px; padding:17px 0 5px 9px; font-size:2.6em; font-weight:bold; color:#FFF; background:url(../images/elements/join_in_bg.jpg) top left no-repeat; }
			.internal_content .people { font-size:1.5em; line-height:1.5em; }
			
			.internal_content #comments { float:left; display:inline; width:500px; margin:0 0 20px 0; }
			.internal_content #comments h2 { color:#000; float:left; display:inline; }
			.internal_content #comments .name { width:360px; float:left; display:inline; margin:0 0 10px 0; font-size:1.2em; font-weight:bold; }
			.internal_content #comments .date { float:right; display:inline; margin:0 0 10px 0; width:100px; }
		/* eof event page */
		
		/* bof showcase page */
			.internal_content ._showcase_item { padding:20px; width:460px; height:152px; float:left; display:inline; color:#000; margin:0 0 10px 0; background:url(../images/elements/showcase_bg.jpg) top left no-repeat; }
			.internal_content .showcase_item .photo { float:left; margin:0 10px 10px 0; display:inline; width:150px; height:150px; }
			.internal_content .showcase_item .showcase_text { float:left; display:inline; width:210px; }
			.internal_content .showcase_item .showcase_text h1 { line-height:1.2em; font-size:1.6em; color:#661233; margin:0 0 10px 0; }
			.internal_content .showcase_item .showcase_text .event_title { color:#661233; font-size:1.2em; font-weight:bold; }
			.internal_content .showcase_item .medal { float:right; display:inline; width:54px; margin:0 0 0 10px; }
			.internal_content .showcase_item .medal span { margin:2px 0 0 16px; float:left; display:inline; }
		/* eof showcase page */

		/* bof resources page */
			.internal_content .hint { float:left; display:block; width:500px; margin:0 0 10px; }
			.internal_content .hint img { float:right; margin:0 0 10px 10px; }
			.internal_content .hint p { display:inline; clear:none; margin:0px; }
			.internal_content .hint .image { width:222px; float:right; display:inline; margin:0 0 0 10px; height:222px; }
			.internal_content .resources_text .heading { float:left; font-size:1.2em; font-weight:bold; display:block; color:#43435a; }
			.internal_content .link .link_icon { float:left; background:url(../images/elements/link_icon.gif) top left no-repeat; padding:0 0 0 15px; margin:0 0 0 5px; height:auto; color:#000; }
			.internal_content .link { padding:2px 3px; width:240px; margin:0 0 7px 0; float:left; display:block; }
			.internal_content .useful_links { float:left; display:inline; width:500px; margin:0px; }
			.internal_content .useful_links .heading { background:#e5e5e5; padding:10px 11px; font-size:1.2em; font-weight:bold; color:#000; line-height:1.2em; }
			
			#sidebar .downloads { float:left; display:inline; width:254px; margin:20px 0 0 0; }
			#sidebar .downloads .heading { background:#ffbb22; padding:10px 11px; font-size:1.2em; font-weight:bold; color:#000; line-height:1.2em; margin:0 0 10px 0; }
			#sidebar .downloads .item { min-height:45px; background:url(../images/elements/pdf_logo.jpg) top left no-repeat #FFF; width:214px; padding:0 0 10px 40px; border-bottom:1px solid #c2c2c2; margin:0 0 10px 0; }
			#sidebar .downloads .item a { color:#000; font-weight:bold; }
		/* eof resources page */
		
		/* bof up coming event page */
			.internal_content .months { float:left; display:inline; width:500px; padding:0 0 10px 0; }
			.internal_content .event_image { position:relative; float:left; display:inline; text-align:center; height:80px; width:123px; margin:0 10px 0 0; }
			.internal_content .event_image .main_image { position:absolute; top:0px; left:10px; }
			.internal_content .event_image .completed { z-index:2; position:absolute; top:20px; left:0px; }
			.internal_content .text .title { font-size:1.2em; font-weight:bold; float:left; display:inline; }
			.internal_content .text .name { font-weight:bold; float:right; display:inline; }
			.internal_content .text .date { float:left; margin:5px 0 0 0; width:100%; }
			.internal_content .text .description { float:left; display:inline; margin:5px 0 0 0; width:100%; }
		/* eof up coming event page */
		
		/* create event page */
			#my_events { background:#F4F4F4; display:inline; float:right; padding:0 10px 20px 10px; width:234px; margin:0px; }
			#my_events .heading { background:none repeat scroll 0 0 #FDBB30; color:#000000; padding:10px; width:214px; }
			#my_events .text { margin:15px 0; font-weight:bold; }
			#my_events .event { border-top:1px solid #bdbdbd; padding:5px 0; }
			#my_events .sup_event { margin:5px 0 0 0; }
		/* eof create event page */
		
		/* registration page */
			.internal_content .registration_form { padding:25px 20px; background:#f4f4f4; width:460px; float:left; display:inline; color:#661233; font-weight:bold; margin:0 0 20px 0; }
		/* eof registration page */
		
	/* eof main content area */
	
/* eof page specific styles */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

input.hide {
  position:absolute;
  left:-80px;
  -moz-opacity:0;
  filter:alpha(opacity: 0);
  opacity: 0;
  z-index: 2;
  border:0px; }

input.mybutton { position:absolute;
  background:url(../images/elements/button_choosefile.jpg) top left no-repeat;
  z-index:1;
  width:102px;
  height:24px;
  border:0px; }