@charset "utf-8";
body{
	text-align:center;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background:	#bec1b8 url(images/background.jpg) repeat-x;
	font-size:12px;
	color:#565656;
	line-height:17px;
}
body#page-home{
	text-align:center;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background:	#bec1b8 url(images/background_index.jpg) repeat-x;
	font-size:12px;
	color:#565656;
	line-height:18px;
}

/* ANCHOR TAGS */

a:link {
	color: #509b02;
}

a:visited {
	color: #2d5900;
}

a:hover {
	color: #509b02;
	text-decoration: none;
}

a:active {
	color: #509b02;
}
ul {
	margin: 0 0 16px 16px;
	padding: 0;
}
li {
	line-height: 18px;	
}

hr {
	color:#DDD;
	background-color:#DDD;
	height:1px;border:none;	
	margin: 16px 0;
}

.clear, .clearer{clear:both;font-size: 0;line-height:0;height:0;}
#wrapper{
	background: url(images/background_sub.jpg) repeat-x;
}
#wrapperContent {
	width:971px;
	padding:0;
	margin:0 auto;
	/*margin-top:20px;
	background:#FFFFFF url(images/border_top.gif) no-repeat;*/
	background:#FFFFFF;

}
.text_large{
	font-size:16px;
	font-weight:300;
	letter-spacing:-0.01em;
	color:#313131;
}

img {
	border: 0;	
}
textarea, input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*******************************************************
	_Headers
*******************************************************/

h1#logo { /* Rundle technique */
	text-indent: -9000px;
	background:url(images/simmons_mesotherlioma_foundation.gif) no-repeat;
	width:274px; height:92px;
	font-size: .5em;
	display: block;
	overflow:hidden;
	padding:0;
	margin:14px 0 20px 25px;
	float:left;
}

h1#logo a {
 	width:274px; height:92px;
	margin:0; padding:0;
	display: block;
	cursor:pointer;
}

h3{
	font-size:22px;
	line-height:26px;
	margin:0 0 16px 0;
	padding:0;
	clear:both;
	color:#69a429;
	font-weight:300;
	letter-spacing:-0.02em;
}
h4{
	font-size:16px;
	line-height:20px;
	font-weight:300;
	letter-spacing:-0.01em;
	color:#565656;	
}
h5{
	font-size: 13px;
	color:#565656;	
}
.phone{text-align:left; padding:0 0 5px 40px; background:url(images/icon_phone.gif) no-repeat 0px 1px ; color:#859c62; margin:0; font-size:13px;}
.email a{ color:#859c62; text-decoration:none;}
.email a:hover{text-decoration:underline;}
.email{text-align:left; padding:0 0 22px 40px; background:url(images/icon_email.gif) no-repeat 0px 2px; color:#859c62; margin:0; font-size:13px;}
.searchSite{text-align:left; color:#859c62; font-size:13px;}

.header{width:971px; height:121px; background:url(/images/background_header.jpg) no-repeat; text-align:left;}
.header h2{
	font-size:28px;
	line-height:26px;
	margin:0;
	padding:80px 0 16px 25px;
	clear:both;
	color:#c6ea92;
	font-weight:300;
	letter-spacing:-0.02em;
}
body#page_current_research .header {background-image:url(/images/background_header_research.jpg);}
body#page_support_for_families .header {background-image:url(/images/background_header_support.jpg);}
body#page_about_mesothelioma .header {background-image:url(/images/background_header_about_meso.jpg);}
body#page_news .header {background-image:url(/images/background_header_news.jpg);}
body#page_about_us .header {background-image:url(/images/background_header_about_us.jpg);}
body#page_contact .header {background-image:url(/images/background_header_contact.jpg);}




/*******************************************************
	_Navigation (top)
*******************************************************/
li#nav_current_research a {
	width:193px; height:48px; background:url(/images/b_research.gif); text-indent:-9000px;
}
li#nav_support_for_families a {
	width:206px; background:url(/images/b_family_support.gif); height:48px; text-indent:-9000px;
}
li#nav_about_mesothelioma a {
	width:213px; background:url(/images/b_about_mesothelioma.gif); height:48px; text-indent:-9000px;
}
li#nav_news a {
	width:92px; background:url(/images/b_news.gif); height:48px; text-indent:-9000px;
}
li#nav_about a {
	width:119px; background:url(/images/b_about.gif); height:48px; text-indent:-9000px;
}
li#nav_contact a {
	width:148px; background:url(/images/b_contact.gif); height:48px; text-indent:-9000px;
}

