﻿body {
	margin:0;
	min-width:905px;
	color:#46493c;
	font:13px Helvetica, Arial, sans-serif;
	background:#f1f4e5 url(../images/bg-body.gif) repeat-x;
}
a {text-decoration:none;}

img {border-style:none;}
input,
textarea,
checkbox,
select {
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,
fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper {
	position:relative;
	width:905px;
	margin:0 auto;
}
.bg {
	position:absolute;
	top:0;
	left:-149px;
	width:575px;
	height:405px;
	overflow:hidden;
	background:url(../images/bg-bg.gif) no-repeat;
	z-index:1;
}
#header {
	position:relative;
	width:100%;
	height:46px;
	overflow:hidden;
	padding:86px 0 0 0;
	z-index:10;
}


.logo {
	position:absolute;
	top:20px;
	left:-16px;
	margin:0;
	width:230px;
	height:220px;
	text-indent:-9999px;
	z-index:20;
}
.logo a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
	cursor:pointer;
}
.logo2 {
	position:absolute;
	top:0;
	left:-9px;
	margin:0;
	width:150px;
	height:148px;
	text-indent:-9999px;
	z-index:20;
}
.logo2 a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	background:url(../images/logo2.png) no-repeat;
	cursor:pointer;
}
.top-nav {
	float:right;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.top-nav li {
	float:left;
	padding:0 0 0 30px;
	font:17px/46px "Trebuchet MS",  Helvetica, Arial, sans-serif;
}
.top-nav a {color:#f8faf2;}
.top-nav a:hover {text-decoration:underline;}
.imageElement {
	position:relative;
	float:left;
	width:719px;
}
.imageElement img {
	vertical-align:top;
	position:relative;
}
.text-box {
	width:404px;
	overflow:hidden;
	color:#f1f4e5;
	position:absolute;
	left:12px;
	bottom:22px;
}
.text-box a {color:#cafc01;}
.text-box a:hover {text-decoration:underline;}
.text-box h2 {
	color:#fff;
	margin:0;
	padding:0 20px 0 10px;
	font-size:60px;
	line-height:52px;
	font-weight:bold;
}
.text-box div {
	margin:20px 0 0 0;
	padding:10px 44px 0 44px;
	height:54px;
	overflow:hidden;
	font-size:13px;
	font-weight:bold;
	background:url(../images/bg-text-box.png) no-repeat;
}
.text-box p {
	position:relative;
	line-height:18px;
	margin:0;
}
.column-r {
	float:right;
	width:186px;
	overflow:hidden;
}


.box-display{
position:absolute;
	top:20px;
	left:650px;
	margin:0;

	text-indent:-9999px;
	z-index:10;
	
	}
.select-nav-box {width:100%;}


.select-nav-box2 {width:100%; position:absolute; float: right; top:10px; left:710px; }
.select-nav-box:after,
#select-nav:after,
#select-nav li:after,
.blogs:after {
	content:"";
	clear:both;
	display:block;
	height:0;
}
#select-nav {
	width:186px;
	margin:0;
	padding:0;
	list-style:none;
}
#select-nav li {
	display:block;
	vertical-align: top;
	width:100%;
	height:28px;
	font:bold 14px/28px Arial, Helvetica, sans-serif;
	margin:0 0 7px 0;
	border:solid #001d57;
	border-width:1px 0;
	background:url(../images/bg-select.gif) repeat-y;	
}


#select-nav a {
	display:block;
	width:151px;
	color:#66b124;
	padding:0 30px 0 5px;
	background:url(../images/select-button.gif) no-repeat 100% 0;
}

#select-nav ul a:focus {outline:none;}
#select-nav li.click {position:relative;}
#select-nav ul {
	width:186px;
	display:none;
	position:absolute;
	top:28px;
	left:0;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #001d57;
}
#select-nav ul li {
	width:100%;
	height:auto;
	margin:0;
	line-height:16px;
	border-bottom:0;
}
#select-nav ul a {
	width:151px;
	background:none;
	padding:7px 30px 7px 5px;
}
#select-nav li.click ul {display:block;}
#select-nav ul a:hover {
	background:#001d57;
	color:#fff;
}
.blogs {
	width:100%;
	min-height:293px;

	font-size:13px;
	line-height:18px;
	background:#f8faf2 url(../images/bg-blogs.gif) repeat-x;
}
.ads{

	margin-top:15px;
	margin-bottom:px;

}





