/* CSS Document */

/*---------------------  RESET  ---------------------*/

dl, dt, dd, input {
	margin: 0;
	padding: 0;
	list-style: none; }

a img,:link img,:visited img { border: none }

a:focus { outline: none }

html, body {
	margin: 0;
	padding: 0; }

.clear_float { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	clear: both; /* Keeps floated divs from draping over objects beneath them. */
	height: 0px; /* Makes sure the clearing element has no height */
	overflow: hidden;
}

/*---------------------  GENERAL  ---------------------*/

body {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 1.3;
	color: #5A5A5A;
	text-align:center;
	background-color: #5A789B; }

a { color: #377E1F }

#content { line-height: 1.6; }

h1, h2, h3, h4 {
	color: #377E1F; }

h2 {
	font-size: 20px;
	margin: 0;
	padding: 10px 0 0 0; }

h3 {
	font-size: 16px; }

h4 { font-size: 14px; }

h5 {
	color: #5A789B;
	margin: 0; 
	padding: 10px 0;
	font-size: 14px; }

ul {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px; }

p {
	margin: 0; 
	padding: 10px 0; }

select, textarea, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A5A5A; }

/*---------------------  MASTER  ---------------------*/

@media screen {
	#header p {
		display: none; }
	#header h1 {
		position: absolute;
		left: 0;
		top: 35px;
		text-indent: -9999px;
		margin:0;
		padding:0; }
		#header h1 a {
			display: block;
			width: 405px;
			height: 59px;
			background: url(../images/master/logo.jpg) no-repeat; }
	#header img {
		display: none; }
}

@media print {
	#header p {
		position: absolute;
		left: 0;
		top: 70px;
		font-size: 11px; }
	#header h1 { display: none; }
}

#wrapper {
	background: url(../images/master/bkgrnd_page.jpg) repeat-x center top;
	min-width: 770px; }

/*#header ul, #header li, #footer ul, #footer li {
	margin: 0;
	padding: 0;
	list-style: none; }*/

#header {
	position: relative;
	width: 770px;
	height: 105px;
	margin-left: auto;
	margin-right: auto; }
	#header #nav_secondary {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 15px;
		right: 0;
		font-size: 11px; }
		#header #nav_secondary li {
			margin: 0;
			padding: 0;
			list-style: none;
			float: left;
			padding: 0 5px;
			border-right: 1px solid #5A789B; }
			#header #nav_secondary li a {
				color: #456285; }
			#header #nav_secondary li.first_link {
				padding-left: 0; }
			#header #nav_secondary li.last_link {
				padding-right: 0;
				border-right: none; }
	#header #cse-search-box {
		position: absolute;
		bottom: 15px;
		right: 0; }

/*---------- BEGIN MAIN NAV ----------*/

#nav_wrapper {
	background-color: #377E1E; }
	#nav_wrapper #nav_main {
		position: relative;
		width: 770px;
		height: 40px;
		margin-left: auto;
		margin-right: auto;
		background: url(../images/master/bkgrnd_nav.jpg) no-repeat; }
		#nav_wrapper #nav_main ul {
			margin: 0;
			padding: 0;
			list-style: none; }
		#nav_wrapper #nav_main li {
			margin: 0 20px 0 0;
			padding: 0;
			list-style: none;
			float: left; }
			#nav_wrapper #nav_main li a {
				display: inline-block;
				color: #A7CA88;
				line-height: 40px;
				font-size: 16px;
				font-weight: bold; }
				#nav_wrapper #nav_main li a.on {
					color: #FFFFFF;
					background: url(../images/master/nav_main_indicator.png) no-repeat center bottom; }
			#nav_wrapper #nav_main li a:hover {
				color: #FFFFFF;
				cursor: pointer; }
		#nav_wrapper #nav_main #social {
			position: absolute;
			top: 5px;
			right: 0; }
			#nav_wrapper #nav_main #social img {
				float: left;
				margin-left: 5px; }

