@charset "utf-8";
/* CSS Document */

/*******************************************************
		PROJECT: 

		DESCRIPTION:
		This CSS file comprises layout elements for
		all site pages.
		
		CREATED: 

*******************************************************/



/*******************************************************
	_BASIC LAYOUT ELEMENTS
*******************************************************/

* {margin: 0; padding: 0;}

body {
	color: #333;
	font-size:100%;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	background: #f2f2f2 url(../m/bg-body.jpg) repeat-x top left;
	margin: 0; padding: 0;
}

p {
	font-size: .7em;
	line-height: 1.5em;
	margin: 0 0 1.2em 0;
}

h1 {
	font-family:"Times New Roman", Times, serif;
	color:#2e1e12;
	font-size: 1.4em;
	font-weight:normal;
	margin: 0 0 .4em 0;
}

h2 {
	font-family:"Times New Roman", Times, serif;
	color:#2e1e12;
	font-size: 1.8em;
	font-weight:normal;
	margin: 0 0 .4em 0;
}

h2#page-title {
	position:relative;
	font-family:"Times New Roman", Times, serif;
	font-size: 1.7em;
	font-weight:normal;
	letter-spacing:-.02em;
	color:#FFF;
	height:81px;
	padding: 26px 0 0 22px;
	margin: 0 12px 0 8px;
	background:url(../m/bg-hdr-sub.jpg) repeat-x top left;
}

h2#page-title img {
	position:absolute;
	top:0px;
	right:0px;
}

h3 {
	font-family:"Times New Roman", Times, serif;
	color:#2e1e12;
	font-size: 1.2em;
	font-weight:normal;
	line-height: 1.4em;
	margin: 0 0 .4em 0;
}

h4 {
	color:#2e1e12;
	font-size: .9em;
	line-height: 1.4em;
	margin: 0 0 .2em 0;
}

h5 {
	color:#2e1e12;
	font-size: .7em;
	line-height: 1.4em;
	margin: 0 0 .2em 0;
}


/* ANCHOR TAGS */

a:link {
	color:#885700;
}

a:visited {
	color:#452c00;
}

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

a:active {
	color:#885700;
}




img {
	display: block;
	border: 0;
}




ul, ol {
	margin: .8em 0 1.6em .5em;
	padding: 0;
}


li {
	font-size: .7em;
	line-height: 1.4em;
	padding: 0 0 0 12px;
	margin: 0 0 .6em 0;
	background:url(../m/li-square.gif) no-repeat 0px 6px;
	list-style: none;
}

ol li {
	background-image: none;
	list-style-type:decimal;
	padding-left: 0;
	margin-left: 18px;
}

li ul, li ol {margin: 6px 0 12px 18px;}
li ul li, li ol li {font-size: .97em;}

li ul li {background-image:url(../m/li-square.gif);}


hr {
	height: 0px;
	line-height:0px;
	color:#FFF;
	background-color: #FFF;
	margin: 24px 0;
	border: 0;
	border-bottom: 1px dotted #999;
}









form {
	margin: 0;
	padding: 0;
}

fieldset {margin: 0;padding: 0;border: 0;}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
}

div.formCol1 {
	float:left;
	text-align:right;
	width:200px;
	margin: 0 12px 6px 0;
}

div.formCol2 {
	float:left;
	width:200px;
	margin: 0 0 6px 0;
}

div.formCol1 h4, div.formCol2 h4 {
	font-size:.7em;
	color:#333;
}









table {
	margin: 0 0 24px 0;
}

td {
	font-size: .7em;
	padding: 4px;
}

tbody td {
	background-color: #F1F4FB;
}

thead td {
	background-color:#E3EAF8;
}






/*******************************************************
	_MAIN CONTAINERS
*******************************************************/

div#global {
	width: 854px;
	text-align:left;
	margin: 0 auto;
	background-color:#FFF;
}



div#main {
	float: left;
	width: 580px;
	min-height:200px;
	margin: 0 0 0 8px;
}









/*******************************************************
	_TOP
*******************************************************/

div#top {
	height:180px;
	position:relative;
	background:url(../m/bg-top.jpg) no-repeat top left;
}

/*div#top-logo {
	position:absolute;
	width:184px;
	height:158px;
	top:16px;
	left:4px;
	z-index:30;
}*/



div#top-logo-header {
	position:absolute;
	top:93px;
	left:12px;
}

div#top-logo-header h1 { /* Levin technique */
 	width: 501px;
	height: 58px;
	position: relative;
	margin: 0;padding: 0;
	font-size: .6em;
}