body#page_current_research li#nav_current_research a {background-image:url(images/nav_active/b_research.gif);}
body#page_support_for_families li#nav_support_for_families a {background-image:url(images/nav_active/b_family_support.gif);}
body#page_about_mesothelioma li#nav_about_mesothelioma a {background-image:url(images/nav_active/b_about_mesothelioma.gif);}
body#page_news li#nav_news a {background-image:url(images/nav_active/b_news.gif);}
body#page_about_us li#nav_about a {background-image:url(images/nav_active/b_about.gif);}
body#page_contact li#nav_contact a {background-image:url(images/nav_active/b_contact.gif);}




/*******************************************************
	_Content
*******************************************************/
#content{width:971px; background:url(images/background_content.gif);border-bottom:#eaebe8 solid 1px;text-align:left;}
#content_sub{width:971px; background:url(images/background_contentSub.gif);border-bottom:#eaebe8 solid 1px;text-align:left;}
#content_full{
	width:771px;
	padding: 16px 100px;
	background-color:#FFF;
	border-bottom:#eaebe8 solid 1px;
	text-align:left;
}

#content_inCol1{width:290px; float:left; padding:20px 20px 20px 20px;}
#content_inCol1_sub{width:236px; float:left; padding:20px 20px 20px 24px;}
#content_inCol2{width:270px; float:left; padding:20px 20px 20px 20px;}
#content_inCol2_sub{width:640px; float:left; padding:20px 20px 20px 20px;}
#content_inCol3{width:270px; float:left; padding:20px 20px 20px 20px;}

body.full_page div.header h2 {
	padding-left: 100px;
}

/*******************************************************
	_FOOTER 
*******************************************************/

div#social ul{
	padding: 0 0 0 25px;
	margin: 11px 0 0 0;
	list-style-type:none;	
}
div#social ul li { 
	display: block;
	float: left;
	height: 30px;
	position:relative;
	padding: 0;
	margin: 0 6px 0 0;
}

div#social ul li span {
	top: 0;
	left: 0;
	height: 30px;
	background-repeat: no-repeat;
	position: absolute;
	z-index:1;	
}

div#social ul li a {
	height: 30px;
	display: block;
	cursor:pointer;
	color: #FFF;
	text-decoration: none;
	border: 0px;
	text-align: center;
	font-size:0px;
}
ul li#ico-face, ul li#ico-face span, ul li#ico-face a {width: 28px;}
ul li#ico-face span { background-image: url(images/icon_facebook.jpg);}

ul li#ico-twitter, ul li#ico-twitter span, ul li#ico-twitter a {width: 28px;}
ul li#ico-twitter span { background-image: url(images/icon_twitter.jpg);}

ul li#ico-youtube, ul li#ico-youtube span, ul li#ico-youtube a {width: 30px;}
ul li#ico-youtube span { background:url(images/icon_you_tube.jpg);}


#footer{
	padding:25px 0 35px 0;
	margin-bottom: 16px;
	font-size:11px;
	color:#4e8264;
	text-align:left; background:url(images/border_bottom.gif) bottom center no-repeat;}
#footer p{	margin-top:0;	padding-top:0;}
#footer_logo{ width:184px;  height:50px;  float:left; display:inline;  margin-left:20px;}
#footer_links{ width:620px;	float:left; 	padding:10px 0  0 0;
}
#footer_aff{
	width:96px;
	float:left;
	padding: 00px 0 0 0;
}

.footer_address{
	width:140px;
	float:left;
	font-size:11px;
	color:#fff;
	
}
#footer_address2{
	
}
#footer a{
	color:#4e8264;
	text-decoration:none;
	
}
.footer_spacer{padding:0 5px 0 5px;}
#footer a:hover{
	color:#060;
/*	color:#732726;*/
	text-decoration:underline;
	
}
#footer_disclaimer {
	padding:30px 20px 0px 0px;
	color:#5e5e5e;
	line-height:18px;
}

#footer_tag {
	color: #509b02;
}
/*******************************************************
	_sub nav
*******************************************************/

div#sub_nav{
	padding-bottom:16px;
}
div#sub_nav ul{
	margin:0;
	padding:0;
	display:block;
	list-style-type:none;
}
div#sub_nav li{
	margin:0;
	list-style-type:none;
	border-bottom: 1px solid #dad9cc;
}
div#sub_nav li ul li{
	border-bottom: none;
}
div#sub_nav li ul li a{
	border-bottom: none;
	background:url(/ddown/arrow-right.gif) 0px 10px no-repeat;
	padding:5px 0 5px 15px;
}

