@import url("./whitespace-reset.css");

html {
	background: transparent url("../images/bg_html.gif") repeat 0 0; }

body {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	background: transparent url("../images/bg_page.gif") repeat-x 0 0; }

/* in your community */
body.page01 { background-image: url("../images/bg_01.png"); }
body.page02 { background-image: url("../images/bg_02.png"); }
body.page03 { background-image: url("../images/bg_03.png"); }


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

#top {
	width: 782px;
	height: 30px;
	padding: 0 0 5px;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 10px;
	background: transparent url("../images/bg_top.png") no-repeat 0 125%; }
	#top p {
		float: left;
		position: relative;
		top: 15px;
		left: 25px; }
		#top p a {
			color: #FFFFFF;
			font-weight: bold; }
	#top fieldset#search {
		float: right;
		border: 0;
		position: relative;
		right: 10px;
		top: 3px; }
			#top fieldset#search1 {
				float: right;	
				border: 0;
				position: relative;
				right: 10px;
				top: 5px; 
				}
			
		#top fieldset#search label {
			font-weight: bold;
			float: left;
			margin: 7px 5px 0 0; }
		#top fieldset#search input {
			float: left; }
		#top fieldset#search input#searchquery {
			height: 26px;
			width: 179px;
			padding: 5px 5px;
			font-size: 11px;
			color: #333333;
			line-height: 26px;
			border: none;
			background: transparent url("../images/bg_search.gif") no-repeat 0 0; }
		#top fieldset#search input#search_submit {
			margin: 4px 0 0 4px; }
			


		

#content {
	width: 786px;
	margin: 0 auto;
	background: transparent url("../images/bg_sitewrapper.png") repeat-y 0 0; 
	padding-top:1px;}

	#header {
		height: 314px;
		width: 768px;
		margin: 0 auto; }
		#header #logo {
			width: 208px;
			height: 149px;
			margin: 0 0 1px 0;
			float: left; }
			#header #logo a {
				display: block;
				height: 100%;
				width: 100%;
				text-indent: -5000px;
				background: #FFFFFF url("../images/logo.gif") no-repeat 50% 50%; }
		#header #logo1 {
			width: 208px;
			height: 149px;
			margin: 0 0 1px 0;
			float: left; }
			#header #logo1 a {
				display: block;
				height: 100%;
				width: 100%;
				text-indent: -5000px;
				background: #FFFFFF url("../images/error.gif") no-repeat 50% 50%; }
		
		#header ul#navigation {
		width: 208px;
		float: left;
		clear: left;
		position: relative;
		font-size: 11px;
		z-index: 75;
		text-transform: uppercase; }
			
		#header ul#navigation li 
		{
			position: relative;
			float: left;
			margin: 0 0 1px 0; 
		}
			
		#header ul#navigation li a 
		{
			background:#CC0000 none repeat scroll 0%;
			color:#FFFFFF;
			display:block;
			line-height:20px;
			padding:0pt 0pt 0pt 20px;
			width:188px; 
		}
				
		#header ul#navigation li a:hover 
		{
			background: #7B0600;
			text-decoration: none; 
		}
				
		#header ul#navigation li ul 
		{
			width: 208px;
			background: #D2D2D2;
			position: absolute;
			top: -1px;
			z-index: 100;
			border: 1px solid #D2D2D2;
			border-bottom: none;
			left: -5000px; 
		}

		#header ul#navigation li:hover ul, #header ul#navigation li.hover ul 
		{
			left: 208px;
			z-index: 100;
			border: 1px solid #D2D2D2;
		}
					
		#header ul#navigation li ul li { }
						
		#header ul#navigation li ul li a 
		{
			float:none;
			line-height:1.2;
			min-height:10px;
			padding:5px 2px 5px 8px;
			width:198px; 
		}
		
		#header a#btn_donate-now {
			height: 47px;
			width: 160px;
			float: left;
			position: relative;
			top: 12px;
			left: 25px;
			text-indent: -5000px;
			background: #FFFFFF url("../images/btn_donate-now.gif") no-repeat 0 0; }
		#header a#btn_donate-now:hover {
			background-image: url("../images/btn_donate-now_over.gif")
			}
		#header a#btn_donate-now-new {
			height: 47px;
			width: 160px;
			float: left;
			position: relative;
			top: 12px;
			left: 25px;
			text-indent: -5000px;
			background: #FFFFFF url("../images/btn_donate-now-new.gif") no-repeat 0 0; }
		#header a#btn_donate-now-new:hover {
			background-image: url("../images/btn_donate-now-new_over.gif")
			}

		#header #feature {
			float: right;
			position: relative;
			z-index: 50; }
		#header #community {
			float: right;
			position: relative;
			z-index: 50; }
		#header #rss {
			float: right;
			position: relative;
			z-index: 50; }

	#main {
		font-family: Arial, Helvetica, sans-serif;
		padding: 0 0 0 2px; }
		#main div.hr {
			clear: both;
			width: 761px;
			margin: 0 auto;
			height: 1px;
			border-bottom: 4px solid #A70000; }
			#main div.hr hr {
				display: none; }
		#main div.module {
			width: 379px;
			min-height: 173px;
			overflow: hidden;
			position: relative;
			background: #666666 url("../images/bg_module-bottom.gif") no-repeat 0 100%;
			margin: 0 0 4px 0; }
		* html #main div.module {
			/* IE6 hack to mimic min-height */
			height:183px;
		}
			#main div.module div.inner {
				min-height: 144px;
				padding: 9px 0 20px 0;
				overflow:hidden;}
		#main div.module h2 {
			height: 28px;
			margin: 0 6px;
			border-bottom: 1px solid #CCCCCC;
			text-indent: -5000px; }
		#main div.module a.rss {
			display: block;
			height: 23px;
			width: 23px;
			float: right;
			position: relative;
			top: 0;
			right: 38px;
			text-indent: -5000px;
			background: transparent url("../images/icon_rss.gif") no-repeat 0 0; }
		#main div.module ul.pager {
			position: absolute;
			bottom: 5px;
			left: 5px;
			clear: both; }
			#main div.module ul.pager li {
				float: left;
				margin: 0 6px; }
				#main div.module ul.pager li a {
					font-size: 10px;
					color: #FFCC33;
					float: left;
					padding: 0 8px; }
				#main div.module ul.pager li a.current,
				#main div.module ul.pager li a:hover {
					background-color:#999;
					color: #000000;
					text-decoration: none;
					visibility:hidden;}