div#top-logo-header h1 span {
 	width: 501px;
	height: 58px;
	background: url(../m/logo-top.gif) no-repeat top left;
	top: 0px;left: 0px;
	position: absolute;z-index:1;
}

div#top-logo-header h1 a {
 	width: 246px;
	height: 45px;
	display: block;cursor:pointer;
}


div#top-info {
	position:absolute;
	width:237px;
	left:570px;
	top:70px;
	text-align:right;
}

p#call-text { /* Levin technique */
 	width: 237px;
	height: 23px;
	position: relative;
	margin: 0 0 16px 0;
	padding: 0;
	font-size: .6em;
}

p#call-text span {
 	width: 237px;
	height: 23px;
	background: url(../m/txt-call-today-top.gif) no-repeat top left;
	top: 0px;left: 0px;
	position: absolute;z-index:1;
}


/* Only show on "News" page */
body#page-news p#login-txt,
body#page-login p#login-txt {display:block;}
p#login-txt {
	display:none;
	margin: 6px 0 0 0;
}


input.searchBtn {
	vertical-align:middle;
	margin: 0 0 0 4px;
}

input.searchField {
	color: #5c5c5c;
	border:1px solid #c3c3c3;
	border-top-color:#7c7c7c;
	border-right-color:#7c7c7c;
	padding: 2px;
	width:145px;
}





/*******************************************************
	_MAIN NAVIGATION
*******************************************************/
ul#main-nav {
	position:absolute;
	top:0px;
	left:59px;
	width:720px;
	height: 50px;
	display:block;
	margin: 0;padding: 0;
/*	background: url(../m/bg-nav-top.jpg) repeat-x top left;*/
}

ul#main-nav li { /* Levin technique */
	height: 50px;
	position:relative;
	font-size: .7em;
	line-height: 10px;
	display: block;
	float:left;
	padding: 0;
	margin: 0;
	background-image:none;
}

ul#main-nav li span {
	top: 0px;
	left: 0px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	z-index:1;
}

ul#main-nav li a {display: block;cursor:pointer;text-decoration:none;color:#FFF;}


li#nav-home span {background-image:url(../m/nav/home.gif);}
body#page-home li#nav-home span {background-image:url(../m/nav/over/home.gif);}
li#nav-home, li#nav-home span, li#nav-home a {width: 114px;}

li#nav-mesothelioma span {background-image:url(../m/nav/mesothelioma.gif);}
body#page-mesothelioma-asbestos-litigation li#nav-mesothelioma span {background-image:url(../m/nav/over/mesothelioma.gif);}
li#nav-mesothelioma, li#nav-mesothelioma span, li#nav-mesothelioma a {width: 191px;}

li#nav-leadership span {background-image:url(../m/nav/leadership.gif);}
body#page-leadership li#nav-leadership span {background-image:url(../m/nav/over/leadership.gif);}
li#nav-leadership, li#nav-leadership span, li#nav-leadership a {width: 140px;}

li#nav-news span {background-image:url(../m/nav/news.gif);}
body#page-news li#nav-news span {background-image:url(../m/nav/over/news.gif);}
li#nav-news, li#nav-news span, li#nav-news a {width: 134px;}

li#nav-contact span {background-image:url(../m/nav/contact.gif);}
body#page-contact li#nav-contact span {background-image:url(../m/nav/over/contact.gif);}
li#nav-contact, li#nav-contact span, li#nav-contact a {width: 140px;}






/*******************************************************
	_HOME PAGE
*******************************************************/

div#home-mid {
	background:url(../m/home-mid-lt.jpg) repeat-x top left;
	width:829px;
	height:243px;
	overflow:hidden;
	margin: 0 0 0 12px;
}

div#home-mid-lt {
	color:#FFF;
	float:left;
	display:inline;
	width:295px;
	margin: 20px 0 0 25px;
}

div#home-mid-lt a {color:#f5aa2a;}

div#home-mid-photos {
	float:right;
	width:492px;
}

div#home-mid h2 { /* Levin technique */
 	width: 266px;
	height: 75px;
	color:#FFF;
	position: relative;
	margin: 0 0 8px 0;
	padding: 0;
	font-size: .6em;
}

div#home-mid h2 span {
 	width: 266px;
	height: 75px;
	background: url(../m/txt-mesothelioma-asbestos.gif) no-repeat top left;
	top: 0px;left: 0px;
	position: absolute;z-index:1;
}