div#sub_nav ul li a {
	display: block;
	padding:5px 0 5px 0px;
	
	text-decoration:none;
	text-transform:uppercase;
	color:#070;
	font-size:11px;
}
body#page_news div#sub_nav ul li a {text-transform:none;}

div#sub_nav a:hover{
/*	background-color:#9fcf67;	
	color:#FFF;*/
	text-decoration:underline;
}

div#sub_nav ul ul {
	padding: 0 0 0 18px;
	border-top: 1px solid #dad9cc;
	background-color: #F1F1F1;
}

h4#sub_nav_header {
	font-size:16px;
	line-height:20px;
	margin: 0 0 16px 0;
}


div.addthis_con {
	padding: 16px 0 0 0;	
}





/*******************************************************
	_HOME
*******************************************************/
div#home_flash_con {
	width: 971px;
	height: 292px;
	background-color:#4c7f9c;
}
div#home_flash_con embed,
div#home_flash_con object,
div#home_flash_con a {
	outline:none;
}
/*
div#homeBlog h5 {
	font-size:16px;
	font-weight:300;
	letter-spacing:-0.01em;
	color:#313131;
	margin: 0 0 6px 0;
}*/
div#homeBlog h4 a {
	text-decoration: none;	
	color:#313131;
}
div.homeBlogStory {
	padding: 0 0 16px 0;	
}


/*******************************************************
	_NEWS / BLOG
*******************************************************/
div#news_grouping {
	margin: 0 0 42px 0;
}
div#news_grouping h3 {
	margin: 0 0 6px 0;
	padding: 0;
}
div#news_grouping p {
	padding: 0;
	margin: 0;
}
.blogHeader{
	font-size:23px;
	line-height:27px;
	font-weight:normal;
	margin:0 0 12px 0;
	padding:0 0 16px 0;
	border-bottom: 1px solid #e9ebec;
}
.blogHeader a {color:#4b761a;text-decoration:none;}
h5.blogHeader a:hover {text-decoration:underline;}

div.blog-item-abbr {
	padding: 0 0 16px 0;
}

div.blog-item-abbr {
	background:url(../m/bg-blog-item-top.jpg) no-repeat top left;
	margin: 0 0 26px 0;
}

p.tags {
	font-size: 11px;
	margin: 0;
}

p.cats_date {
	color: #a0a0a0;
	font-size:11px;
	margin: 0 0 12px 0;
}
p.cats_date a {
	color: #5d8330;
	text-decoration: none;
}
p.cats_date a:hover {text-decoration:underline;}


div.blog-item-full p.cats {

}

/* Discuss box*/
div.community_con {
	border: 1px solid #e9ebec;
	border-left-width:0px;
	border-right-width:0px;
	padding: 3px 0;
	margin: 18px 0 16px 0;
}
p.community {
	background-color:#f7f9f4;
	color:#5d8330;
	padding: 6px;
	margin: 0;
}

p.community img {
	display:inline;vertical-align:middle;margin: 0 5px 0 0;
}

p.community a {
	font-weight:bold;
	color:#5d8330;
}

/* Posted comments meta, news article detail page */
div#news_comments {
	margin-top: 16px;
	padding: 16px 0 0 0;
	border-top: 1px solid #e9ebec;
}
div.comments_posted_con {
	float:left;
	width: 300px;
	padding: 0 0 12px 0;
}
h3#commentsPosted {
	font-weight:normal;
	font-size:16px;
	margin: 0 0 0 0;
	color:#565656;
	padding: 0 0 0 28px;
	background:url(images/i-comment-on-white.jpg) no-repeat 0px 3px;
}
div.news_detail_links {
	float:right;
	width: 250px;
	text-align:right;
}
span.rssComments img {display:inline;vertical-align:middle;margin: 0 5px 0 0;}



/* A posted comment */
div.comment_con {
	border:1px dotted #e1e2e3;
	border-right-width:0;
	border-left-width:0;
	padding: 2px 0 2px 0;
	margin: 0 0 18px 28px;
}
div.comment {
	background-color:#f7f9f4;
	color:#000;
	padding: 10px 16px;
}