#main #news {
float: left;
margin-left: 10px;
_margin-left: 5px;
min-height: 180px;
}

#main #news div.inner { background: transparent url("../images/bg_news-top.gif") no-repeat 0 0; }

#main #news h2 {
	background: transparent url("../images/hdr_news.gif") no-repeat 5px 0; }

#main #news ul.items {
margin: 0 5px;
float: left;
width: 100%;
min-height: 105px;
font-size: 12px;
/*background: transparent url("../images/bg_news.gif") repeat 0 0; */}
				
#main #news ul.items li {
	/*line-height: 21px;*/
	margin-top: 10px;
	float: left;
	width: 100%; }
					
#main #news ul.items li strong {
	width: 65px;
	float: left;
	color:#CCC;
	font-weight: normal; }
						
#main #news ul.items li a {
	color: #FFFFFF;
	float: left;
	overflow: hidden;
	width: 310px; }
						
#main #news ul.items li a img {
	float: left;
	margin: 2px 4px 0 0; }

#main #canada {
	float: right;
	margin-right: 12px;
	_margin-right: 6px; 
	min-height: 180px;
	}
	
#main #canada div.inner { background: transparent url("../images/bg_canada-top.gif") no-repeat 0 0; }

#main #canada h2 {
	background: transparent url("../images/hdr_canada.gif") no-repeat 5px 0; }

#main #canada img {
float: left;
margin: 10px 10px 0 10px; }

#main #canada ul.items
{
float: left;
list-style-type: none;
color: #FFFFFF;
margin-left: 2px;
width: 205px;
}

#main #canada ul.items li {
margin-top: 10px;
/*border-bottom: 1px solid #575757;*/}

#main #canada .items a {
color: #FFFFFF; }

#main #world {
float: left;
margin-left: 10px;
_margin-left: 5px;
min-height: 184px;
}
#main #world div.inner { background: transparent url("../images/bg_world-top.gif") no-repeat 0 0; }

#main #world h2 {
background: transparent url("../images/hdr_world.gif") no-repeat 5px 0; }

#main #world ul.items {
	float: left;
	list-style-type: none;
	color: #FFFFFF;
	margin-left: 2px;
	width: 205px;
}

#main #world ul.items li {
	margin-top: 10px;
	/*border-bottom: 1px solid #575757;*/
}

#main #world img {
	float: left;
	margin: 10px 10px 10px 10px; }

#main #world .items strong {
color: #FFFFFF;
margin: 0 0 10px 0; }

