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


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

	#header {
		height: 314px;
		width: 208px;
		/* margin: 0 auto; */
		margin: 0 0 10px 10px;}
		#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_f/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 {
					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 0pt 5px 10px;
								width:198px; }
			#header a#btn_donate-now {
				height: 47px;
				width: 160px;
				float: left;
				position: relative;
				top: 12px;
				left: 25px;
				text-indent: -5000px;
				background: transparent url("../images_f/btn_donate-now.gif") no-repeat 0 0; }
			#header a#btn_donate-now:hover {
				background-image: url("../images_f/btn_donate-now_over.gif")
			}
			


	#maincontent { float:right; position: relative; width:500px;margin:-280px 30px 0 0; line-height:150%; 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; }


	#contentnav a#btn_findcourse {
		height: 60px;
		width: 153px;
		float: left;
		position: relative;
		top: -15px;
		left: 8px;
		text-indent: -5000px; 
		background: transparent url("../images_f/btn-find-course.gif") no-repeat 0 0; }
	#contentnav a#btn_findcourse:hover {
		background-image: url("../images_f/btn-find-course_over.gif")
			}



#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_f/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 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; }

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