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

/************* CSS RESET *************/

/*** Mike's CSS Reset ***/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}  img  {border-style: none;} * {margin: 0; padding: 0;} html  {	width: 100%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

*, div  {
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}

* {margin: 0; padding: 0;}

img  {border-style: none;}

html  {width: 100%;}

a:link {color:inherit;text-decoration:none;}
a:visited {color:inherit;text-decoration:none;}
a:hover {color: inherit;text-decoration:none;}
a:active {color:inherit;text-decoration:none;}

/************* END RESET *************/

@media (max-width: 640px) {}

/************* GENERAL STYLING *************/

body {
	width: 100%;
	height: auto;
	/*font-family: Arcus, sans-serif;
	-moz-font-feature-settings: "liga=0";*/
	font-family: Arial, sans-serif;
	color: #808080;
	background-color: #E5E5E5;
}

ul li {display: inline;}

/*h1, h2, h3, h4, h5, h6 {font-family: Arcus, sans-serif;}*/

h1 {font-size: 6em;}

h2 {font-size: 40px;}

h3 {font-size: 30px;}

h4 {font-size: 22px;}

h5 {font-size: 1.25em;}

h6 {font-size: 18px;}

.clear {clear: both;}

.maincolor {color: #39B500;}

a.maincolor:hover {color: #39B500;}

.bold  {font-weight: bold;}

.error  {color: red; margin: 20px auto;}

.content {
	width: 1024px !important;
	height: auto;
	margin: 0 auto;
}

.alt_heading_blue  {color: #2C8FC6;}

.alt_heading_orange  {color: #E6871D;}

.alt_heading_purple  {color: #9334C8;}




/************* END GENERAL STYLING *************/


/*************** HEADER STYLING ***************/

#header_container  {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999999999;
}

#headercontent {
	min-width: 1024px;
	position: relative;
}

#header_left  {
	width: 345px;
	height: 81px;
	color: #FFFFFF;
	float: left;
	padding: 6px 10px 6px 125px;
	margin-left: -115px;
	background-image: url('../images/logo_bg.png');
	background-repeat: no-repeat;
	background-position: top right;
}

#headerlogo {
	width: 45%;
	height: auto;
	float: left;
	padding-top: 3px;
}

#headerlogo img  {
	width: 100%;
	height: auto;
}

#header_title  {
	width: 55%;
	height: auto;
	float: left;
	font-size: 20px;
	line-height: 23px;
	padding: 8px 0 0 10px;
	font-style: italic;
}

#header_right  {
	width: 75%;
	height: auto;
	padding-right: 10px;
	position: absolute;
	top: 0;
	right: 0;
}

@media (max-width: 1033px) {#header_right  {padding-right: 10px;}}

#header_right_top  {
	width: auto;
	height: auto;
	float: right;
}

.signinwidget {
	height: 38px;
	background-color: #E5E5E5;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#EBEBEB), to(#DEDEDE));
	background: -webkit-radial-gradient(circle, #EBEBEB, #DEDEDE);
	background: -moz-radial-gradient(circle, #EBEBEB, #DEDEDE);
	background: -ms-radial-gradient(circle, #EBEBEB, #DEDEDE);
	background: radial-gradient(circle, #EBEBEB, #DEDEDE);
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 2px 2px grey;
	float: right;
	padding: 7px 10px 0 10px;
}

#signinwidgetlarge  {
	padding: 10px 10px 0 10px;
	margin-right: 14px;
}

.signedin #signinwidgetlarge  {padding-top: 1px;}

#signin {
	font-size: 24px;
	font-style: italic;
	text-shadow: 1px 1px #E5E5E5, -1px -1px #bbb;
	/*font-family: Arcus, sans-serif;*/
}

#signup {
	font-size: 18px;
	font-style: italic;
	text-shadow: 1px 1px #E5E5E5, -1px -1px #bbb;
}

.signin_text  {font-size: .6em;}

#signinwidget .act_link  {
    color: #636363;
    height: 29px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #d1d1d1;
}

#signinwidget .act_last  {
    height: 38px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