div.comment p.blogDate {
	color: #000;
	background:url(images/i_bird_comment.gif) no-repeat 0px 1px;
	padding: 0 0 0 20px;
	margin: 12px 0 0 0;
}

div.comment p {
/*	margin-left: 32px;*/
}
/* eo posted comment */



/* Post a comment */
div#commentPost {
	width:450px;
	margin: 28px 0 0 0;
}

div#commentPost h4 {
	font-size:19px;
	padding:8px 0 12px 0px;
	margin: 0;
	font-weight:normal;
}
div#commentPost_form_con{
	border: 1px dotted #e9ebec;
	border-right-width:0;
	border-left-width:0;
	padding:1px 0;
}
form#postCommentForm {
	padding: 6px 12px;
	background-color:#f7f9f4;
	border: 1px solid #FFF;
	border-right-width:0;
	border-left-width:0;
}



div.warning {
	border:1px solid #FFF;
	margin: 6px 8px 6px 0;
	color: #C00;
}
div.status {
	margin: 0 0 24px 0;	
}
div.warning img,
div.status img {
	vertical-align:middle;
	margin: 0 8px 0 0;
}
div.warning a {
	color: #A00;
}

div.postFieldGrp {
	border-width:0;
	background-color:transparent;
	padding: 6px 0 6px 0;
}

form h5 {
/*div#commentPost h5 {*/
	font-size:12px;
	margin: 0 0 4px 0;
	padding: 0;
}

p.forgotPassLink {
	font-size: 11px;	
}


form.userForm {
	width:390px;
}

form.userForm input.submitBtn,
form.loginForm input.submitBtn,
form#contact_form input.submitBtn {
	color:#FFF;
	font-size: 13px;
	font-weight:bold;
	background-color:#4c7f9c;
	padding: 8px;
	margin: 0 auto;
	text-align:center;
	display:block;
	border: 1px solid #5790b9;
	border-bottom-color:#072b44;
	border-left-color:#072b44;
}

form.loginForm {
	width: 250px;	
}


div.postFieldGrp {
	margin: 0 0 12px 0;
}

p.postFieldDesc {
	margin: 0 0 4px 0;
	padding:0;
}

/* Used on 2nd, 3rd, etc H5 in a form group to create spacing.  Someday, could replace with firstChild. */
h5.morePostHdrs {
	padding: 6px 0 0 0;
}

div.previewPostText {
	padding: 8px;
	border: 1px solid #c9d5da;
	background-color:#fff;
	margin: 0 0 12px 0;
}



.login_txt {
	color:#555;
	font-size:11px;
	padding: 0 0 16px 0;
}



/* _BLOG Left Nav */
div.blog_sub_sec {
	padding: 0 0 26px 0;
}
div.blog_sub_sec h4 {
	font-size:15px;
	margin: 0 0 4px 0;
	padding: 0;
	font-weight:normal;
}



p#left_rss img {
	vertical-align: middle;
	margin-right: 4px;
}




/*******************************************************
	_Contact
*******************************************************/
form#contact_form {
/*	width: 500px;*/
}
form#contact_form input {
	width: 350px;
}
form#contact_form input.checkbox {
	width: auto;
}

form#contact_form textarea {
	width: 350px;
}
form#contact_form input.submitBtn {
	width:auto;
	text-align:left;
	display:block;
	margin: 0 0 0 150px;
	
}
form#contact_form h4 {
	margin: 0 0 0px 0;	
}
#errorMsg {
	color: #C00;
	margin: 0 0 16px 0;
	padding: 3px 0 0 34px;
	background:url(../m/i_error_triangle.jpg) no-repeat 0px 0px;
}
/* jQuery Validate */
	label.error {
		margin-left: 12px;
		color: #C00;
		font-size:11px;
	}
	div.textarea_con label.error {
		margin: 4px 0 0 0;
		display:block;
	}
	input.error {
		border: 1px dotted #C00;	
	}
	
div.formCol2 {
	margin-bottom: 10px;
}

div.formColCon1 { /* actual "column" */
	float:left; width: 200px;
}
div.formColCon2 { /* actual "column" */
	float:left; width: 250px;
}
form#contact_form div.formColCon1 input,
form#contact_form div.formColCon2 input { /* shorter input text fields since we're in a column */
	width: 150px;
}

div.formCheckCol {
	width: 25px;
	float:left;
}
div.formCheckColTxt {
	float:left;
	width: 550px;
	padding: 0 0 16px 0;
}