/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/*Removes underline and color from links*/
a { color: inherit; text-decoration: none; outline: none;}

body {
	/*background: url(img/bg2.png) repeat;*/
	background-color: #000;
	color: #fff;
	font: 12px/18px Helvetica, Arial, sans-serif;
	margin: 80px 0 40px 0;
} 

.clearfix {
	clear: both;	
}

strong {
	color: #fff;
	font-weight: bold;
}

em {
	font-weight: inherit;
	font-style: italic;
}

#container {
	width: 650px;
	margin: 0 auto;
}

div#header {
	display: block;
	background: url(img/logo.png) no-repeat bottom center;
	background-color: #fff;
	width: 650px;
	height: 100px;
	margin: 0 auto;
	position: relative;
	text-align: right;
	font:12px/12px Helvetica, Arial, sans-serif;
	/*text-transform: uppercase;
	letter-spacing: 1px;*/
	
}
	div#header a {
		color: #fff;	
	}

	div#header a:hover {
		text-decoration: underline;
	}

	a.logo {
		/*background: url(img/logo.png) no-repeat top left;*/
		position: absolute;
		bottom: -35px;
		left: 16px;
		height: 97px;
		width: 217px;
	}
	
	.links {
		position: absolute;
		bottom: 18px;
		right: 15px;
	}
	
#title {
	background: #fff;
	height: 40px;
	display: none;
	margin-bottom: 2px;
}

div#footer {
	display: block;
	/*background: url(img/logo.png) no-repeat top center;*/
	background-color: #c7e9f4;
	width: 650px;
	margin: 2px auto 0px auto;
	font: bold 12px/18px Helvetica, Arial, sans-serif;
}

	div#footer p {
		text-align: right;
		color: #464646;
		padding: 5px;
		font-size: 10px;
	}


div#flash {
	width: 650px;
	height: 324px;
	margin: 0 auto 2px auto;
	background-color: #fff;
}

.copy {
	float: left;	
}

dl {
	width: 650px;
	margin: 0px auto;
}

dd {
	background: url(img/bg_copy.png) repeat;
	padding: 12px 10px 24px 10px;
	position: relative;
}

dd h2 {
	color: #fff;
	font-size: 18px;
	margin: 9px 10px 18px 10px;
	font-weight: bold;
}

dd p, dd ul {
	/*width: 425px;*/
	font: 12px/18px Helvetica, Arial, sans-serif;
	margin-bottom: 12px;
	padding: 0 10px;
	color: #999;	
}

	dd ul {
		margin-left: 20px;	
		width: 450px;
	}
	
	dd ul li {
		margin-bottom: 12px;
	}

dd a{
	font-weight: bold;
	color: #82e1ff;
	text-decoration: underline;
}

dd a:hover {
	color: #DE9338;
}

dt {
	position: relative;
	width: 650px;
	height: 52px;
}

dt a {
	display: block;
	width: 650px;
	height: 52px;
}


dt img.illustration {
	position: absolute;
}

dt.denial a {
	background: url(img/tabs.png) no-repeat -736px 0px;
}

	dt.denial a:hover, dt.denial a.sel {
	background: url(img/tabs.png) no-repeat 0 0;
	}
	
	dt.denial img.illustration {
		bottom: 1px;
		left: 10px;
		z-index: 10;
	}
	
	dd.denial .denialimages {
		margin: -13px 0 20px -9px;
		width: 650px;
	}
		
		dd.denial .denialimages img {
			margin: 0;	
		}
		
		dd.denial .denialimages img.last {
			margin: 0;	
		}
	
	dd.denial .infographics {
	
		/*display: block;
		position: absolute;
		top: 10px;
		right: 10px;*/
		float: right;
		margin: 0 10px 10px 20px;
	}
	
	
		dd.denial .infographics img {
			margin-bottom: 10px;
			display:block;
		}
	
	
	
dt.awareness a{
	background: url(img/tabs.png) no-repeat -736px -52px;
}

	dt.awareness a:hover, dt.awareness a.sel {
	background: url(img/tabs.png) no-repeat 0 -52px;
	}
	
	dt.awareness img.illustration {
		bottom: -10px;
		right: 10px;
		z-index: 10;
	}

dt.bargaining a{
	background: url(img/tabs.png) no-repeat -736px -105px;
}

	dt.bargaining a:hover, dt.bargaining a.sel {
	background: url(img/tabs.png) no-repeat 0 -105px;
	}
	
	dt.bargaining img.illustration {
		bottom: -5px;
		left: 10px;
		z-index: 10;
	}
	
	dd.bargaining img.gr1 {
		text-align: center;
		margin: 0 0 20px 20px;
		float: right;
	}
	
	dd.bargaining img.gr2 {
		float: left;
		margin: 0 10px 20px 10px;
	}
	
	dd.bargaining img.gr3 {
		float: left;
		margin: 0 20px 20px 0;
	}

