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

body {
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	overflow-x: hidden;
}

h1 {
	font-size: 29px;
	letter-spacing: -0.06em;
	}

h2 {
	font-size: 22px;
	letter-spacing: -0.03em;
	}

img {
	border: none;
	}

.container {
	top:0;
	margin: auto;
	padding:  0;
	border: none;
	height: 101%;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.mainTable {
	width: 100%;
	height: 101%;
	}

.left {
	background-image: url(images/bg_left.jpg);
	background-position: top right;
	background-repeat: repeat-y;}
	
.right {
	background-image: url(images/bg_right.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	}
	
#bbb{height:auto;margin:8px 0;}
#bbb img{margin:5px 20px;}
#bbb #spacer{height:12px;}
#bbb span{margin-top:-.4em;vertical-align:top;font-size:105%;}

.center {
	width: 758px;
	height: 1000%;
	background-color: #FFFFFF}

.header {
	background-image:url(images/header.png);
	background-repeat: no-repeat;
	background-position: top center;
	height:221px;
	width: 100%;
	}

.logo {
	height: 171px;
	width: 100%;
	display: block;
	}

.buttonContainer {
	float:left;
	width:100%;
	}

.buttonContainer a {
	width: 100%;
	height: 100%;
	text-decoration: none;
	}

.hoosierShred {
	background-image:url(images/hoosier-shred-off.jpg);
	background-position: center;
	background-repeat:no-repeat;
	width: 340px;
	height: 54px;	
	margin: 0 0 35px 30px;
	float: left;
	display: inline;
	}

.hoosierShred:hover {
	background-image:url(images/hoosier-shred-over.jpg);
	}

.hoosierRecycle {
	background-image:url(images/hoosier-recycle-off.jpg);
	background-position: center;
	background-repeat:no-repeat;
	width: 340px;
	height: 54px;
	float: left;
	display: inline;
	margin-bottom: 35px;
	}

.hoosierRecycle:hover {
	background-image:url(images/hoosier-recycle-over.jpg);
	}

.logo h1 {
	display: none;
	visibility: hidden;
	}

.mainContent {
	height: ;
	padding: 0 6px 6px 6px;
	}

.mainContent p{
	display:block;
	}

#flow1, #flow2, #flow3, #flow4, #flow5, #flow6, #flow7, #flow8 {
	float: left;
	clear: left;
	margin: 1px 25px 0 0;
	display: block;
	}
	
#flow1  {width: 110px; height: 28px}
#flow2  {width: 120px; height: 35px}
#flow3  {width: 136px; height: 35px}
#flow4  {width: 150px; height: 35px}
#flow5  {width: 158px; height: 30px}
#flow6  {width: 190px; height: 120px}
#flow7  {width: 178px; height: 14px}
#flow8  {width: 150px; height: 125px}


.footer { 
	width: 750px;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color: #990000;
	font-size:12px;
	margin: 3px auto 4px auto;
	padding: 4px;
	text-align: center;
	float: left;
} 

.footer a, a:link, .footer a:visited {
	color: #FFFFFF;
	margin-right: 5px;
	display: inline;
	}

.footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 6px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #CCCCCC;
}
	
.onsite img{
	margin: 0;
	}
	
.offsite img{
	}

.phone {
	float:right;
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	color:#333333;
	padding-right: 15px;
	background-color: transparent;}

.nav {
	margin: 20px 0 0 0;
	height: 55px;
	width: 100%;
	float: left;
	}

.nav ul {
	list-style: none;
	text-align: center;
	margin: auto auto 0 60px;
	padding: 0 0 0 0;
	float: left;
	display: inline;
	}

.nav li {
	display: inline;
	margin: 0 20px 0 0;
	text-align: center;
	float: left;
	}

.nav li #last {
	display: inline;
	margin: 0 0 0 0;
	text-align: center;
	}


.nav a:link, .nav a:visited {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.04em;
	text-decoration: none;
	}

.nav a:hover {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.04em;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	z-index: 1000;
	}

.nav #current {
	color: #990000;
	border-top: 2px solid #990000;
	border-bottom: 2px solid #990000;
	}

.nav img{
	border:none;
	}

.recycleNavSpacer {
	height:20px;
	width: 152px;
	float:left;
	display: inline;
	}


.slogan {
	width: 140px;
	border-right: 2px solid #005193;
	font-family:Arial, Helvetica, sans-serif;
	padding: 15px 5px 15px 0;
	margin: 0 30px 0 0;
}
.slogan #text {
	text-align: right;
	font-size:16px;
	font-weight:bold;
	color: #01a850;
	line-height:36px;
	letter-spacing: -0.02em;
}

.slogan #address { 
	font-size:14px;
	color: #005193;
	text-align:right;
	padding: 10px 0 0 0;
	margin-top: 18px;
	font-family:arial;
	font-size:14px;
	letter-spacing: -0.02em;
}

.leftColumn  {
	border-right: 1px dotted #cccccc;}

.leftColumnContact {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
}

.leftColumnContact #header{ 
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.05em;
	margin-bottom: -15px;
	text-decoration: underline;
}

.leftColumnContact #subText{ 
	font-size: 14px;
	font-variant:small-caps;
}

.leftColumnContact #subText2{ 
	font-size: 14px;
	font-weight:bold;
	margin-top: -14px;
}

.home {
	display: inline;
}

.homeLeftHalf {
	width:50%;
	left: 0;
	display:inline;
}

.homeRightHalf {
	width:50%;
	left: 252px;
	display:inline;
}

.cityLinks {
	border: 3px solid red;
	border-left: none;
	float: left; 
	width: 150px; 
	margin: 6px 15px auto -6px;
	}

.cityLinks #header {
	padding: -5px 0 0 5px;
	margin: 2px 0 0 7px;
	}

.cityLinks p #links{
	margin: 6px 0 0 15px;
	}

.cityLinks a, .cityLinks a:link, .cityLinks a:visited {
	text-decoration: none;
	margin-bottom: 8px;
	padding-left: 15px;
	display: block;
	color: #333333;
	}
	
.cityLinks a:hover {
	padding-left: 9px;
	border-left: 6px solid #ff0000;
	color: #000000;
	}

.whyShredLeft {
	width: 170px;
	height: 1000px;
	display: inline;
	float: left;
	margin: 10px 15px -4px -6px;
	padding: 0 5px 0 6px;
	border: 2px solid red;
	border-left: none;
	border-bottom: none;
font-size: 13px;
	}

.whyShredLeft h3 {
	color: #ff0000;
	}

.whyShredLeft a, .whyShredLeft a:link, .whyShredLeft a:visited {
	color: #0000CC;
	text-decoration: none;
	}

.whyShredLeft a:hover {
	color: #0000CC;
	text-decoration: underline;
	}

.whyShredRight {
	display: inline;
	padding: 0 0 0 10px;
	}

.whyShredRight h2 {
	display: block;
	float: left;
	}
	
H2.call {
	font-size: 28px;
	color: #FF0000;
	text-align: center;
	}	

.recycleFacts li {
	margin: 8px 0 8px 10px;
	}

.whyShredList li {
	margin: 8px 0 8px 60px;
	}