div#home-mid h2 a {
 	width: 266px;
	height: 75px;
	color:#FFF;
	display: block;cursor:pointer;
}




/******* Bottom *********/
div#home-btm {
	width: 827px;
	min-height:210px;
	margin: 3px 0 0 14px;
	background:url(../m/bg-home-btm.jpg) no-repeat top left;
}

div#home-news {
	float:left;
	display:inline;
	width:225px;
	padding:41px 0 0 0;
	margin: 0 43px 0 20px;
}



div#home-leadership {
	float:left;
	width:278px;
	margin: 0 15px 0 0px;
	padding:0px 0 0 0; /*27 top*/
}

div#home-leadership-photo {
	float:right;
	width:131px;
	padding: 31px 4px 0 0;
}

div#home-contact {
	float:left;
	width:225px;
	padding: 41px 0 0 0;
}




/* Levin technique */

div#home-news h3 {
 	width: 225px;
	height: 21px;
	position: relative;
	margin: 0 0 8px 0;
	padding: 0;
	font-size: .6em;
}

div#home-news h3 span {
 	width: 225px;
	height: 21px;
	background: url(../m/txt-latest-news.gif) no-repeat top left;
	top: 0px;left: 0px;
	position: absolute;z-index:1;
}

div#home-news h3 a {
 	width: 225px;
	height: 21px;
	display: block;cursor:pointer;
}

div#home-news ul {
	margin: 0 0 16px 0;
}

div#home-news ul li {
	font-weight:bold;
}


div#home-leadership h3 {
 	width: 99px;
	height: 16px;
	position: relative;
	margin: 27px 0 15px 0;
	padding: 0;
	font-size: .6em;
}

div#home-leadership h3 span {
 	width: 99px;
	height: 16px;
	background: url(../m/txt-leadership.gif) no-repeat top left;
	top: 0px;left: 0px;
	position: absolute;z-index:1;
}

div#home-leadership h3 a {
 	width: 99px;
	height: 16px;
	display: block;cursor:pointer;
}

div#home-contact h3 {
 	width: 225px;
	height: 20px;
	position: relative;
	margin: 0 0 8px 0;
	padding: 0;
	font-size: .6em;
}

div#home-contact h3 span {
 	width: 225px;
	height: 20px;
	background: url(../m/txt-contact.gif) no-repeat top left;
	top: 0px;left: 0px;
	position: absolute;z-index:1;
}

div#home-contact h3 a {
 	width: 225px;
	height: 20px;
	display: block;cursor:pointer;
}






















/*******************************************************
	_LEFT
*******************************************************/
div#left {
	float: left;
	display:inline;
	width: 185px;
	min-height:299px;
	background:url(../m/bg-left.jpg) no-repeat top left;
	margin: 0 0 0 8px;
	padding: 18px 25px 0 18px;
}

div#left h4 {
	font-family:"Times New Roman", Times, serif;
	font-size: .9em;
	font-weight:normal;
	margin: 0 0 10px 0;
}
div#left ul {
	margin: 0 0 28px 0;
}

div#left img {
	display:inline;
}

img.shareImg {
	margin: 0 0 12px 0;
}





/*******************************************************
	_FOOTER
*******************************************************/
div#footer {
	width:829px;
	margin: 12px auto 12px auto;
	text-align:center;
	border:1px solid #a7a19b;
}

div#footer-content {
	border:1px solid #FFF;
	background-color: #797062;
	padding: 14px;
	text-align:center;
}

div#footer p {
	color:#c9c6c0;
	margin: 0 0 0 0;
}

div#footer a {color: #e3e1de;}
div#footer ul {	margin: 0 0 6px 0;}
div#footer li {display: inline;margin: 0 6px 0 0;padding: 0;background-image:none;}








/*******************************************************
	_MISC
*******************************************************/
div.section {padding-bottom: 24px;}

div.col1, div.col2 {
	float: left;
	display: inline;
	width: 45%;
}

div.col1 {margin-right: 24px;}


div.insetRt {
	float: right;
	margin: 0 0 16px 16px;
}

div.dot-h {
	height: 1px;
	line-height:1px;
	font-size:1px;
	margin: 12px 0;
	background: url(../m/dot-h.gif) repeat-x top left;
}

.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px;}
div.hide {display: none;}


.notice, .status, .warning, .errorMsg {
	width:500px;
	padding: 4px;
	margin: 0 0 16px 0;
	background-color:#e3f1a3;
	border: 1px solid #b6cf95;
}