dt.acceptance a{
	background: url(img/tabs.png) no-repeat -736px -158px;
	
}

	dt.acceptance a:hover, dt.acceptance a.sel {
	background: url(img/tabs.png) no-repeat 0 -158px;
	}
	
	dt.acceptance img.illustration {
		bottom: 0px;
		right: 10px;
	}
	
	dd.acceptance img.img1 {
		margin: -12px 0 20px -10px;	
	}
	
	dd.acceptance input {
		border: 0;
		background: #464646;
		padding: 5px;
		margin: 0 5px;
		color: #fff;
		font-weight: bold;
	}
	
	dd.acceptance img.gr1 {
		float: right;
		margin: 0 10px 20px 20px;
	}

dt.action a{
	background: url(img/tabs.png) no-repeat -736px -212px;
}

	dt.action a:hover, dt.action a.sel{
	background: url(img/tabs.png) no-repeat 0 -212px;
	}
	
	dt.action img.illustration {
		bottom: -1px;
		left: 10px;
		z-index: 0;
	}
	
	dd.action img.gr1 {
		margin: 20px 0 20px 10px;
	}
	
	
	dd.action ul li {
		background: url(img/bullet.png) no-repeat 0 50%;
		padding-left: 25px;
	}
	
	dd.action a.more {
		margin: 0 0 20px 20px;
	}
	
	dd.action h3 {
		margin: 20px 0 10px 0;
	}
	
	dd.action h4 {
		text-indent: -9999px;
		margin: 20px 0 10px 0;
	}
	
	dd.action h3#indoortips {
		background: url(img/indoortips.png) no-repeat top left;
		text-indent: -9999px;
		height: 90px;
		width: 312px;
	}
	
	dd.action h4#bathroom {
		background: url(img/bathroom.png) no-repeat top left;
		height: 28px;
		width: 103px;
	}
	
	dd.action h4#kitchen {
		background: url(img/kitchen.png) no-repeat top left;
		height: 28px;
		width: 79px;
	}
	
	dd.action h4#laundry {
		background: url(img/laundry.png) no-repeat top left;
		height: 29px;
		width: 86px;
	}
	
	dd.action h3#outdoortips {
		background: url(img/outdoortips.png) no-repeat top left;
		text-indent: -9999px;
		height: 89px;
		width: 331px;
	}
	
	dd.action h4#lawn {
		background: url(img/lawn.png) no-repeat top left;
		height: 28px;
		width: 57px;
	}
	
	dd.action h4#recreation {
		background: url(img/recreation.png) no-repeat top left;
		height: 28px;
		width: 114px;
	}
	
	dd.action h4#carwash {
		background: url(img/carwash.png) no-repeat top left;
		height: 28px;
		width: 93px;
	}
	
	dd.action h3#nextdoortips {
		background: url(img/nextdoortips.png) no-repeat top left;
		text-indent: -9999px;
		height: 90px;
		width: 393px;
	}
	
	dd.action h3#outandabouttips {
		background: url(img/outandabouttips.png) no-repeat top left;
		text-indent: -9999px;
		height: 90px;
		width: 575px;
	}
	
	dd.action h4#grocery {
		background: url(img/grocery.png) no-repeat top left;
		height: 28px;
		width: 187px;
	}
	
	dd.action h4#driving {
		background: url(img/driving.png) no-repeat top left;
		height: 29px;
		width: 76px;
	}
	
	dd.action ul.more {
		display: none;
	}
	
	
table {	
	margin-left: -10px;
}



#about, #join {
	background-color: #fff;
	color: #464646;
	padding: 30px;
}

#about p, #join p {
	margin: 12px 0;
}

#about ul li p.link {
	margin-bottom: -12px;	
}

#about h2, #join h2 {
	font-size: 24px;
	font-weight: bold;
	color: #3CA5D2;
	margin: 24px 0 12px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#about h3, #join h3 {
	font-size: 18px;
	margin: 18px 0 9px 0;
}



#join a, #about a {
	color: #3CA5D2;
	font-weight:bold;
	text-decoration: underline;
}

#join a:hover {
	color: #DE9338;
	
}

#about h2#resources a {
	text-decoration: none;
}

	#about h2#resources {
		margin-top: 30px;
		border-top: 1px solid #ccc;
		padding-top: 40px;
	}

#join img {
	background-color: #3ca5d2;
	width: 650px;
	overflow: hidden;
	margin-left: -30px;
	margin: 0 0 10px -30px;
}
#join ul li {
	margin: 20px 0;	
}

#join p.desc {
	margin-top: -5px;
}