#slide_menu {
	display: none;
	background-color: #90B267;
	line-height: 1.4;
	color: #FFFFFF; }
	#slide_menu .slide_menu_1,
	#slide_menu .slide_menu_2,
	#slide_menu .slide_menu_3,
	#slide_menu .slide_menu_4,
	#slide_menu .slide_menu_5,
	#slide_menu .slide_menu_6,
	#slide_menu .slide_menu_7 {
		display: none;
		width: 770px;
		margin-left: auto;
		margin-right: auto;
		height: 240px;
		padding-top: 10px;
		text-align: left;
		position: relative; }


/*---------- BEGIN MENU CONTENT ----------*/

/*-- GENERAL COLUMNS --*/

#slide_menu .col_1,
#slide_menu .col_2,
#slide_menu .col_3,
#slide_menu .col_4,
#slide_menu .col_5 {
	float: left;
	margin-right: 30px; }
#slide_menu .omega {
	margin-right: 0; }

/*-- 3 COLUMNS --*/

#slide_menu .grid_3 { }
	#slide_menu .grid_3 .col_1,
	#slide_menu .grid_3 .col_2,
	#slide_menu .grid_3 .col_3 {
		width: 236px; }

/*-- 4 COLUMNS --*/

#slide_menu .grid_4 { }
	#slide_menu .grid_4 .col_1,
	#slide_menu .grid_4 .col_2,
	#slide_menu .grid_4 .col_3,
	#slide_menu .grid_4 .col_4 {
		width: 170px; }

/*-- 4 COLUMNS --*/

#slide_menu .grid_5 { }
	#slide_menu .grid_5 .col_1,
	#slide_menu .grid_5 .col_2,
	#slide_menu .grid_5 .col_3,
	#slide_menu .grid_5 .col_4,
	#slide_menu .grid_5 .col_5 {
		width: 138px; }

#slide_menu dl {
	line-height: 1.4; }
#slide_menu dl dt {
	font-size: 16px;
	font-weight: bold;
	color: #1D5F08;
	border-top: 1px solid #B2CA96;
	border-bottom: 1px solid #B2CA96;
	padding: 55px 0 2px 0; }
#slide_menu dl dd {
	font-size: 13px;
	line-height: 14px;
	border-bottom: 1px solid #B2CA96; }
#slide_menu dl dd a {
	display: block;
	padding: 5px 0;
	color: #FFFFFF;
	background-color: #90b267;
	text-decoration: none; }
	#slide_menu dl a:hover {
		/*color: #1D5F08;*/
		/*text-decoration: underline;*/ }
#slide_menu dl.additional_information {
	/*padding-top: 10px;
	padding-left: 10px;
	border-left: 1px solid #B2CA96;*/ }
	#slide_menu dl.additional_information dt {
		border-top: none;
		padding: 5px 0;
		font-size: 14px; }
	/*#slide_menu dl.additional_information dd {
		padding-left: 10px; }
	#slide_menu dl.additional_information a {
		color: #FFFFFF; }*/

/*-- RESIDENTIAL --*/

#slide_menu dl.res_community dt {
	background: url(../images/master/nav_main_res_community.jpg) no-repeat center top; }
#slide_menu dl.res_recycling dt {
	background: url(../images/master/nav_main_res_recycling.jpg) no-repeat center top; }
#slide_menu dl.res_yard_waste dt {
	background: url(../images/master/nav_main_res_yard_waste.jpg) no-repeat center top; }
#slide_menu dl.res_hazardous_waste dt {
	background: url(../images/master/nav_main_res_hazardous_waste.jpg) no-repeat center top; }

/*-- BUSINESS --*/

#slide_menu dl.bus_recycling dt {
	background: url(../images/master/nav_main_bus_recycling.jpg) no-repeat center top; }
#slide_menu dl.bus_hazardous_waste dt {
	background: url(../images/master/nav_main_bus_hazardous_waste.jpg) no-repeat center top; }
#slide_menu dl.bus_special_waste dt {
	background: url(../images/master/nav_main_bus_special_waste.jpg) no-repeat center top; }

/*-- GENERAL --*/

#slide_menu p {
	padding: 0;
	margin: 5px 0; }

#slide_menu img {
	padding: 0;
	margin: 0;
	border: 0; }

#slide_menu h2 {
	padding: 0;
	margin: 10px 0;
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
	color: #1D5F08; }

