/* 	File: coonmeso-style.css
	Author: Lindsey Kuper
	Created: August 17, 2005
	Last modified: February 10, 2006
*/

body {
	background-color:#616660;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 76%;
	margin: 0;
	padding-top: 16px;
	padding-bottom: 40px;
	text-align:center;
	line-height: 1.4em;
}

/* ------------[ Layout boxes for all pages ]------------ */

#MetaContainer {
	background-image: url(super-header-background.gif);
	width: 752px;
	text-align: left;
	padding-top: 56px;
	margin: 0em auto;
	background-repeat: no-repeat;
	background-position: top left;
}

#PageContainer {
	background-image: url(page-container-background.gif);
	background-repeat: repeat-y;
	padding-left: 27px;
	padding-right: 25px;
	width: 700px;
}

#Header { margin-bottom: 6px; }

#TopNavigation {
	border-top: 1px solid #797e78;
	border-bottom: 1px solid #797e78;
	background-color: #8d948c;
}

#Main {
	background-image: url(main-background.gif);
	margin: 0;
	border-bottom: 1px solid #889287;
	float: left;
	clear: both;
	width: 685px;
	background-repeat: repeat-y;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#Content {
	background-repeat: repeat-y;
	text-align: left;
	border-bottom: 1px solid #acad9d;
	background-image: url(content-background.gif);
	clear: both;
	float: left;
	width: 668px;
}

#MainContent {
	width: 418px;
	float: left;
}

#VideoBoxContainer {
	text-align: center;
	padding-top: 18px;

}

#VideoBox {
	width: 320px;
	margin: 0em auto;
}

#Sidebar {
	margin-left: 418px;
}


#Footer {
	background-image: url(footer-background.gif);
	height: 51px;
	background-repeat: no-repeat;
	text-align: center;
	clear: both;
	margin: 0;
	background-color: #979e96;
	background-position: bottom;
	border-top: 1px solid #bfc6be;
}

#SubFooter {
	background-image: url(sub-footer-background.gif);
	height: 36px;
	background-repeat: no-repeat;
	width: 752px;
}


/* ------------[ Typography, etc. ]------------ */

h1 {
	font-size: 1.4em;
}

a {
	color: #000;
}

a img, map { border: 0; }

p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0;
}

hr {
	height: 1px;
	background-color: #d4d4c8;
	color: #d4d4c8;
	border: 0;
}

#HistoryOfAsbestosLogo {
	text-align:center;
	margin: 5px;
}

/* Special headings. */
h1#HeadingHistoryOfAsbestos {
	display: block;
	background-repeat:no-repeat;
	margin: 0;
	height: 129px;
	border-bottom: 0;
	padding: 0;
	cursor: hand;
}

h2#HeadingWelcomeToHistoryOfAsbestos,
h2#HeadingResourcesAndLinks,
h2#HeadingWatchTheVideo,
h2#HeadingWriteYourCongressperson,
h2#HeadingSendToFriends,
h2#HeadingContactUs,
h2#HeadingSiteMap {
	display: block;
	background-repeat:no-repeat;
	background-position: bottom right;
	margin: 0;
	height: 47px;
	border-bottom: 0;
	padding: 0;
}

h1 span, h2 span { 
	position: absolute;
	left: -999em;
	top: -999em;
}

.InnerContent {
	padding: 12px;
}

#BottomNavigation ul {
	margin: 0;
	padding: 0;
}

#BottomNavigation li {
	display: inline;
	list-style-type: none;
	border-left: 1px solid #000;
	padding: 0 7px 0 7px;
}

#BottomNavigation li.first { border-left: none; }

/* ------------[ Forms ]------------ */

form#WriteYourCongresspeople textarea {
	width: 376px;
	height: 300px;
	padding: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.submit, form#ContactForm .submit {
	width: auto;
	background-color: #c1cdc1;
	border: 2px outset #c1cdc1;
}

form#ContactForm .radio { 
	width: auto; 
	background-color: transparent;
	border: none;	
}

form#ContactForm .special { width: auto; }

form#ContactForm div.formitem {
	padding-top: 4px;
	padding-bottom: 4px;
	clear: both;
}


label, form#ContactForm div.formitem span.formlabel {
	float: left;
	text-align: right;
	padding-right: 5px;
	width: 160px;
}

form#ContactForm input,
form#ContactForm select,
form#ContactForm textarea {
	width: 160px;
}

/* ------------[ Top navigation ]------------ */

ul#nav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	height: 30px;
	background-color: #8d948c;
	border-top: 1px solid #d3d8d2;
	border-bottom: 1px solid #d3d8d2;
	padding-left: 45px;
}

ul#nav li {
	height: 30px;
	display: block;
	float: left;
	line-height: 30px;
}

ul#nav li.first a {
	background-image: none;
	padding-left: 10px;
}

ul#nav li a {
	text-decoration: none;
	background-image: url(top-nav-background.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	background-position: top left;
	padding-right: 10px;
	height: 30px;
	display: block;
	float: left;
	color: #fff;
}

ul#nav li a:hover {
	background-color: #892e2d;
}

/* ------------[ Image replacement ]------------ */

h1#HeadingHistoryOfAsbestos {
	background-image:url(heading-h1-history-of-asbestos.gif);
}

h2#HeadingWelcomeToHistoryOfAsbestos {
	background-image:url(heading-h2-welcome-to-history-of-asbestos.gif);
}

h2#HeadingResourcesAndLinks {
	background-image:url(heading-h2-resources-and-links.gif);
}

h2#HeadingWatchTheVideo {
	background-image:url(heading-h2-watch-the-video.gif);
`}

h2#HeadingWriteYourCongressperson {
	background-image:url(heading-h2-write-your-congressperson.gif);
}

h2#HeadingSendToFriends {
	background-image:url(heading-h2-send-to-friends.gif);
}

h2#HeadingContactUs {
	background-image:url(heading-h2-contact-us.gif);
}

h2#HeadingSiteMap {
	background-image:url(heading-h2-site-map.gif);
}