* html .blogs {
	height:286px;
	overflow:visible;
}
.blogs div {padding:12px 8px 4px 7px;}
.blogs h3 {
	margin:0;
	font-size:17px;
	line-height:19px;
	color:#000;
}
.blogs p {margin:9px 0 20px 0;}
p.see {margin:9px 0 0 0;}
.blogs a,
.more a {
	font-weight:bold;
	color:#566717;
	padding:0 11px 0 0;
	background:url(../images/bullet-more.gif) no-repeat 100% 6px;
}
.blogs a:hover, .more a:hover {text-decoration:underline;}
#main {
	position:relative;
	width:100%;
	overflow:hidden;
	margin:18px 0 30px 0;
	z-index:5;
}
.column-l {
	float:left;
	width:719px;
	overflow:hidden;
}

#main.home	{ background-color:#f8faf2; height:875px; }
#main.home .column-l	{ width:227px; height:709px; background:url(../images/home_leftbg.png) no-repeat; margin-left:2px; margin-right:1em; margin-top:8px; }
#main.home .column-r	{ width:227px; height:709px; border-left:1px solid #babfa8; display:table-cell; margin:0.5em; }
#main.home .column-c	{ width:425px; height:709px; position:absolute; top:0; left:235px; margin-top:8px; }
#main.home .column-c .homepost, #main.home .column-c .homepost p	{ font-size:13px; margin:0; padding:0; padding-left:4px; padding-right:4px; width:420px; }

#main.home .column-c .homepost p	{ background:url(../images/home_blogsbg.png) repeat-x; margin-bottom:2em; margin-top:0;}
#main.home .column-c .homepost img	{ float:right; }
#main.home .column-c p	{ padding-left:4px; padding-right:4px; width:auto; }

#main.home .column-r .linksingle a	{ font-size:17px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; color:#566717; padding:14px; border-bottom:1px solid #babfa8; display:block; line-height:24px; text-transform:uppercase; }
#main.home .column-r .nolink	{ border-bottom:1px solid #babfa8; }
#main.home .column-r .bullet { position:absolute; right: 5px; margin-right: 5px; margin-top: 7px; padding-top: 7px;}

#select-nav.home	{ background-color:#0c73ba; width:230px; height:32px; -webkit-padding-start:0px; margin:0; padding:0; border-bottom:1px solid #001d57; }
#select-nav.home li, #select-nav.home li a	{ height:32px; font-size:12px; color:#FFFFFF; border:none; }
#select-nav.home li	{ width:226px; margin:0; padding-left:4px; background:none; }
#select-nav.home a	{ width:100%; background:url(../images/home_menu_arrow.png) no-repeat 95% 0; padding:0; }

#select-nav.home .submenu	{ width:250px; }
#select-nav.home .submenu li, #select-nav.home .submenu li a	{ background-color:#C0D091; width:250px; }
#select-nav.home .submenu li a:hover	{ background-color:#000000; width:250px; }

/*
#select-nav.home .submenu li.page_item	{ width:250px; height:150px; }
#select-nav.home .submenu li.page-item-75 a	{ background:url(../images/kentucky.png) no-repeat; text-align:center; }
#select-nav.home .submenu li.page-item-71 a	{ background:url(../images/virginia.png) no-repeat; }
#select-nav.home .submenu li.page-item-69 a	{ background:url(../images/westva.png) no-repeat; }
*/




#main.home .column-l .linkfacebook, #main.home .column-l .linktwitter	{ position:absolute; top:590px; left:2px; text-align:center; width:107px; vertical-align:text-bottom; color:#46493c; }
#main.home .column-l .linktwitter	{ left:115px;  }
#main.home .column-l .linkfacebook img, #main.home .column-l .linktwitter img	{ position:relative; top:3px; }

#main.home .featuredmedia	{ width:420px; background-color:#babfa8; padding:4px; text-align:center; margin-bottom:0; clear:both; }
#main.home .featuredmedia h2	{ text-align:left; font-size:13px; font-weight:bold; color:#f1f4e5; margin-left:8px; text-transform:uppercase; }

#main.home .blogs	{ width:420px; padding:4px; background:url(../images/home_blogsbg.png) repeat-x; margin-top:-1px; clear:both; }
#main.home .blogs h1	{ font-size:19px; color:#46493c; font-weight:bold; text-transform:uppercase; margin-bottom:0; }
#main.home .blogs div	{ margin:0; padding:0; }
#main.home .blogs a	{ background:none; }