#main #world .items a 
{
color: #FFFFFF; 
}

		#main #community {
			float: right;
			margin-right: 12px;
			_margin-right: 6px; 
			min-height: 180px;}
			#main #community div.inner { background: transparent url("../images/bg_community-top.gif") no-repeat 0 0; }
			#main #community h2 {
				background: transparent url("../images/hdr_in-your-community.gif") no-repeat 5px 0; }
			#main #community img {
				float: left;
				margin: 10px 20px 0 15px; }
			#main #community ul {
				float: left;
				margin: 20px 0 0 0; }
				#main #community ul li {
					margin: 0 0 5px 0; }
					#main #community ul li a {
						color: #FFFFFF; }

		#main #videos {
			clear:both;
			float: left;
			height: 350px;
			margin: 0 0 0 10px;
			_margin: 0 0 0 5px;
			background: #666666 url("../images/bg_videos1.png") no-repeat 0 100%; }
			#main #videos div.inner { }
			#main #videos h2 {
				border: none;
				background: transparent url("../images/hdr_videos.gif") no-repeat 5px 0; }
			#main #videos div.media {
				margin: 15px 10px;
				text-align: center; }
			#main #videos ul.pager {
				padding: 3px 0 0 0;
				margin: 0 7px;
				_margin: 0 3px;
				border-top: 1px solid #3B3D3E; }
				#main #videos ul.pager li a.current,
				#main #videos ul.pager li a:hover {
					color: #FFFFFF; }

		#main #storefront {
			float: right;
			margin: 0 12px 2px 0;
			_margin: 0 6px 2px 0; 
			min-height: 180px;}
			#main #storefront div.inner { background: transparent url("../images/bg_storefront-top.gif") no-repeat 0 0; }
			#main #storefront h2 {
				background: transparent url("../images/hdr_storefront.gif") no-repeat 5px 0; }
			#main #storefront img {
				float: left;
				margin: 15px 15px 0 15px; }
			#main #storefront p {
				color: #FFFFFF;
				margin: 20px 10px 10px 0; }
			#main #storefront p a {
				color: #FFF; }


		#main a#btn_current-appeals {
			display: block;
			float: left;
			margin: 20px 0 0 3px;
			_margin: 0 0 0 3px;
			height: 136px;
			width: 93px;
			text-indent: -5000px;
			background: transparent url("../images/btn_current_appeals_en1.jpg") no-repeat 0 0; }
		#main a#btn_youth {
			display: block;
			float: left;
			margin: 20px 0 0 3px;
			_margin: 0 0 0 3px;
			height: 136px;
			width: 93px;
			text-indent: -5000px;
			background: transparent url("../images/btn_rc_youth.jpg") no-repeat 0 0; }	
		#main a#btn_international-opportunities {
			display: block;
			float: left;
			margin: 20px 0 0 3px;
			_margin: 0 0 0 3px;
			height: 136px;
			width: 93px;
			text-indent: -5000px;
			background: transparent url("../images/btn_int_opp_en1.jpg") no-repeat 0 0; }
			
		#main a#btn_haiti {
			display: block;
			float: left;
			margin: 20px 0 0 4px;
			_margin: 0 0 0 4px;
			height: 136px;
			width: 92px;
			text-indent: -5000px;
			background: transparent url("../images/btn_haiti_en1.jpg") no-repeat 0 0; }	
				

#footer {
	clear: both;
	width: 746px;
	height: 46px;
	padding: 15px 20px;
	margin: 0 auto 20px auto;
	background: transparent url("../images/bg_footer.png") no-repeat 0 0; }
	#footer a#btn_share {
		display: block;
		height: 24px;
		width: 146px;
		margin: 0 0 10px 0;
		text-indent: -5000px;
		background: transparent url("../images/btn_share.jpg") no-repeat 0 0; }
	#footer p {
		font-size: 11px;
		font-family: Arial, sans-serif;
		color: #000000; }
		#footer p a {
			color: #000000; }

	#footer .divider {
		color:#999;
	}

#contentnav 			{ float:left; display:inline; width:170px; margin:20px 0 0 25px; }
#contentnav	h3			{ font-size:11px; text-transform:uppercase; margin-bottom:5px;}
#contentnav ul			{ list-style-type: disc; padding-left:15px;}
#contentnav li			{ padding-bottom:5px;}
#contentnav a			{ color:#900; }
#contentnav a:hover		{ color:#C00; }

#maincontent 			{ float:right;display:inline;  width:540px;margin:20px 30px 0 0; line-height:150%;}

#maincontent p, #maincontent ul, #maincontent ol, #maincontent h1, #maincontent h2 { margin-bottom:15px; }
#maincontent h3 { margin-bottom:6px;} 
#maincontent h4, #maincontent h5, #maincontent h6 { margin-bottom:15px;}
#maincontent h1 {font-size:18px; border-bottom:1px solid #CCC; padding-bottom:10px; }
#maincontent h2 {font-size:14px;}
#maincontent h3 {font-size:12px;}
#maincontent h4 {font-size:11px; font-style: italic; font-weight: normal;}
#maincontent h5 {font-size:10px; font-style: normal; font-weight: normal; line-height:110%;}
#maincontent h6 {font-size:11px; font-weight: bold; line-height:110%;}
#maincontent ul { list-style:disc;padding-left:30px; }
#maincontent ol { list-style:decimal; padding-left:30px; }
#maincontent .lastupdate {margin:25px 0 10px; font-size:11px; }