#header_right_bottom  {
	width: 100%;
	height: auto;
	padding-top: 12px;
}

#headertopmenu {
	width: 100%;
	max-width: 800px;
	min-width: 720px;
	height: auto;
	float: right;
	/*font-family: Arcus, sans-serif;*/
}

#headertopmenu ul {
	float: left;
	padding-top: 3px;
}

#headertopmenu ul li {
	font-style: italic;
	padding-right: 15px;
	color: white;
	font-size: 18px;
	text-shadow: 1px 1px 1px #999999;
	display: inline-block;
}

#search {
	display: inline;
	float: right;
}

#search form {
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	width: 182px;
	height: 27px;
}

#search form input  {
	border: none;
	color: white;
	background-color: transparent;
	padding-left: 22px;
	padding-top: 5px;
}

#headermenucontent  {
    margin: auto;
}

#headermenu  {
	width: 100%;
	height: 26px;
	text-align: center;
	background-color: #363636;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2C2C2C), to(#3E3E3E));
	background: -webkit-linear-gradient(top, #2C2C2C, #3E3E3E);
	background: -moz-linear-gradient(top, #2C2C2C, #3E3E3E);
	background: -ms-linear-gradient(top, #2C2C2C, #3E3E3E);
	background: -o-linear-gradient(top, #2C2C2C, #3e3e3e);
	background: linear-gradient(top, #2C2C2C, #3e3e3e);
	color: white;
}

#headermenucontent ul {padding-top: 5px;}

#headermenucontent ul li {
	margin-right: 20px;
	font-size: 90%;
}




/************* END HEADER STYLING *************/




/*************** SLIDER STYLING ***************/

#sliding_content  {
	width: 100%;
	height: auto;
}

.bg_green {
    width: 100%;
	height: auto;
	background-color: #39B500;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#B7E258), to(#198A00));
	background: -webkit-radial-gradient(circle, #B7E258, #198A00);
	background: -moz-radial-gradient(circle, #B7E258, #198A00);
	background: -ms-radial-gradient(circle, #B7E258, #198A00);
	background: radial-gradient(circle, #B7E258, #198A00);
}

.bg_orange {
    width: 100%;
	height: auto;
	background-color: #E6871D;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#EFC66C), to(#BC520E));
	background: -webkit-radial-gradient(circle, #EFC66C, #BC520E);
	background: -moz-radial-gradient(circle, #EFC66C, #BC520E);
	background: -ms-radial-gradient(circle, #EFC66C, #BC520E);
	background: radial-gradient(circle, #EFC66C, #BC520E);
}

.bg_blue {
    width: 100%;
	height: auto;
	background-color: #2C8FC6;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#3CA3D3), to(#0B4474));
	background: -webkit-radial-gradient(circle, #3CA3D3, #0B4474);
	background: -moz-radial-gradient(circle, #3CA3D3, #0B4474);
	background: -ms-radial-gradient(circle, #3CA3D3, #0B4474);
	background: radial-gradient(circle, #3CA3D3, #0B4474);
}

.bg_purple {
    width: 100%;
	height: auto;
	background-color: #9334C8;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#C16AE3), to(#4A0F74));
	background: -webkit-radial-gradient(circle, #C16AE3, #4A0F74);
	background: -moz-radial-gradient(circle, #C16AE3, #4A0F74);
	background: -ms-radial-gradient(circle, #C16AE3, #4A0F74);
	background: radial-gradient(circle, #C16AE3, #4A0F74);
}


/******* NAV ARROWS *******/

#stretching_content  {
    position: absolute;
    top: 100px;
    width: 100%;
    z-index: 10;
    height: 100px;
}

#leftarrow, #rightarrow  {margin-top: 150px;}

#leftarrow {float: left;}

#rightarrow  {float: right;}

#selector  {
	width: 600px;
	margin: 0px auto;
	position: relative;
	bottom: -321px;
}

#selector a  {margin-right: 10px;}

/******* END NAV ARROWS *******/




/******* SLIDERS *******/

.slider_inner  {
	width: 100%;
	max-width: 1024px;
	height: 500px;
	margin: 0 auto;
	position: relative;
	z-index: -1;
    color: #FFFFFF;
	padding-top: 115px;
	overflow: hidden;
}

.slider_img  {
	width: auto;
	max-width: 40%;
	height: 365px;
}

.slider_img img  {
	width: 100%;
	height: auto;
}

.slider_text  {
	width: 60%;
	height: auto;
}

.slider_img_left .slider_img,
.slider_img_left .slider_text   {float: left; text-align: left;}
.slider_img_left .slider_text  {padding-left: 20px;}

.slider_img_right .slider_img,
.slider_img_right .slider_text   {float: right; text-align: right;}
.slider_img_right .slider_text  {padding-right: 20px;}

#slide_thank_you  {}
#slide_accounts  {}
#slide_success  {}
#slide_sponsor  {}
#slide_locations  {}

#slide_thank_you .slider_img img  {
	width: auto;
	height: 100%;
}

#slide_thank_you .slider_text img  {
	width: 40px;
	height: auto;
}

#slide_accounts .slider_img img  {
	width: auto;
	height: 100%;
}

#slide_success .slider_img img  {
	width: auto;
	height: 100%;
}

#slide_sponsor .slider_img  {
	width: 40%;
	background-image: url('./../images/plate.png');
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}

#slide_sponsor .slider_img img  {
	width: auto;
	height: 150px;
	margin-top: 50px;
}

#slide_locations .slider_img img  {
	width: auto;
	height: 100%;
}

.slider_text h1  {
	font-size: 54px;
	line-height: 62px;
	margin-top: 30px;
	margin-bottom: 14px;
	font-weight: 700;
}

.slider_text h2  {
	font-size: 32px;
	line-height: 36px;
	margin-bottom: 12px;
	font-weight: 700;
}

.slider_text p  {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
}

.slider_text a  {font-style: italic;}
.slider_text a:hover  {text-decoration: underline;}




/************* MAIN BODY STYLING *************/

#body_container {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D2D2D2), to(#d2d2d2), color-stop(.5,#EBEBEB));
	background: -webkit-linear-gradient(0% 100% 90deg,#D2D2D2, #EBEBEB, #EBEBEB 50%,#D2D2D2 100%);
	background: -moz-linear-gradient(0% 100% 90deg,#D2D2D2, #EBEBEB, #EBEBEB 50%,#D2D2D2 100%);
	background: -ms-linear-gradient(0% 100% 90deg,#D2D2D2, #EBEBEB, #EBEBEB 50%,#D2D2D2 100%);
	background: -o-linear-gradient(0% 100% 90deg,#D2D2D2, #EBEBEB, #EBEBEB 50%,#D2D2D2 100%);
	background: linear-gradient(0% 100% 90deg,#D2D2D2, #EBEBEB, #EBEBEB 50%,#D2D2D2 100%);
}

#bodycontentwrapper {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}

@media (max-width: 1034px) {#bodycontentwrapper  {padding: 20px 10px;}}

.bodycolumn  {
	height: auto;
	float: left;
}

#bodyleft {
	width: 50%;
	padding-right: 20px;
	border-right: 1px solid #C6C6C6;
}

#bodycenter {
	width: 30%;
	padding: 20px 14px 0 20px;
}

#bodyright {	width: 20%;}




/************* END MAIN BODY STYLING *************/




/************* LEFT COLUMN STYLING *************/

/******* BREADCRUMBS STYLING *******/

#breadcrumbs  {
	width: 100%;
	height: 18px;
	margin-left: -63px;
	margin-bottom: 20px;
}

.breadcrumb-item  {	
	width: auto;
	height: 18px;
	float: left;
	color: #FFF;
	font-size: 12px;
	text-align: right;
	padding: 2px 10px 2px 14px;
	margin-right: 2px;
	position: relative;
	background: #8e8e8e;
	background: -moz-linear-gradient(top, #8e8e8e 0%, #bababa 9%, #bababa 92%, #d5d5d5 100%);
	background: -webkit-linear-gradient(top, #8e8e8e 0%,#bababa 9%,#bababa 92%,#d5d5d5 100%);
	background: linear-gradient(to bottom, #8e8e8e 0%,#bababa 9%,#bababa 92%,#d5d5d5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#d5d5d5',GradientType=0 );
	border-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	overflow: hidden;
}

.breadcrumb-item::before  {
	content: '';
	width: 18px;
	height: 18px;
	border-radius: 9px;
	position: absolute;
	top: 0;
	left: -12px;
}

.breadcrumb-item:nth-child(2)::before  {background-color: #D1D1D1;}
.breadcrumb-item:nth-child(3)::before  {background-color: #D1D1D1;}
.breadcrumb-item:nth-child(4)::before  {background-color: #CECECE;}
.breadcrumb-item:nth-child(5)::before  {background-color: #CECECE;}

#home  {
	width: 127px;
	padding-right: 14px;
	background: url("../images/breadcrumb_home.png") !important;
	background-repeat: no-repeat;
	margin-right: -4px;	
}

#home::before  {display: none;}




/******* SUBPAGE HEADERS *******/

.page_header  {
	width: 1024px;
	height: 400px;
    padding-top: 140px;
    color: #FFFFFF;
    margin: 0 auto;
}

.header_img  {
	width: 30%;
	height: 260px;
	float: left;
}

.header_img img  {
	width: auto;
	height: 100%;
	padding-top: 20%;
}

.header_text  {
	width: 70%;
	height: 260px;
	float: left;
	text-align: right;
	padding-right: 30px;
}

.header_large_text  {
	width: 100%;
	height: auto;
	font-size: 130px !important;
}

.header_small_text  {
	width: 100%;
	height: auto;
	font-size: 80px !important;
	padding-top: 14px;
	padding-right: 50px;
}

#eddie_header  {}
#start_header  {}
#account_header  {}
#reduce_header  {}
#contact_header  {}
#about_header  {}
#redeem_header  {}
#signup_header  {}
#upgrade_header  {}
#ad_header  {}




/******* LEFT CONTENT STYLING *******/

.heading  {
	width: 100%;
	height: auto;
	font-size: 30px;
	padding-bottom: 14px;
}

.sub_heading  {
	width: 100%;
	height: auto;
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 14px;
}

.heading_text  {float: left;}

.heading_img  {margin-left: 10px;}


.newsentry-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%; /* Adjust width to be 100% of the parent container */
    max-width: 1200px; /* Optional: Set a max width to avoid it stretching too wide */
    margin: 0 auto; /* Center the container */
}

.main-column {
    width: auto; /* Main content takes 60% */
}

.sidebar {
    width: auto; /* Sidebar (Our Staff) takes 35% */
}

.newsentry {
    margin-bottom: 20px;
}

/* Have a Question should span full width */
.full-width {
    width: 100%;
}

.person {
    margin-bottom: 10px; /* Space between each person entry */
    white-space: nowrap; /* Prevents the text from wrapping to the next line */
    overflow: hidden; /* Hides any overflow text */
}

.person .name {
    font-weight: bold; /* Bold for the name */
}



.left_content_wrapper .newsentry  {
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 20px;
	padding-bottom: 22px;
}

.newsentrytitle  {
	width: 100%;
	height: auto;
	font-size: 20px;
	margin-bottom: 6px;
	line-height: 24px;
	/*font-family: Arcus, sans-serif;*/
}

.left_content_wrapper .newsentrytitle  {font-weight: 700;}

.newsentrydate {
	width: 100%;
	height: auto;
	font-size: 14px;
}

.left_content_wrapper .newsentrydate  {margin-bottom: 10px;}

.newsentrycontent  {
	width: 100%;
	height: auto;
	line-height: 20px;
}

.newsentrycontent a {
    color: #39B500;
    font-weight: bold;
}

.newsentrycontent img  {
	width: 75%; 
	height: auto;
	border-radius: 7px;
	margin: 10px;
}




/******* LEFT CONTENT PAGE IDS/ADJUSTMENTS *******/

#home_container  {padding-top: 20px;}
#latestnews  {}
#main_news  {}
#news_home  {}
#start_recycling  {}
#general_public  {}
#schools  {}
#businesses  {}
#groups_teams  {}
#money  {}
#about_us  {}
#green_tips  {}
#recycling_network  {}
#faq  {}
#reduce_reuse  {}
#contact  {}
#about_card  {}
#upgrade_account  {}

#home_container .newsentry,
#general_public .newsentry,
#schools .newsentry,
#businesses .newsentry,
#groups_teams .newsentry,
#money .newsentry,
#about_us .newsentry,
#green_tips .newsentry,
#recycling_network .newsentry,
#reduce_reuse .newsentry,
#start_recycling .newsentry,
#about_card .newsentry,
#upgrade_account .newsentry  {
	border: none;
	padding-bottom: 0px;
	margin-bottom: 26px;
}

.location-list {
    list-style: none;
    padding: 0;
}

.location-list li {
    margin-bottom: 15px;
}

.location-list li a {
    display: block;
    padding: 10px;
    background-color: #f2f2f2;
    border-radius: 5px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

.location-list li a:hover {
    background-color: #ddd;
}

/* .location  {
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #AAAAAA;
}

.location_title  {
	width: 100%;
	height: auto;
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 10px;
} */

.location_image  {
	width: 100%;
	height: auto;
	margin-bottom: 12px;
}

.location_image img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.location_details  {
	width: 100%;
	height: auto;
}

.location_pin  {
	width: 40%;
	height: auto;
	float: left;
}

.location_pin img  {
	width: 100%;
	height: auto;
}

.location_contact  {
	width: 60%;
	height: auto;
	float: left;
	padding-left: 10px;
}

.location_address  {
	width: 100%;
	height: auto;
	font-size: 22px;
	padding: 4px 0;
}

.location_phone  {
	width: 100%;
	height: auto;
	font-size: 14px;
}

.location_hours  {
	width: 200%;
	height: auto;
	padding-top: 8px;
}

.location_hours_item {
    width: auto;
    height: auto;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}

.hours_left {
    width: 100px; /* Set a fixed width for consistency */
    height: auto;
    font-weight: 700;
}

.hours_right {
    height: auto;
    text-align: left; /* Keep the time left-aligned */
}


.upgrade_btn  {
	width: 100%;
	height: auto;
	border-radius: 14px;
	background-color: #FFF;
	text-align: center;
	padding: 20px;
	font-size: 24px;
	line-height: 24px;
	color: #FFFFFF;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
	background-color: #198A00;
}

.upgrade_btn a  {color: #FFFFFF;}

.signupentry {	
	width: 100%;
	height: auto;
	padding-bottom: 14px;
	margin-bottom: 10px;
}

.signupitem  {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.signupentrylabel  {
	width: 60%;
	height: auto;
	float: left;
}

.signupentryinput  {
	width: 40%;
	height: auto;
	float: left;
}

.signupentryinput input  {
	width: 100%;
	height: auto;
	font-size: 14px;
	color: #808080;
	border: 1px solid #c7c8ca;
	padding: 4px;
	margin-top: -4px;
}

#signup_submit  {
	width: 85px;
    height: 25px;
	border: none;
    color: white;
    float: right;    
    background-image: url(../images/green_submit.png);
	background-color: transparent;
	cursor: pointer;
}

#signup_submit:hover  {background-image: url(../images/green_submit_hover.png);}

.signup_return_message  {
	width: 100%;
	height: auto;
	font-size: 24px;
	padding-bottom: 14px;
}




/************* END LEFT COLUMN STYLING *************/




/******* CENTER CONTENT STYLING *******/

.center_indent  {
	width: 100%;
	height: auto;
	padding-left: 24px;
}

.person  {
	width: 100%;
	height: auto;
	margin-bottom: 14px;
}

.name  {
	width: 100%;
	height: auto;
	font-size: 14px;
	font-weight: 700;
}

.role  {
	width: 100%;
	height: auto;
	font-size: 14px;
	line-height: 17px;
	padding: 2px 0 3px 0;
}

.phone_number  {
	width: 100%;
	height: auto;
	font-size: 14px;
	line-height: 17px;
	font-weight: 700;
}

#twitter, #facebook {
	font-size: 14px;
	padding-left: 30px;
}

#facebook_img  {
    position: relative;
    top: 5px;
    min-height: 22px;
    min-width: 12px;
    display: inline-block;
    background: url(../images/facebook.png) no-repeat;
}

#facebook_img:hover  {background: url(../images/facebook_hover.png) no-repeat;}

#twitter .newsentrytitle, #facebook .newsentrytitle{
    font-weight: 700;
    font-size: 16px;
}

#twitter_img  {
    position: relative;
    top: 8px;
    height: 16px;
    width: 23px;
    display: inline-block;
    background: url(../images/twitter.png) no-repeat;
}

#twitter_img:hover  {background: url(../images/twitter_hover.png) no-repeat;}




/************* END CENTER COLUMN STYLING *************/




/************* RIGHT COLUMN STYLING *************/

#bodyrightcolumnad {
    min-height: 650px;
	width: 100%;
	height: 600px;
}

.address {
	margin-top: 10px; /* Adjust for space between lines */
	margin-left: 20px; /* Adjust for indentation */
}



/************* END RIGHT COLUMN STYLING *************/




/************* FOOTER STYLING *************/

#footer {
	width: 100%;
	height: 40px;
	background-color: #555555;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#464646), to(#656565));
	background: -webkit-linear-gradient(top, #464646, #656565);
	background: -moz-linear-gradient(top, #464646, #656565);
	background: -ms-linear-gradient(top, #464646, #656565);
	background: -o-linear-gradient(top, #464646, #656565);
	background: linear-gradient(top, #464646, #656565);
	color: white;
	/*font-family: Arcus, sans-serif;*/
	font-size: 11px;	
	padding: 8px 0 0 0;
}

#footercontent  {padding: 0;}

#footeraddress {
	width: 35%;
	float: left;
}

#footermenu {
	padding: 6px 12px 0 12px;
	float: left;
}

#footermenu ul li {padding-right: 7px;}

#footerlogo {
	float: right;
	margin-top: -3px;
}




/************* END FOOTER STYLING *************/






/*************** LOGIN STYLING ***************/

#overlay {
    width: 100%;
    height: 100%;
	position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    background-color: rgba(51,51,51,0.5);
	display: none;
}

#login_box  {
    width: 400px;
	height: 280px;
    border-radius: 10px;
   	position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -140px;
    margin-right: -200px;
    z-index: 1001;
    background-color: white;
	display: none;
}

#login_title  {
    width: 100%;
	height: 40px;
	position: relative;
	padding: 12px 10px;
	border-top-left-radius:10px;
    border-top-right-radius:10px;
    background-color: rgb(46,175,21);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#55d623), to(#0c6206));
	background: -webkit-linear-gradient(0% 100% 90deg,#0c6206, #55d623);
	background: -moz-linear-gradient(0% 100% 90deg,#0c6206, #55d623);
	background: -ms-linear-gradient(0% 100% 90deg,#0c6206, #55d623);
	background: -o-linear-gradient(0% 100% 90deg,#0c6206, #55d623);
	background: linear-gradient(0% 100% 90deg,#0c6206, #55d623);
	color: #FFFFFF;
}

#login_x  {
	position: absolute;
	top: 12px;
	right: 10px;
}

#login_form  {
	width: 100%;
	height: auto;
	padding: 16px;
}

#login_form input {
    width: 100%;
    height: auto;
    font-size: 14px;
	color: #808080;
	border: 1px solid #c7c8ca;
	padding: 10px;
	margin-bottom: 10px;
}

.login_item  {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 6px 0 12px 0;
}

#login_form input[type="submit"]  {
    width: 85px;
    height: 25px;
    color: #FFFFFF;
    border: none;
    background-image: url("../images/loginbutton.png");
	padding: 0;
}




/*************** LOGGED IN STYLING ***************/




































#cancount h6, #cancount input {
	float: left;
}

#cancount {
	margin: 20px 0 25px 0;
}

#cancount input {
	border: none;
	background-color: transparent;
	color: #39B500;
	/*font-family: Arcus, sans-serif;*/
	font-size: 20px;
	margin: -3px 0 0 8px;
	font-style: italic;
}

.static_content  {
	width: 100%;
	height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

#payment_history, #visits, #last_transactions table{
    padding-left: 10px;
    width: 440px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
        background-color: #d8d8d8;
    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdcdcd), to(#e1e1e1));
	background: -webkit-linear-gradient(0% 100% 90deg,#e1e1e1, #cdcdcd);
	background: -moz-linear-gradient(0% 100% 90deg,#e1e1e1, #cdcdcd);
	background: -ms-linear-gradient(0% 100% 90deg,#e1e1e1, #cdcdcd);
	background: -o-linear-gradient(0% 100% 90deg,#e1e1e1, #cdcdcd);
	background: linear-gradient(0% 100% 90deg,#e1e1e1, #cdcdcd)
}

#payment_history table, #visit_table  {width: inherit;}

#payment_history th, #visits th  {
    text-align: left;
    color: #2B81AD;
    border-bottom: 2px solid #9e9e9e;
}

#payment_history td, #visits td  {border-bottom: 2px solid #d5d5d5;}



































.title_small  {font-size: .6em;}

.list  {display: block;}

.line  {
    padding-left: 3px;
    border-left: 1px solid gray;
}

.link_block li, .sidelinks  {
    margin-top: 12px;
    margin-left: 30px;
}



.value  {
	font-size: 1.5em;
    font-weight: bold;
}

.value_desc  {padding-bottom: 15px;}



.details{padding:30px;}

#visits .total_line td{border-top: 2px solid #9E9E9E;}

.redeem  {padding-top: 10px;}

#balance  {color: #898989;}

#signout  {color: #b1b1b1;}

#redeem_link  {padding-top: 10px;}

#user_summary  {margin-top: 20px;}

#user_summary h4, #last_transactions h4  {display: inline}

#user_summary a, #last_transactions a, #accnt_edit_form a  {color: #2B81AD;}

.line2  {padding-left: 61px;}

.info_title  {font-weight: bold;}

.user_info  {margin: 0 0 20px 20px;}

#edit_submit a  {
    padding-left: 22px;
    color: white;
}

#edit_submit  {
    border: medium none;
    color: white;
    height: 26px;
    width: 86px;
    background: url("../images/edit_submit.png") no-repeat right top;
}

#edit_submit:hover  {background: url("../images/edit_submit_hover.png") no-repeat right top;}

#account_summery .heading  {margin-left: -20px}

.extended  {width: 270px;}

.unit_count{
    text-shadow:  3px 3px 3px #333333;
    font-style: italic;
    font-size: 110px;
}
.quick_clicks a{
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.signup_type{
    width: 100%;
    height: auto;
	min-height: 114px;
    background: url(../images/signup_tile.png) no-repeat;
	background-size: 100%;
    margin-bottom:  20px;
	text-align: center;
	padding: 26px 10px 0 10px;
}

.detail_link:hover, .link_sim{
    cursor: pointer;
    text-decoration: underline;
}
.detail_table{
    margin-left: 15px;
    width: 400px;
}
#visits .detail_table td{
    border-bottom: none;
}
.total_line{
    font-weight: bold;
}
.location img, .loc_info{
    float: left;
}

.name{
    font-size: 14pt;
    font-weight: bold;
}
.contact_info{
    font-weight: bold;
}
#message_box{
    width: 400px;
    border-radius: 10px;
    display: none;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -200px;
    margin-right: -200px;
    z-index: 1001;
    -moz-opacity: 1.0;
    opacity: 1.0;
    background-color: white;
}
#message_title{
        width: inherit;
        display: table-cell;
        vertical-align: middle;
        height: 40px;
        color: white;
        border-top-left-radius:10px;
        border-top-right-radius:10px;
        background-color: rgb(46,175,21);
    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#55d623), to(#0c6206));
	background: -webkit-linear-gradient(0% 100% 90deg,#0c6206, #55d623);
	background: -moz-linear-gradient(0% 100% 90deg,#0c6206, #55d623);
	background: -ms-linear-gradient(0% 100% 90deg,#0c6206, #55d623);
	background: -o-linear-gradient(0% 100% 90deg,#0c6206, #55d623);
	background: linear-gradient(0% 100% 90deg,#0c6206, #55d623);
}
#message_title a{
    float: right;
    padding-right: 5px;
    margin-top: -10px;
}
#message_text{
    padding-left: 16px;
}
#message_form input{
    width: 366px;
    height: 25px;
    margin-top: 16px;
    margin-left: 15px;
    border: 1px solid #c7c8ca;
}
#message_form textarea{
    resize: none;
    width: 366px;
    margin-top: 16px;
    margin-left: 15px;
    border: 1px solid #c7c8ca;
}
#message_form input[type="submit"]{
    font:inherit;
    color: white;
    margin: 10px 0 0 0;
    border: none;
    display: inline;
    width: 85px;
    height: 25px;
    background-image: url("../images/loginbutton.png");
}
#message_form label{
    color:#39B500;
    margin:20px 176px 0 16px;
}
#account_header #reuse_title{
    font-size: 5em;
    padding-top: 0;
    float: left;
}
#reuse_title .indent{
    padding-left: 120px;
}

.category_list{
    padding-left: 30px;
}
.category_list li{
    display: block;
}
.content_list li{
    padding-top: 5px;
    padding-bottom: 5px;
    list-style: disc inside none;
    display: list-item;
}
ul.content_list{
    list-style: disc inside none;
    display: block;
}
#redeem_form{
    background: url('../images/request_bg.png') no-repeat;
    width: 441px;
    padding-left: 25px;
    padding-top: 20px;
}
#donate_form{
        background: url('../images/donate_bg.png') no-repeat;
    width: 441px;
    padding-left: 25px;
    padding-top: 20px;
}
#donate_form input[type=text]{
    width: 100px;
    margin-right: 10px;
}
#redeem_form h2, #donate_form h2{
    font-size: 1.5em;
    display: inline;
}
.input_line{
    margin-bottom: 30px;
}
.fine_print_container{
    margin-top: 10px;
}
.fine_print{
    float: left;
}
input.fine_print{
    margin-left: 80px;
    margin-top: 10px;
}
#redeem_form input[type="submit"],#donate_form input[type="submit"]{
    height: 25px;
    width: 85px;
    color: white;
    border: none;
    background: url('../images/button_purple.png');
}
#redeem_form input[type="submit"]:hover,#donate_form input[type="submit"]:hover{
    background: url('../images/button_purple_hover.png');
}
.footnote{
    font-size: .7em;
}
#reward li{
    margin-left: 0;
}
#card_heading img{
    float: left;
}
#card_heading{
    font-size: 15pt;
}
#card_heading p{
    padding-top: 5px;
}
.mascot_slide{
    text-align: left;
    font-style: italic;
    text-shadow: 1px 1px 1px grey;
}
.htp li{
    list-style-type: circle;
    
    display: block;
}
/* Styling for the unordered list */
.location-list {
    list-style-type: disc; /* Bullet points */
    margin-left: 20px; /* Indent the list */
    padding-left: 0; /* Remove default padding */
}

/* Styling for each list item */
.location {
	content: "•"; /* Custom dot */
    position: absolute;
    left: 0;
    color: #000; /* Dot color */
    font-size: 20px; /* Dot size */
    line-height: 1;
    margin-bottom: 10px; /* Space between items */
    font-size: 18px; /* Font size for readability */
    position: relative; /* For positioning pseudo-elements */
    padding-left: 20px; /* Space for the dot */
}

/* Removing default bullet points and adding custom dots */
.location-list {
    list-style: none; /* Remove default bullets */
    padding-left: 0; /* Remove default padding */
}

/* Styling for the links */
.location a {
    text-decoration: none;
    color: #000; /* Link color */
}

.location a:hover {
    text-decoration: underline; /* Underline on hover */
}

/* Optional: Styling for the bold text */
#contact > div:first-child + div {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
}