#footer.home .box-bottom	{ border:none; }

#header .rotatingquote	{ position:absolute; right:0; color:#FFFFFF; top:20px; text-align:right; }
#header .rotatingquote .quote	{ font-size:27px; font-weight:bold; color:#f5f7ed; }
#header .attribution	{ color:#f5f7ed; font-size:15px; }

#main.home .posts .post p	{ margin:0; padding:0; }
#main.home .posts	strong	{ font-weight:normal; }
#main.home .posts .post	{ border-bottom:1px solid #DCDCDC; padding-bottom:0.5em; padding-top:0.5em; }


#countercontainer	{ float:right; }
#counter *	{ margin:0px; padding:0px; }
#counter	{ list-style-type:none; width:162px; height:58px; margin:0; margin-left:0; margin-right:0; text-align:center; -webkit-padding-start:0px; }
#counter li	{ float:left; background:url(../images/filmstrip30.png) 0px 0px no-repeat; width:30px; height:58px; }
#counter li.seperator	{ background:url(../images/comma.png) 3px 40px no-repeat; width:12px; }
#countercontainer p	{ background:url(../images/home_blogsbg.png) repeat-x; }



.row-l {
	float:left;
	width:919px;
	overflow:hidden;
	margin-bottom:-120px;
}

.content {
	float:left;
	width:719px;
	overflow:hidden;
	margin:5px 0 0 0;
}
.items {
	width:1050px;
	padding:0 0 10px 0;

}
.items ul {
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.items li {
	color:#001d57;
	float:left;
	width:193px;
	min-height:170px;
	font-size:13px;
	margin:0 8px 0 0;
	padding:14px 10px 6px 10px;
	background:#c0d091;
	border:5px solid #9bb246;
}

.facebook2 {
	color:#001d57;
height:130px;
	width:414px;


	background:#c0d091;
	border:5px solid #9bb246;
}


.items li.test {
	color:#001d57;
	float:left;
	width:193px;
	min-height:170px;
	font-size:13px;
	padding:10px 0 0px 7px;

	background:#c0d091;
	border:5px solid #9bb246;
}
* html .items li {
	height:170px;
}
.items h2 {
	font-weight:normal;
	margin:0 0 10px 0;
	font-size:40px;
	line-height:44px;
}
.items p {
	margin:0;
	line-height:19px;
}
.items a {
	font-weight:bold;
	color:#566717;
	padding:0 20px 0 0;
	background:url(../images/bullet-more2.gif) no-repeat 100% 5px;
}
.items a:hover {text-decoration:underline;}
.video-box {
	margin:5px 0 0 0;
	width:100%;
	overflow:hidden;
	padding:11px 0;
	background:#babfa8;
}
.video-box h3 {
	font-size:15px;
	margin:0 0 0 10px;
	line-height:17px;
	color:#f1f4e5;
}
.video-box div {padding:8px 10px 0 10px;}
.links {
	width:170px;
	padding:15px 10px 0 6px;
	overflow:hidden;
}
.links h3 {
	margin:0;
	color:#000;
	font-size:15px;
	line-height:17px;
}
.links a {color:#46493c;}
.links a:hover {text-decoration:underline;}
.links ul {
	width:100%;
	overflow:hidden;
	margin:0;
	padding:7px 0 0 0;
	list-style:none;
}
.links li {
	float:left;
	padding:0 10px 0 0;
	line-height:16px;
}
.links li a img {
	float:left;
	margin:0 7px 0 0;
}
.links li a:hover {border:0;}
.links li a:hover span {text-decoration:underline;}
#footer {
	width:100%;
	overflow:hidden;
	padding:0 0 25px 0;
}
























.nav-bottom {
	width:893px;
	padding:4px 5px 5px 7px;
	overflow:hidden;
	font-size:14px;
	line-height:30px;
}
.nav-bottom a:hover {text-decoration:underline;}
.nav-bottom ul {
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.nav-bottom li {float:left;}
.nav-bottom-l {float:left;}
.nav-bottom-r {
	float:right;
	background:url(../images/bullet.gif) no-repeat 0 12px;
}
.nav-bottom-l li {padding:0 27px 0 0;}
.nav-bottom-r li {padding:0 0 0 17px;}
.nav-bottom-l a {color:#001d57;}
.nav-bottom-r a {color:#566717;}
.box-bottom {
	width:899px;
	overflow:hidden;
	padding:10px 2px 0 0;
	margin:0 0 0 4px;
	line-height:15px;
	font-size:13px;
	color:#000;
	border-top:1px solid #babfa8;
}
.box-bottom p {
	margin:0;
	float:left;
}

.content-bg {
	width:670px;
	overflow:hidden;
	background:#f8faf2;
	padding:0 22px 43px 20px;
}
.visual-blue-border {
	width:712px;
	overflow:hidden;
}
.visual-blue-border div {
	width:702px;
	border:5px solid #012c52;
	background:#001461;
}















.subheader {
	width:698px;
	border:5px solid #012c52;
	background:#001461;
}
.buttons {
	width:730px;
	overflow:hidden;
	margin:0;
	padding:0 0 7px 0;
	list-style:none;
}
.buttons li {
	float:left;
	line-height:48px;
	padding:0 8px 0 0;
}
.buttons a {
	color:#001d57;
	font-size:30px;
	float:left;
	text-align:center;
	padding:8px 0 0 0;
	background:#c0d091;
	border:5px solid #9bb246;
}
a.action {width:192px;}
a.spread {width:244px;}
a.join {width:230px;}
.buttons li.active a,
.buttons a:hover {
	color:#f8faf2;
	background:#253e6f;
	border-color:#012c52;
}








.form-action input.formbuttons {
	float:left;
	text-align:center;
	padding:0px 0 0 0;
	width:100px;
	font-weight:bold;
	color:#97b625;
	background:#253e6f;
	border-color:#012c52;
	height:40px;
	margin-top:20px;
}



.form-action {
	width:100%;
	overflow:hidden;
	font-size:13px;
	color:#46493c;
	padding:8px 0 0 0;
}
.form-action h2 {
	margin:0;
	font-size:32px;
	color:#001d57;
}
/*
.form-action ul {
	width:100%;
	overflow:hidden;
	margin:0;
	padding:22px 0 32px 0;
	list-style:none;
}
.form-action li {
	float:left;
	padding:0 36px 0 0;
}
*/
.form-action div ul a {
	width:100%;
	float:left;
	padding:3px 0;
	font-size:23px;
	color:#befd04;
	text-align:center;
	background:#032059;
}
.form-action div li {
	width:126px;
	padding:0 18px 0 0;
}
.form-action div ul {
	padding:0 0 0 4px;
}
.form-action div ul a:hover {text-decoration:underline;}
.form-action p {

	line-height:20px;
}
.form-action a {color:#46493c;}
.form-action a:hover {text-decoration:underline;}
.form-action p a {
	font-weight:bold;
	padding:0 20px 0 0;
	background:url(../images/bullet-more3.gif) no-repeat 100% 5px;
}
.form-action p a.videolink  {
	font-weight:bold;

	padding:0 20px 0 0;
	#background:url(../images/bullet-more3.gif) no-repeat 100% 5px;

	}
	
.form-action li a.videolink  {
	font-weight:bold;

	padding:0 20px 0 0;
	#background:url(../images/bullet-more3.gif) no-repeat 100% 5px;

	}
	
.form-action  div {
	// width:100%;
	// overflow:hidden;
	margin:10px 0 0 0;
}
.form-action label {display:block;}
.form-action input {
	height:16px;
	margin:1px 0 -10px 0px;
	padding:3px;
	font-size:14px;
	width:400px;
	border:2px solid #001d57;
	margin-bottom:0px;
	
}

.form-action input[type='submit'] {
	height:26px;
}


.form-action textarea{
	height:250px;

	width:400px;
	
	}
	

.form-action input.check {
	margin:1px 0 -10px 10px;
	width:16px;
	height:16px;
	padding:3px;
	font-size:14px;
	border:2px solid #001d57;
	margin-bottom:0px;	
}







.mainimage{
	position:absolute;
	top:0px;
	left:-16px;
	margin:0;
	width:930px;
	height:220px;
	text-indent:-9999px;
	background:url(http://www.facesofcoal.org/wp-content/themes/faces/images/face_coal_banner2.jpg) repeat;
	
}


.box-display{
position:absolute;
	top:10px;
	left:710px;
	margin:0;

	text-indent:-9999px;
	z-index:10;
	
	}


.contenthome{
	float:left;
	width:1019px;
	
	margin:5px 0 0 0;
}