#breadcrumb 			{background:transparent url(../images/bc-arrow.gif) no-repeat 4px 12px; padding:15px 0 0 215px;font-size:11px;}
#sharethis				{float:right}
#print					{float:right;display:inline;width:30px;height:20px;margin:-1.4em 80px 0 0;}
* html #print			{margin-right:30px;}
#print a				{display:block;text-align:right;background:url(../images/print_icon_up.gif) no-repeat 100% 0;padding:3px 26px;font-size:11px;height:100%;width:100%;}

/* JS-ENABLED STYLES */
/*
.module .items 					{ height:126px; overflow:hidden; }
#main #world.module .items li,
#main #canada.module .items li 		{ height:115px; }
*/

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	font-size: 1px;
}

.clear20 {
	clear: both;
	display: block;
	width: 100%;
	height: 20px;
	font-size: 1px;
}


/*ERU Landing Page*/
#leftcol { float:left; display:inline; width:410px; margin:20px 0 0 45px; }
#leftcol p, #leftcol ul, #leftcol ol, #leftcol h1, #leftcol h2,
#leftcol h3, #leftcol h4, #leftcol h5, #leftcol h6 { margin-bottom:15px;}
#leftcol h1 {font-size:18px; color: #D32222;}
#leftcol h2 {font-size:14px;}
#leftcol h3 {font-size:12px;}
#leftcol h4 {font-size:11px; font-style: italic; font-weight: normal;}
#leftcol h5 {font-size:10px; font-style: normal; font-weight: normal; line-height:110%;}
#leftcol h6 {font-size:11px; font-weight: bold; line-height:110%;}
#leftcol ul { list-style:disc;padding-left:30px; }
#leftcol ol { list-style:decimal; padding-left:30px; }
#leftcol .lastupdate {margin:25px 0 10px; font-size:11px; }

#leftcol .callout {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background: #EDEDED;
	color: #000000;
	padding: 10px 10px 4px 10px;
	margin-bottom: 18px;
	border: 1px solid #CCCCCC;
}

#leftcol .callout a {
	color: #000000;
}

#rightcol { float:right; display:inline; width:280px; margin:20px 40px 0 0; }

/*Donate Now colour change in navigation*/
#top p a.orange, ul#navigation li a.orange {
	color: #FEBA0F !important;
}

/*Twitter Feed*/

#tweetme {
	min-height: 100px;
	height: auto !important;
	height: 100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #EDEDED;
	border: 1px solid #CCCCCC;
	padding: 10px 10px 0 10px;
}

ul.tweetList {
	padding-bottom: 4px;
	list-style-type: none;
	padding-left: 20px !important;
	margin-bottom: 0 !important;
}

ul.tweetList li {
	clear: both;
	padding: 0 0 5px 0;
	list-style-type: square;
}

ul.tweetList li p {
	/* tweet content */
	display: block;
	margin-bottom: 4px !important;
}

ul.tweetList li p a {
	/* links in tweet content */
	color: #C00;
}

ul.tweetList li p a:hover {
	/* links in tweet content */
	text-decoration: underline;
}

ul.tweetList li.lastTweet {
	padding-bottom: 0;
}

/* CATFISH ADS */
div#catfish {	
	display: none; /* Stops catfish appearing before the page is fully loaded */	
	background-color: #FFFFFF;
	text-align: center;
	border-top: 1px solid black;
}

div#catfish a#catfish-close {
	position: absolute;
	top: 5px;
	right: 15px;
	color: white;
}

div#catfish iframe {
	padding-top: 0px;
	padding-bottom: 0px;
}

/*Contextual Ad Style */
.context-ad {
	background-color: #EDEDED;
	border: 1px solid #CCCCCC;
	padding: 14px 10px 0 10px;
	text-align: left;
	width: 500px;
	margin-bottom: 10px;
}

/* =Misc.
---------------------------------------------------------------------------------------------------- */ 

.table-data
{
	border: 1px solid #DDDDDD;
	margin-bottom: 15px;
}

.table-data th
{
	border: 1px solid #DDDDDD;
	padding: 3px 2px 5px 5px;
	background-color: #E8E8E8;
	color: #0055A4;
	font-size: 12px;
	text-align: left;
}

.table-data td
{
	border: 1px solid #DDDDDD;
	padding: 6px 5px 5px 5px;
	font-size: 12px;
}

.table-data td.odd
{
	background-color: #D7DCED;
}