.warning, .errorMsg {
	background-color:#f7ecec;
	border: 1px solid #e8c7c7;
}

.warning a, .errorMsg a {
	color: #A00;
}

.notice p, .status p, .warning p, .errorMsg p {margin:0;}
.notice img, .status img, .warning img, .errorMsg img {display: inline;margin: 0 4px 0 0;vertical-align:middle;}

.errorField {
	background-color:#f7ecec;
}

.req {
	color: #900;
}



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

p.emailFriend {
	padding: 0 0 0 0;
	margin: 16px 0 8px 0;
}

p.rssFeed img, p.emailFriend img {
	display:inline;margin: 0 6px 0 0;vertical-align:middle;
}


p.homeBtmLinks {
	padding: 16px 0 0 0;
}

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






/*******************************************************
	_NEWS / BLOG
*******************************************************/
div.blog-item-full h2 {
	margin: 0 0 2px 0;
}

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

h3.blog-header {
	font-size: 1.3em;
	margin: 0 0 0 0;
	padding: 0 0 0px 0;
}

h3.blog-header a {text-decoration:none;}

h3.blog-header a:hover {text-decoration:underline;}

p.postDate {
	color:#8a9398;
	height:23px;
	padding: 4px 0 0px 0;
	margin: 0 0 14px 0;
	background:url(../m/dot-h.gif) repeat-x bottom left;
}

p.tags {
	font-size:.7em;
	margin: 0;
}

p.cats {
/*	background-color:#8a9398;
	padding: 7px;
	color:#FFF;*/
}

p.cats a {/*color:#FFF;text-transform:uppercase;*/}

div.blog-item-full p.cats {
	background:url(../m/dot-h.gif) repeat-x top left;
	padding: 12px 0 0 0;
}

p.community {
	background-color:#90999d;
/*	border:1px solid #e2e3e4;*/
	color:#FFF;
	padding: 6px;
	margin: 0 0 8px 0;
}

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

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



h3#commentsPosted {
	font-weight:normal;
/*	font-size:.9em;*/
}

.blog-comments h3 span.rssComments {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.55em;
	font-weight:normal;
	margin: -5px 0 0 0;
}

.blog-comments h3 span.rssComments img {display:inline;vertical-align:middle;margin: 0 5px 0 0;}



div.comment {
	padding: 10px;
	margin: 0 0 12px 0;
	border: 1px solid #e2e3e4;
	background-color:#f3f5f6;
/*	background-color:#f7f8f9;*/
/*	background:url(../m/dot-h.gif) repeat-x top left;*/
}

div.comment p.postDate {
	color: #333;
	background-image:none;
	padding: 0 0 0 0;
	margin: 0 0 6px 0;
}

div.comment p {
	margin-left: 32px;
}




div#commentPost {
	width:450px;
	border: 1px solid #e4e3e2;
	margin: 24px 0 0 0;
	background-color:#f6f3f3;
}

div#commentPost h4 {
	color:#FFF;
	padding:6px 0 6px 12px;
	font-size:.8em;
	background-color: #988e89;
}

div#commentPost form {
	padding: 12px;
}

div#commentPost div.warning {
	width:400px;
	margin: 10px 8px 6px 12px;
}

div#commentPost div.postFieldGrp {
	border-width:0;
	background-color:transparent;
	padding: 0;
}

div#commentPost h5.commentAs {
	margin: 0 0 6px 0;
}


input.submitBtn {
	font-size:.8em;
	padding: 2px 4px;
}


form.userForm {
	width:350px;
}

form.userForm input.submitBtn {
	color:#FFF;
	font-weight:bold;
	background-color:#9b510f;
	padding: 8px;
	margin: 0 auto;
	text-align:center;
	display:block;
	border: 1px solid #b97350;
	border-bottom-color:#442e17;
	border-left-color:#442e17;
}


div.postFieldGrp {
	padding: 6px 6px 12px 6px;
	background-color:#f7f7f7;
	border:1px solid #e4e4e4;
	margin: 0 0 12px 0;
}

p.postFieldDesc {
	margin: 0 0 4px 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 #d4d2b0;
	background-color:#faf8da;
	margin: 0 0 12px 0;
}




/*******************************************************
	_CONTACT US
*******************************************************/
form#contactForm {
	border: 1px solid #EEE;
	background-color:#FFF;
	padding: 2px;
}

form#contactForm fieldset {
	padding: 10px;
	background-color:#EEE;
}