#slide_menu h4 {
	padding: 0;
	margin: 10px 0;
	line-height: 1.2;
	font-size: 15px;
	font-weight: bold;
	color: #1D5F08;
	/*text-align: center;*/ }
	#slide_menu h4 a {
		color: #FFFFFF;
		text-decoration: none; }
	#slide_menu h4 a:hover {
		color: #1D5F08;
		/*text-decoration: underline;*/ }

#slide_menu h3 {
	display: none;
	position: absolute;
	right: 0;
	bottom: 15px;
	margin: 0;
	padding: 0;
	font-size: 13px; }
	#slide_menu h3 a {
		display: inline-block;
		padding: 4px 0;
		width: 115px;
		text-align: center;
		/*background-color: #5a789b;*/
		background-color: #3d5d83;
		color: #FFFFFF;
		text-decoration: none; }
		#slide_menu h3 a:hover {
			background-color: #5a789b;
			/*background-color: #83A0BF;*/
			/*background-color: #3d5d83;*/
			/*text-decoration: underline;*/ }
			
	/*-- BEGIN MOCK UP --*/
	#slide_menu th, #slide_menu td {
		line-height: 1.4;
		padding-right: 30px;
		text-align: left; }
	#slide_menu th {
		font-size: 16px;
		font-weight: bold;
		color: #1D5F08; }
	#slide_menu td {
		font-size: 13px;
		color: #FFFFFF; }
		#slide_menu td a {
			color: #FFFFFF;
			text-decoration: none; }
	/*-- END MOCK UP --*/
	

#slide_menu_bottom {
	background: #FFFFFF url(../images/master/nav_menu_bottom.jpg) no-repeat center;
	height: 32px; }

/*---------- END MENU CONTENT ----------*/

#content_wrapper {
	background-color: #FFFFFF; }
	#content_wrapper #content { 
		width: 770px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		padding-bottom: 40px; }


#footer {
	width: 770px;
	padding: 20px 0 40px 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left; }
	#footer #copyright {
		float: left;
		font-weight: bold;
		color: #B3C4D5; }
		#footer #copyright span {
			vertical-align: middle;
			margin-right: 5px; }
		#footer #copyright img {
			vertical-align: middle; }
	#footer #subscribe {
		float: right;
		text-align: right;
		font-weight: bold;
		color: #B3C4D5; }
		#footer #subscribe span {
			vertical-align: middle;
			margin-right: 5px; }
		#footer #subscribe img {
			vertical-align: middle; }


/*#footer {
	height: 80px;
	width: 770px;
	padding: 20px 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left; }
	#footer a {
		color: #b3c4d5; }
	#footer ul, #footer li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left; }
	#footer #nav_footer_main {
		margin-bottom: 5px; }
		#footer #nav_footer_main li {
			margin-right: 10px;
			font-weight: bold; }
	#footer #nav_footer_secondary {
		margin-bottom: 20px; }
		#footer #nav_footer_secondary li {
			padding: 0 5px;
			font-size: 11px;
			border-right: 1px solid #9DAFC1; }
			#footer #nav_footer_secondary li.first_link {
				padding-left: 0; }
			#footer #nav_footer_secondary li.last_link {
				padding-right: 0;
				border-right: none; }*/
	/*#footer #main_nav,
	#footer #secondary_nav {
		float: left;
		width: 80%;
		margin-bottom: 5px; }
		#footer #main_nav li,
		#footer #secondary_nav li {
			float: left; }
			#footer a,
			#footer #main_nav li a,
			#footer #secondary_nav li a {
				color: #b3c4d5; }
	#footer #main_nav { }
		#footer #main_nav li {
			font-size: 12px;
			font-weight: bold;
			padding-right: 15px; }
		#footer #secondary_nav {
			margin-bottom: 15px; }
			#footer #secondary_nav li {
				padding: 0 5px;
				font-size: 11px;
				border-right: 1px solid #9DAFC1; }
				#footer #secondary_nav li.first_link {
					padding-left: 0; }
				#footer #secondary_nav li.last_link {
					padding-right: 0;
					border-right: none; }*/
	/*#footer #copyright {
		float: right;
		font-size: 11px;
		color: #b3c4d5; }*/
	/*#footer #green_communities img {
		vertical-align: middle;
		margin-right: 10px; }*/