@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; }




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 110%; }
	#top p {
		float: left;
		position: relative;
		top: 15px;
		left: 25px; }
		#top p a {
			color: #FFFFFF;
			font-weight: bold; }


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

	#header {
		height: 255px;
		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 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 {
					color: #FFFFFF;
					background: #CC0000;
					height: 20px;
					width: 188px;
					display: block;
					padding: 0 0 0 20px;
					line-height: 20px; }
				#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 {
							padding: 0 0 0 10px;
							width: 198px;
							float: none; }
		#header a#btn_donate-now {
			height: 47px;
			width: 150px;
			float: left;
			position: relative;
			top: 10px;
			left: 32px;
			text-indent: -5000px;
			background: transparent 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 #feature {
			float: right;
			position: relative;
			z-index: 50; }
			
		#header #spimain {
			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: 764px;
			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; }


#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: 16px;
		width: 125px;
		margin: 0 0 10px 0;
		text-indent: -5000px;
		background: transparent url("../images/btn_share.gif") no-repeat 0 0; }
	#footer p {
		font-size: 11px;
		font-family: Arial, sans-serif;
		color: #000000; }
		#footer p a {
			color: #000000; }




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

#maincontent p, #maincontent ul, #maincontent ol, #maincontent h1, #maincontent h2,
#maincontent h3, #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 ul { list-style:disc;padding-left:30px; }
#maincontent ol { list-style:decimal; padding-left:30px; }
#maincontent .lastupdate {margin:25px 0 10px; font-size:11px; }


#sharethis				{float:right}
#print					{text-indent:-9999px;float:right;margin:-1.4em 30px 0 0;width:20px;height:20px;background:url(../images/print_icon_up.gif) no-repeat 0 0;cursor:pointer;}

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