body
{
	background: #fff url('/images/design/layout/home_background.png') left top repeat-x;
}

.topmenu
{
	margin-top: 0px;
}

.mainmenu
{
	font: normal 14px/18px Arial, sans-serif;
}

.mainmenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a:link, a:visited
{
	color: #A85A36;
}

a:hover
{
	text-decoration: none;
}

/*Top level list items*/
.mainmenu ul li
{
	position: relative;
	display: block;
	margin-left: 1px;
	float: left;
}

/*Top level menu link items style*/
.mainmenu ul li a
{
	height: 29px;
	display: block;
	background: transparent url('/images/design/layout/top_button_bg_inactive.png') left top repeat-x; /*background of tabs (default state)*/
	padding: 10px 11px 0px 11px;
	margin-right: 1px; /*spacing between tabs*/
	border: 0px;
	border-bottom-width: 0;
	color: #e1e9ec;
	text-decoration: none;
}

.mainmenu ul li a:hover
{
	background: url('/images/design/layout/top_button_bg_active.png') left top repeat-x;
}

/*1st sub level menu*/
.mainmenu ul li ul
{
	position: absolute;
	left: 0;
	padding-top: 1px;
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.mainmenu ul li ul li
{
	display: list-item;
	float: left;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.mainmenu ul li ul li ul
{
	top: 0;
}

/* Sub level menu links style */
.mainmenu ul li ul li a
{
	height: 14px;
	background-image: none;
	width: 220px;
	font: normal 13px/15px arial, sans-serif;
	background-color: #999;
	color: #eee;
	padding: 4px 5px;
	margin: 0px;
	border-bottom: 1px solid #333;
}

.mainmenu ul li ul li a:hover
{ /*sub menus hover style*/
	background-color: #666;
	color: #fff;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass
{
	position: absolute;
	top: 7px;
	right: 5px;
}

.rightarrowclass
{
	position: absolute;
	top: 5px;
	right: 5px;
}

.search
{
	float: right;
	margin-top: 8px;
}

.search label
{
	display: block;
	float: left;
	clear: none;
	margin: 5px 10px 0px 0px;
	font: bold 11px/14px arial;
	text-transform: uppercase;
	color: #a6d8f1;
}

.search input.searchbox
{
	display: block;
	float: left;
	color: #666;
	font: normal 11px/13px arial, sans-serif;
	height: 14px;
	padding: 2px 0 0 2px;
	margin-bottom: 0px;
	width: 120px;
}

.search #search_submit, .gobutton
{
	display: block;
	float: left;
	clear: none;
	border: none;
	background-color: #adbc23;
	margin: 1px 0px 0px 2px;
	font: bold 11px/12px arial;
	color: #fff;
	padding: 4px;
	text-transform: uppercase;
	cursor: pointer;
}

.gobutton
{
	padding: 7px;
}

.titlebar
{
	display: block;
	height: 142px;
}

	.titlebar .toplogo
	{
		display: block;
		text-indent: -9999px;
		width: 318px;
		height: 92px;
		float: left;
		background: transparent url('/images/design/layout/top_logo_gray.png') left top no-repeat;
		clear: none;
		margin: 26px 0 0 18px;
		cursor: pointer;
	}

	.titlebar .counters
	{
		display: block;
		position: relative;
		width: 224px;
		height: 99px;
		background: #fff url('/images/design/layout/clocks_bg.png') left top no-repeat;
		top: 21px;
		float: right;
	}

	.titlebar .counters .title
	{
		display: block;
		font: bold 11px/13px arial;
		color: #60899f;
		text-transform: uppercase;
		float: left;
		width: 206px;
		text-align: right;
		margin: 8px 8px 2px;
	}

	.titlebar .counters .number
	{
		display: block;
		margin: 0px 3px 0 0;
		font: bold 22px/22px arial;
		float: left;
		color: #999;
		width: 206px;
		text-align: right;
	}

	.titlebar .counters .growth
	{
		display: block;
		color: #a85a36;
	}

.mainimage
{
	display: block;
	margin: auto 0;
	height: 260px;
}

img.imgshadow
{
	float: left;
}

.homemovie
{
	height: 260px;
}

	.homeslides
	{
		display: block;
		width: 924px;
		height: 260px;
		float: left;
	}

	.slidenav
	{
		display: block;
		float: left;
		width: 284px;
		height: 260px;
		margin: 0;
		padding: 0;
	}

		ul#hometitles li .navheader
		{
			display: block;
			color: #fff;
			font: bold 20px/28px helvetica, sans-serif;
		}

		ul#hometitles
		{
			display: block;
			margin: 0px;
			padding: 0px;
			list-style: none;
			list-style-type: none;
		}

		ul#hometitles li
		{
		 	margin: 0px;
		 	padding: 21px 0 0 9px;
		 	height: 44px;
		 	color: #2d414f;
		 	width: 305px;
			font: bold 18px/22px helvetica, sans-serif;
			cursor: pointer;
		}

		ul#hometitles li.off
		{
			background-image: none;
		}

		ul#hometitles li.on
		{
			background: transparent url('/images/home/active_arrow.png') right 19px no-repeat;
			background-color: #c9c9c9;
		}

	.homepics
	{
		display: block;
		float: left;
		width: 640px;
		height: 260px;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}

	ul.pics
	{
		list-style: none;
		list-style-type: none;
	}


.maincontent
{
	margin-top: 28px;
	float: left;
}

	.homecontent h1
	{
		font-size: 22px;
		color: #608da4;
	}

ul.nobulls
{
	list-style: none;
	list-style-type: none;
}

	ul.nobulls li
	{
		margin: 0px 0px 12px 0px;
		padding: 0px;
	}

.populationnews
{
	color: #666;
	margin-right: 12px;
}

	.populationnews ul.newslist
	{
		list-style: none;
		list-style-type: none;
		float: left;
	}

		.populationnews ul.newslist li
		{
			margin: 0px 0px 26px 0px;
			padding-left: 0px;
			float: left;
		}

		.populationnews ul.newslist li a.morelink
		{
			color: #568dd0;
			font-weight: bold;
		}

		.populationnews ul.newslist li a.headline, a.headline
		{
			font: bold 14px/17px arial, sans-serif;
			color: #527185;
			text-decoration: none;
			display: block;
		}

		.populationnews ul.newslist li a.headline:hover, a.headline:hover
		{
			text-decoration: underline;
		}

		a.morepopnews
		{
			display: block;
			float: right;
			color: #608da4;
			font: bold 16px/20px arial, sans-serif;
			text-decoration: none;
		}

		a.morepopnews:hover
		{
			text-decoration: underline;
		}

	.welcome
	{
		display: block;
		float: left;
		font: normal 22px/40px arial, sans-serif;
		color: #999;
	}

	.date {
		font-style: italic;
	}

	.email
	{
		display: block;
		width: 280px;
		float: left;
		margin: 0px 12px 0px 6px;
		height: 248px;
		background: #fff url('/images/design/home/email_background.png') left top no-repeat;
	}

		.email h1.serif
		{
			color: #ADBC23;
		}

		.emailform
		{
			display: block;
			float: left;
			margin: 16px;
			padding: 12px;
			width: 222px;
			height: 188px;
			border: 1px solid #fff;
			color: #ddd;
			font: bold 14px/16px arial;
		}

		.emailform #emailform, #fieldset-EmailSignup
		{
			margin: 0px;
			border: 0px;
			padding: 0px;
		}

			#emailform input.emailsignup, #emailaddress
			{
				width: 155px;
				height: 18px;
				padding: 6px 0 0 6px;
				border: 1px solid #999;
				margin-bottom: 0px;
			}

			#emailform #emailsubmit
			{
				display: block;
				float: right;
				background-color: #3299ff;
				color: #fff;
				margin-top: 12px;
				padding: 6px 10px;
				cursor: pointer;
			}

			dt#EmailSignup-label
			{
			    display: none;
			}

	.ournews
	{
		display: block;
		float: left;
		width: 249px;
		color: #666;
		line-height: 16px;
	}

	h1.serif
	{
		color: #608da4;
		font: normal 22px/24px georgia, serif;
	}

	.footer
	{
		margin-top: 24px;
		background-color: #c4c1bc;
		height: 76px;
		text-align: center;
		color: #6a6762;
		font-weight: bold;
		font-size: 12px;
	}

		ul.footerlinks
		{
			margin-top: 30px;
			list-style: none;
			list-style-type: none;
		}

			ul.footerlinks li
			{
				padding: 6px;
				display: inline;
				text-align: center;
				margin: 0px;
		}

			ul.footerlinks a
			{
				color: #6a6762;
				text-decoration: none;
				font: bold 12px/16px arial;
				text-transform: uppercase;
			}

			ul.footerlinks a:hover
			{
				text-decoration: underline;
			}


			/** Right Rail **/

			.railitem
			{
				display: block;
				float: left;
				margin-bottom: 10px;
				width: 230px;
			}

                        .railitem.video
                        {
                            background-color: #transparent;
                            color: #000000;
                            font: bold 14px/18px helvetica, sans-serif;
                            height: auto;
                            margin: 0px;
                            padding: 0px;
                            text-align: left;
                            width: 193px;

                        }

                        .railitem.video_control
                        {
                            margin: 0px;
                            padding: 0px;
                            width: 193px;
                            
                        }

			.railitem.donate
			{
				background: #aebd23 url('/images/design/layout/donateonline.png') 14px 0px no-repeat;
				height: 84px;
				cursor: pointer;
				text-indent: -9999px;
			}

			.railitem.signup
			{
				background-color: #61afda;
				width: 218px;
				cursor: pointer;
				padding: 12px 0 8px 12px;
			}
			
			.railitem.blog
			{
				margin-top: 12px;
				padding-top: 12px;
				border-top: 1px solid #ddd;
			}

			label.rightsignup
			{
				display: block;
				float: left;
				font: bold 14px/18px helvetica, sans-serif;
				color: #fff;
				margin-bottom: 4px;
			}

			input.rightinput
			{
				display: block;
				float: left;
				border: 1px solid #999;
				width: 160px;
				height: 20px;
				padding: 0px;
				font: normal 11p/13px helvatica, sans-serif;
				font-size: 12px !important;
				color: #333;
				padding: 1px;
			}

			a.railitem.pmc:link, a.railitem.pmc:visited
			{
				background-color: #608DA4;
				color: #fff;
				width: 218px;
				cursor: pointer;
				padding: 12px 0 8px 12px;
				font: bold 14px/18px helvetica, sans-serif;
				color: #fff;
				margin-bottom: 4px;
				text-decoration: none;
			}

			a.railitem.pmc:hover
			{
				text-decoration: underline;
			}

			.rightitem.facebook, .rightitem.twitter
			{
				background-color: #fff;
			}

			.railitem p span.tweetdate
			{
				color: #999;
				font-weight: bold;
			}

			.railitem .tweet
			{
				color: #444;
			}

			div.piblog
			{
				display: block;
				margin-top: 24px;
				padding-top: 12px;
				border-top: 1px dotted #999;
			}

			img.twitterfollower
			{
				margin: 1px;
			}

/** Elements **/

fieldset
{
	border: 1px solid #666;
	padding: 12px;
	margin: 12px;
}

legend
{
	font: bold 14px/18px arial;
}

label
{
	font: bold 18px/22px arial;
}

input, select, button
{
	margin-bottom: 12px;
	font: normal 18px/22px arial;
}

.inline
{
	clear: none;
	float: left;
	margin-right: 12px;
}

.clearleft
{
	clear: left;
}

.clearright
{
	clear: right;
}

dd, dl
{
	margin-bottom: 6px;
}

blockquote, q
{
	margin-left: 30px;
}