/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body { background:#cccccc;}

img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.417em; color:#A1A1A1;}
input, select {vertical-align:middle; font-weight:normal;}

a {text-decoration:underline; color:#333437;}
a:hover {text-decoration:none;}
ul {list-style:none;}
ul li {
	line-height:1em;
	background:url(images/list-marker.gif) left 1px no-repeat;
	padding:0 0 18px 23px;
	border: 2px;
	border-color: #0F0;
}
li a {color:#212121; text-decoration:underline;} 

.overview_list ul li{
	line-height:1em;
	background:none;
	padding:3px 0 10px 3px;
	border: 2px;
	border-color: #0F0;
}



#page-1 ul li {color:#333333;} 

.float-l {float:left;}
.float-r {float:right;}
.float-c { margin: 0 auto;}
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

.col-1,
.col-2,
.col-3 {float:left;}

/***************header***************/
.header {background:#FFF url(images/header-tail.jpg) left top repeat-x;}
.history {background:url(images/history-left.gif) left top repeat-y;}
.contact_block {background:url(images/roller_profile_blue_small.jpg) left top no-repeat; width:100%; overflow:hidden;}
.recycle_block {background:url(images/smallrecyclelogo.jpg) left top no-repeat; width:100%; overflow:hidden;}
.news_block {background:url(images/roll_grey.jpg) left bottom no-repeat; width:100%; overflow:hidden;}
.contact_block_inner { width:700px; float:right; padding:20px 0px 20px 10px;}
.news_block_inner { width:700px; float:right; padding:20px 0px 20px 10px; background:url(images/C_logo_curves_big.jpg) bottom right no-repeat; background-color:#FFF;}
.stradgy {background:#FFF; padding:20px 60px 20px 60px;}
.stradgy_inner {background:#FFF url(images/stradgy.gif) left top repeat-y;padding:0px 60px 0px 60px;}
.mission_statement{ color:#666; padding:20px 20px 20px 10px} 
.milestone { color:#333; padding:10px 8px 0px 0px} 
.papermill {float:left; padding:10px 10px 10px 10px; width:180px}
.quicklink {float:left; padding:30px 15px 30px 15px; width:160px}
.newstitleblock {float:left; padding:50px 15px 50px 45px; width:160px}

.bio {float:left; padding:10px 10px 10px 10px; width:600px; color:#666}
.clear { clear:both;}





.logo {float:left; padding:17px 0 15px 20px;}
.logo a {font-size:0.833em; text-transform:uppercase; color:#9A9A9A; text-decoration:none;}
.logo a:hover {text-decoration:underline;}

.contact {float:right; text-align:right; color:#9A9A9A; line-height:1.167em; background:url(images/contact-bg.gif) 205px 18px no-repeat; padding:11px 46px 0px 0;}
.contact span {color:#272728;}
.contact .phone {color:#9A9A9A; margin:0 1px 0 9px; word-spacing:normal;}

.menu {background:url(images/menu-tail.jpg) left top repeat-x;}
.menu div {background:url(images/menu-left.jpg) left top no-repeat;}
.menu div div {background:url(images/menu-right.jpg) right top no-repeat; padding:7px 0 10px 19px;}

.menu li {float:left; background:url(images/menu-border.gif) left 16px no-repeat; padding:0 23px 0 26px;}
.menu .extra {background:none; padding:0 28px 0 0;}

.menu li a {display:block; color:#FFF; font-size:1.083em; display:block; line-height:1em; text-decoration:none;}
.menu li a span {display:block;}
.menu li a span span {display:block; padding:15px 18px 15px 20px;}

.menu li a:hover, .menu .act a {color:#212122; text-decoration:none; background:url(images/menu-act-tail.jpg) left top repeat-x;}
.menu li a:hover span, .menu .act a span {background:url(images/menu-act-left.jpg) left top no-repeat;}
.menu li a:hover span span, .menu .act a span span {background:url(images/menu-act-right.jpg) right top no-repeat;}

.slogan {float:left; background:url(images/slogan-tail.jpg) left top repeat-x;}
.slogan .box-left {background:url(images/slogan-left.jpg) left top no-repeat; width:100%;}
.slogan .box-right {background:url(images/slogan-right.jpg) right top no-repeat; padding:101px 0 106px 48px;}

/***************content***************/
.wrapper {width:100%; overflow:hidden;}
.wrapper2 {width:100%;}
.img-indent {float:left; margin:2px 20px 0 0;}
.phone {float:right; word-spacing:1px; margin-right:2px;}
cite {font-style:normal;}

#content {background:#fff url(images/content-tail.jpg) left bottom repeat-x; padding:0px 0 37px 0px;}
.col-2 {padding-left:3px;}
.col-3 {padding-left:3px;}

#page-3 .col-2 .inner {
	height:400px;
}
#page-3 .col-1 .inner {height:400px;}

.col-2 .col-2 {padding-right:3px;}

.cols .col-2 {padding:0 31px;}

.text {padding:0 0 0 21px; height:200px; background-color:#fff}
.text-black {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.417em;
	color:#000;
}
.text-center {text-align:center;}
.text-size14 {font-size:14px;}
.text-color {color:#333437; font-size:0.917em;}
/***************titles***************/
.title1, .title2 {font-size:1.333em; font-weight:bold;}
.title1 div div, .title2 div div {padding:21px 0 16px 36px;}
.title2 div div {padding-left:20px;}

#page-1 .title2 div div {padding-left:0px; text-align:center}

.title3 {font-size:1.0em; font-weight:bold;}
.title3 div div { padding:15px 0px 12px 0px;text-align:center; margin-top:3px}

.title1 {color:#F4F4F4; background:url(images/title1-tail.jpg) left top repeat-x;}
.title1 div {background:url(images/title1-left.jpg) left top no-repeat;}
.title1 div div {background:url(images/title1-right.jpg) right top no-repeat;}

.title2 {color:#2C2D2F; background:url(images/title2-tail.jpg) left top repeat-x;}
.title2 div {background:url(images/title2-left.jpg) left top no-repeat;}
.title2 div div {background:url(images/title2-right.jpg) right top no-repeat;}

.title3 {color:#666; background:url(images/title2-tail.jpg) left top repeat-x;}
.title3 div {background:url(images/title2-left.jpg) left top no-repeat;}
.title3 div div {background:url(images/title2-right.jpg) right top no-repeat;}

h1 {font-size:1.6em; color:#2C2D2F; line-height:1.188em; padding-bottom:17px;}
h2 {font-size:1.333em; color:#2C2D2F; line-height:1.188em; padding-bottom:17px;}
.box2 h2 {color:#F4F4F4; line-height:1.063em; padding:0;}

h3 {font-size:0.917em; text-transform:uppercase; color:#333437; padding-bottom:16px;}
h3 a {color:#4F9BCB; text-transform:none; font-size:1.091em;}
h3 span {color:#367FB7;}

h4 {font-size:0.917em; text-transform:uppercase; color:#333437;}
h5 {font-size:1.6em; color:#BBB; line-height:1.188em; padding-bottom:17px;}

/***************links***************/
.button {display:inline-block; background:url(images/button1-left.png) left top no-repeat; color:#FFF; text-decoration:none; line-height:1em; float:left;}
.button span {display:inline-block; background:url(images/button1-right.png) right top no-repeat; padding:0 4px;}
.button span span {display:inline-block; background:url(images/button1-tail.gif) left top repeat-x; padding:8px 16px 10px;}
.button:hover {cursor:pointer; color:#4F9BCB;}

#Newsletter .button {background:url(images/button2-tail.jpg) left top repeat-x;}
#Newsletter .button span {background:url(images/button2-left.jpg) left top no-repeat; padding:0;}
#Newsletter .button span span {background:url(images/button2-right.jpg) right top no-repeat; padding:6px 10px 7px 11px;}

.link {}
.link:hover {}

/***************boxes***************/
.box1 {background:#EFEFEF;}
.box1 .box-top-left {background:url(images/box1-top-left.gif) left top no-repeat;}
.box1 .box-top-right {background:url(images/box1-top-right.gif) right top no-repeat;}
.box1 .box-bot-left {background:url(images/box1-bot-left.gif) left bottom no-repeat;}
.box1 .box-bot-right {background:url(images/box1-bot-right.gif) right bottom no-repeat; width:100%;}
.box1 .inner {padding:29px 10px 35px 20px;}

.inner {padding:29px 10px 35px 20px;}
.logobox {background::url(images/C_logo_curves.jpg) right bottom no-repeat;}

.box2 {background:#4692C5 url(images/box2-bot.jpg) left bottom repeat-x; margin-right:-1px; position:relative;}
.box2 .box-top {background:url(images/box2-top.jpg) left top repeat-x;}
.box2 .box-top-left {background:url(images/box2-top-left.jpg) left top no-repeat;}
.box2 .box-top-right {background:url(images/box2-top-right.jpg) right top no-repeat;}
.box2 .box-bot-left {background:url(images/box2-bot-left.jpg) left bottom no-repeat;}
.box2 .box-bot-right {background:url(images/box2-bot-right.jpg) right bottom no-repeat; width:100%;}
.box2 .inner {padding:24px 30px 14px 36px;}

.table {border-top:1px solid #CECDCD;}
.table td {border:1px solid #CECDCD; border-top:none;}
.table .col-1, table .col-2, table .col-3 {float:none;}

.table .title {font-size:0.917em; text-transform:uppercase; font-weight:bold; color:#333437;}
.table .title td {padding:13px 0 15px 22px !important;}

.table td {padding:15px 0 16px 22px !important;}
.table .col-1 {padding-left:48px !important;}

.table .pdf {background:url(images/pdf-img.gif) 22px 19px no-repeat;}
.table .doc {background:url(images/doc-img.gif) 22px 19px no-repeat;}
.table a {text-decoration:none; color:#A1A1A1;}
.table a:hover {text-decoration:underline;}

/***************form***************/
#Newsletter {color:#2A2A2A; padding:12px 3px 0 0;}
#Newsletter input {background:#3D7FAA; border:1px solid #2F678A; border-right:1px solid #64B1E2; border-bottom:1px solid #64B1E2;
	color:#FFF; font-size:1.083em; padding:2px 0 0 3px;}
#Newsletter .link {color:#0D3B59; float:left; margin-top:4px;}
#Newsletter .button {float:right;}

#contactForm {padding:0px 50px 20px 50px;}
#contactForm p {padding:0 0 3px 0; margin:0; line-height:1em;}
#contactForm .float-l {line-height:1em; padding:0; margin:0;}
#contactForm input, #contactForm textarea {font-size:1em; line-height:1em; padding:2px 0 0 3px; border:1px solid #A09B96;}
#contactForm .item  .item_textarea{font-size:1.0em; line-height:1em; padding:2px 0 0 3px; border:1px solid #A09B96;}
#contactForm textarea {overflow:hidden;}
.buttons {padding-top:0px; font-size:0.9em; margin-top:10px; color:#666}
.buttons a {float:right; margin-left:20px;}


/***************positioning***************/
p {padding-bottom:16px;}

.margin1 {margin-bottom:18px;}
.margin2 {margin:0 0 20px 53px;}
.margin3 {margin-bottom:3px;}
.margin4 {margin-top:4px;}

.padding1 {padding-bottom:4px;}
.padding2 {padding-bottom:59px !important;}
.padding3 {padding-bottom:0;}
.padding4 {padding-bottom:22px; padding-left:30px}
.padding5 {padding-bottom:14px;}
.padding6 {padding:26px 25px 0 36px;}

/***************page-4***************/
#page-4 .cols .col-2 {padding:0 0 0 42px;}

/***************page-5***************/
#page-5 .cols .col-2 {padding-left:21px;}

/***************page-7***************/
#page-7 .cols .col-2 {padding:0 0 0 29px;}

/***************footer***************/
#footer {background:url(images/footer-tail.jpg) left top repeat-x; color:#9A9A9A; padding:22px 0 15px; text-align:center}
#footer a {border-left:1px solid #9A9A9A; padding-left:7px; margin-left:7px; text-decoration:none; color:#9A9A9A;}
#footer a:hover {text-decoration:underline;}