/*
 *	Project		: Erin Recycling Sub Page
 *	Author		: Joshua Kendall, Senior Web Developer <jkendall@inovat.com>
 *	Date		: February 11th, 2008
 *	Revision	: 0
 */

*
{
	font-family		: "Trebuchet MS", verdana, arial, helvetica, sans-serif!important;
}

body
{
	background		: #fafafa url('../images/subpage_background.jpg') repeat-x top left;
	color			: #666;
	font-family		: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size		: 76%;
	margin			: 0;
	padding			: 0;
}

	body img
	{
		border: 0;
	}

	body .clear
	{
		display	: block;
		clear	: both;
	}

	body .outline
	{
		border	: 1px solid #000;
	}

	body div#ContentPane
	{
		position	: relative;
			top		: 0;
			left	: 0;
		width		: 100%;
		height		: auto;
		margin		: 0 auto;
		padding		: 0;
		z-index		: 60000!important;
	}
		body div#ContentPane div#header
		{
			position	: relative;
				top		: 0;
				left	: 0;
			width		: 900px;
			height		: 107px;
			margin		: 0 auto;
		}

			body div#ContentPane div#header div#logo
			{
				position	: relative;
					top		: 0;
					left	: 0;
				width		: 180px;
				height		: 107px;
				margin		: 0 auto;
				padding		: 0;
				float		: left;
			}

			body div#ContentPane div#header ul
			{
				position	: relative;
					top		: 0;
					left	: 0;
				width		: 713px;
				height		: 35px;
				margin		: 35px 0 0 5px;
				padding		: 0;
				float		: left;
			}

				body div#ContentPane div#header ul li
				{
					position		: relative;
						top			: 0;
						left		: 0;
					width			: auto;
					height			: 35px;
					margin			: 0 auto;
					padding			: 10px 7px;
					float			: left;
					list-style		: none;
				}

					body div#ContentPane div#header ul li a
					{
						color			: #666;
						font-size		: 1.1em;
						font-weight		: bold;
						text-decoration	: none;
					}

		body div#ContentPane div#content
		{
			position	: relative;
				top		: 0;
				left	: 0;
			width		: 900px;
			height		: auto!important;
			margin		: 0 auto 0 auto;
			padding		: 0;
			clear		: both;
			font-size	: 1.1em;
			line-height	: 1.6em;
			overflow	: visible!important;
		}

			body div#ContentPane div#content div#flash
			{
				background	: #fff;
				position	: relative;
					top		: 0;
					left	: 0;
				width		: 893px;
				height		: 328px;
				margin		: 0 auto 0 -2px;
				padding		: 0 0;
				display		: block;
				border-left	: 6px solid #fff;
				border-right: 6px solid #fff;
				clear		: both;
			}

				body div#ContentPane div#content div#flash img
				{
					position	: relative;
						top		: 0;
						left	: 0;
					width		: 893px;
					height		: 328px;
					margin		: 0 auto;
					padding		: 0 0;
					display		: block;
					clear		: both;
				}

			body div#ContentPane div#content h2
			{
				margin		: 0;
				padding		: 10px 15px;
				background	: #0f3e74;
				color		: #fff;
				display		: block;
				font-weight	: normal;
			}

			body div#ContentPane div#content div#left, body div#ContentPane div#content div#right
			{
				background	: #fff url(../images/content_gradient.jpg) repeat-x top left!important;
			}

			body div#ContentPane div#content div.padd
			{
				padding		: 10px 15px!important;
				height		: auto;
			}

			body div#ContentPane div#content div#left
			{
				position	: relative;
					top		: 0;
					left	: 0;
				width		: 620px;
				height		: auto;
				padding		: 0;
				margin		: 0 auto 0 -2px;
				float		: left;
				border		: 6px solid #fff;
				background	: #fff;
			}

				body div#ContentPane div#content div#left div#main_gallery_image
				{
					width	: 590px;
					height	: 300px;
					border	: 2px solid #ddd;
					margin	: 20px auto;
				}

				body div#ContentPane div#content div#left p
				{
					padding	: 0 15px!important;
					color	: #4a4a4a;
				}

				body div#ContentPane div#content div#left h3
				{
					padding	: 0 15px;
					color	: #4a4a4a;
				}

				body div#ContentPane div#content div#left form
				{
					position	: relative;
					width		: 500px;
					margin		: 0 auto!important;
					padding		: 18px 0 0 0;
				}

					body div#ContentPane div#content div#left form fieldset
					{
						border-left		: 0;
						border-right	: 0;
						border-bottom	: 0;
						border-top		: 2px solid #333;
					}

						body div#ContentPane div#content div#left form fieldset legend
						{
							padding		: 3px;
							font-weight	: bold;
						}

					body div#ContentPane div#content div#left form label
					{
						display		: block;
						clear		: left;
						float		: left;
						width		: 110px;
						text-align	: right;
						font-weight	: bold;
						padding		: 5px;
					}

					body div#ContentPane div#content div#left form input.input
					{
						position	: relative;
						display		: block;
						float		: left;
						border		: 2px solid #aaa;
						width		: 200px;
						margin		: 0 auto;
					}


					body div#ContentPane div#content div#left form select
					{
						position	: relative;
						display		: block;
						float		: left;
						border		: 2px solid #aaa;
						width		: 200px;
						margin		: 0 auto;
					}

					body div#ContentPane div#content div#left form textarea.textarea
					{
						position	: relative;
						display		: block;
						clear		: both;
						border		: 2px solid #aaa;
						width		: 310px;
						height		: 100px;
						margin		: 0;
						padding		: 2px;
						font		: inherit;
					}

			body div#ContentPane div#content div#right
			{
				position	: relative;
					top		: 0;
					left	: 0;
				width		: 254px;
				height		: auto;
				padding		: 0;
				margin		: 0 -3px 0 auto;
				float		: right;
				border		: 6px solid #fff;
				background	: #fff;
			}

				body div#ContentPane div#content div#right p
				{
					padding	: 10px 15px;
					color	: #4a4a4a;
				}

				body div#ContentPane div#content div#right ul
				{
					list-style	: none;
				}

				body div#ContentPane div#content div#right p,
				body div#ContentPane div#content div#right ul
				{
					padding-top	: 10px;
					color		: #4a4a4a;
				}

				body div#ContentPane div#content div#right form
				{
					padding	: 10px 10px 10px 15px;
				}

	body div#footer
	{
		background		: #fafafa url('../images/footer_background2.jpg') repeat-x top left;
		position		: relative;
			bottom		: 0;
			left		: 0;
		width			: 100%;
		height			: 180px;
		margin			: 0;
		padding			: 0;
		display			: block;
		clear			: both;
		z-index			: 70000;
	}

		body div#footer div#premiertech
		{
			position		: relative;
				top			: 0;
				left		: 0;
			width			: 910px;
			height			: 74px;
			margin			: 0 auto;
			padding			: 0;
			display			: block;
			clear			: both;
		}

		body div#footer div#premier
		{
			position		: relative;
				top			: 0;
				left		: 0;
			width			: 910px;
			height			: auto;
			margin			: 0 auto;
			padding			: 0;
			display			: block;
			clear			: both;
		}
		.block { display: block; z-index: 4000!important; }
		.fheight { top: 0!important; height: 59px!important; margin-bottom: 10px!important; }




		body div#footer div#fcontent
		{
			background		: transparent;
			position		: relative;
				top			: 0;
				left		: 0;
			width			: 150px;
			height			: 90px;
			margin			: 0 auto;
			padding			: 0;
			display			: block;
			float			: left;
			line-height		: 2.2em!important;
		}

			body div#footer h4
			{
				font-size	: 1.1em; 
				color		: #006c43;
				margin		: 0 0 1px 0;
			}

			body div#footer p,
			body div#footer p a
			{
				font-size	: 1em; 
				color		: #404347;
				margin		: 0;
				line-height	: 1.95em;
				padding		: 0 0 0px 0;
			}

		body div#footer div#login
		{
			background		: transparent;
			position		: relative;
				top			: 0;
				left		: 0;
			width			: auto;
			height			: auto;
			margin			: 0 auto;
			padding			: 0 0 0 20px;
			display			: block;
			border-left		: 2px solid #d4d4d4;
			float			: left;
		}

			body div#footer div#login form
			{
				text-align		: left;
			}

				body div#footer div#login form input
				{
					font-size	: .9em;
					margin		: 2px 0 0 5px;
					height		: 1.1em;
				}

				body div#footer div#login form input.name
				{
					width	: 140px;
				}

		body div#footer div#links
		{
			text-align		: right;
			color			: #858585;
		}

			body div#footer div#links *
			{
				color	: #858585!important;
			}

			body div#footer div#links strong
			{
				color	: #afaeae;
			}

			body div#footer div#links p a strong
			{
				color			: #404347!important;
				margin			: 0;
			}

			body div#footer div#links p a:hover strong
			{
				color			: #c60!important;
				margin			: 0;
			}

/* PHOTO & VIDEO GALLERIES */
ul#gallery_thumbs
{
	width		: 215px;
	margin		: 0 auto;
	padding		: 0;
	list-style	: none;
}

	ul#gallery_thumbs li
	{
		margin		: 0 auto;
		padding		: 0px;
		float		: left;
	}


	ul#gallery_thumbs li.even
	{
		padding		: 0px 0px 0px 15px!important;
		float		: left;
	}

	ul#gallery_thumbs li a
	{
		display	: block;
	}

	ul#gallery_thumbs span.clear
	{
		clear	: both;
	}

ul#gallery_cat_thumbs
{
	list-style	: none;
	margin		: 0 auto;
	padding		: 0 15px!important;
}

	ul#gallery_cat_thumbs li
	{
		padding		: 10px 10px;
		margin		: 10px 15px 0 0;
		float		: left;
		width		: 267px;
		height		: 104px;
		background	: #ddd;
	}

		ul#gallery_cat_thumbs li.right
		{
			padding		: 10px 10px;
			margin		: 10px 0 0 0;
			float		: left;
			width		: 267px;
			height		: 104px;
			background	: #ddd;
		}

	ul#gallery_cat_thumbs li a
	{
		display			: block;
		color			: #666!important;
		font-weight		: normal;
		text-decoration	: none;
		padding			: 0 0 10px 0;
	}

		ul#gallery_cat_thumbs li a span.thumb
		{
			height	: 100px;
			width	: 100px;
			margin	: 0;
			float	: left;
			display	: block;
			border	: 2px solid #666;
		}

		ul#gallery_cat_thumbs li a span.thumb_movie
		{
			height	: 100px;
			width	: 100px;
			margin	: 0;
			float	: left;
			display	: block;
			border	: 2px solid #666;
			background	: url('../images/movie_thumb.png') no-repeat center center;
		}

		ul#gallery_cat_thumbs li a span.description
		{
			margin	: 30px 0px 30px 10px;
			float	: left;
		}

	ul#post_bullets
	{
		list-style-image	: url('../images/post.png')!important;
		margin				: 0 0 0 -5px;
	}

		ul#post_bullets li
		{
			padding	: 2px 0;
		}

/* LOGIN FORM */
body form#login
{
	text-align		: left;
}

	body form#login label
	{
		display	: block;
	}

	body form#login input
	{
		font-size	: .9em;
		margin		: 2px 0 ;
		height		: 1.1em;
		display		: block;
	}

	body form#login input.name
	{
		width	: 140px;
	}

	body form#login input.submit
	{
		height	: 26px;
		display	: inline;
	}

/* MISC */
.alignl
{
	text-align	: left!important;
}

.alignc
{
	text-align	: center!important;
}

.alignr
{
	text-align	: right!important;
	padding-right: 10px;
}

.brat
{
	color		: #900;
	font-size	: 1.2em;
	font-weight	: bold;
	padding		: 20px 5px 0 5px!important;
	display		: block;
}

.missing
{
	border	: 2px solid #900;
}

.minus_bold
{
	font-weight	: normal;
}

* a
{
	color	: #666!important;
}

* a:hover
{
	color	: #c60!important;
}

ul.arrows
{
	margin				: 0;
	list-style-image	: url('../images/small_arrow.png')!important;
}

	ul.arrows li
	{
		margin	: 0 0 0 -20px!important;
		padding	: 0 0 8px 0!important;
	}

.up15
{
	margin	: -15px 0 0 0;
}

div#right ul.margin_clear
{
	margin	: 0 0 0 -10px!important;
}

.margin_clear_2plus
{
	margin	: 2px 0 0 0!important;
}

form p
{
	margin	: 0 10px 0 0!important;
	padding	: 0 10px 0 0!important;
}

#gallery_cat_thumbs a
{
	color	: #666!important;
}

#gallery_cat_thumbs a:hover
{
	color	: #c60!important;
}

ul.no_list_style
{
	list-style			: none!important;
	list-style-image	: none!important;
}

p.space_3
{
	padding	: 7px 0 0 0!important;
}

p.author
{
	margin	: 0 0 0 43px;
}

.author_news
{
	padding	: 0 15px 0 0;
}

.clear6 { display : none; }

.dim
{
	color	: #c0c0c0!important;
}

.AspNet-DetailsView-Value label
{
	clear: both!important;
	width: 180px!important;
	display: block!important;
	float: left!important;
	padding: 3px 0;
	margin: 0!important;
}

.AspNet-DetailsView-Value input, .AspNet-DetailsView-Value select
{
	width: 180px!important;
	margin: 3px 0;
}

.AspNet-DetailsView-Value textarea
{
	width: 380px!important;
	height: 100px;
	margin: 3px 0;
	font: inherit;
}

.AspNet-Login
{
	padding: 0 15px 10px 15px;
	margin-bottom: 20px!important;
}

#Login2.AspNet-Login
{
	padding: 0 0 0 0;
}

.AspNet-Login label
{
	clear: both!important;
	width: 80px!important;
	display: block!important;
	float: left!important;
	padding: 3px 0;
	margin: 0!important;
}

.AspNet-Login input
{
	width: 100px!important;
	margin: 3px 0;
}

#Login2.AspNet-Login label
{
	clear: both!important;
	width: 80px!important;
	display: block!important;
	float: left!important;
	padding: 3px 0;
	margin: 0!important;
}

#right div.padd p
{
	padding: 0 15px!important;
}

#Login2.AspNet-Login div.AspNet-Login-TitlePanel span {	display: none; }
#need_login { margin-top: -30px; }
#fvSignup_btnSubmit { width: 65px!important; }
#fvSignup_Country, #fvSignup_State, #fvSignup_Heard { width: 184px!important; }
#fvSignup_Comments { width: 361px!important; }
#fvSignup { width: 465px!important; margin: 0 auto!important; }
.validator { margin-left: -250px!important; top: -5px!important; padding: -5px 0 0 0!important; }/* This should move the (required) to the left of the box */

#fvSignup ul li { list-style: none!important; }

#LoginView1_Login1
{ margin-top: -20px!important }

#LoginView1_Login1 .AspNet-Login-TitlePanel
{ display: none }

#Login2 .AspNet-Login-SubmitPanel input
{
	position: absolute;
	width: 55px!important;
	margin-left: 165px!important;
	margin-top: -25px!important;
	z-index: 1000!important;
	display: inline;
}
#need_login
{
	position: absolute!important;
	margin-top: 0px!important;
}

label
{
	vertical-align: middle!important;
	line-height: 23px!important;
}

#Login2_Password
{
	width: 75px!important;
}

#login p, #login p a
{
	line-height: 2.25em!important;
}


.submit_arrow
{
	background	: transparent url('../images/arrow.png') no-repeat center left;
	border		: 0;
}
	
ul#loggedin_ul, ul#loggedin_ul li, ul#contact_info, ul#contact_info li
{
	list-style: none!important;
	margin: 0!important;
	padding: 0!important;
}

ul#loggedin_ul li, ul#contact_info li
{
	padding: 3px 0!important;
}

ul#contact_info li
{
	margin: -10px 0!important;
}

#Login2_Password
{
	width: 75px!important;
	line-height: 14px;
	height: 14px!important;
	margin-right: 0;
}

#Login2_UserName
{
	line-height: 14px;
	height: 14px!important;
	margin-right: 0;
	margin-bottom: 0px;
}

label
{
	vertical-align: middle!important;
	line-height: 23px!important;
}

.AspNet-Login-PasswordPanel label
{
	margin-top: 0px!Important;
	vertical-align:middle!important;
	line-height: 14px!important;
}

#Login2 .AspNet-Login-SubmitPanel input
{
	position: absolute;
	width: 55px!important;
	margin-left: 168px!important;
	margin-top: -22px!important;
	z-index: 1000!important;
	display: inline;
}


#LoginView1_Login1_LoginButton
{
	width: 55px!important;
}


#right p a
{
	border: 0!important;
	text-decoration: none!important;
}

/*
 *	[-- ADOBE ICON LISTS --]
 *
 */

ul.adobe, ul.adobe li
{
	list-style	: none;/*url('../images/pdficon_small.gif');*/
	margin		: 0 10px 0 20px;
	padding		: 4px 0;
}

ul.adobe li
{
	padding		: 5px;
	border		: 1px solid #aaa;
	margin		: 3px 0;
}

ul.adobe.left
{
	float	: left;
	width	: auto;
}

strong.alert
{
	padding: 5px;
	color: #000;
	width: 400px;
	margin: 0 auto 10px auto;
	left: 230px;
	display: block;
	text-align: center;
}

div.graybar
{
	position	: absolute!important;
		top		: 107px!important;
		left	: 0;
	width		: 100%!important;
	height		: 39px!important;
	background	: url('../images/subpage_graybar.png') repeat-x top left;
	z-index		: 40000!important;
	display:	: block;
}

div.graybar div.tagline
{
	postition		: relative;
		top			: 0;
		left		: 0;
	width			: 900px;
	height			: auto;
	margin			: 0 auto!important;
	padding			: 2px 0 0 0;
	vertical-align	: middle!important;
}

.layouts
{
	
}

.layouts p
{
	display	: block!important;
	padding	: 10px 0!important;
	margin	: 3px 0 20px!important;
}

.layouts p label
{
	font-weight	: bold!important;
	padding		: 2px 0!important;
	margin		: 3px 0!important;
}

.layouts p input, .layouts p select
{

	margin	: 0!important;
}

.lerror
{
	display: none;
	font-weight:bold;
}

.lerror.bc
{
	display: block!important;
}

.missing
{
	border	: 2px solid #f00!important;
}

h2.thanks
{
	background: #fff!important;
	color: #000!important;
}

body div#footer div#fcontent h4
{
	font-size	: 1.1em; 
	color		: #006c43;
	margin		: -5px 0 6px 0;
}

p.note
{
	font-size	: 1em;
	background	: #f5f5dc;
	color		: #000000;
	margin		: 10px 0 10px 0!important;
	border		: 1px solid #ddd;
	width		: 350px;
}

	p.note span.button
	{
		margin-top	: 5px;
		display		: inline;
		text-align	: right;
		float		: right;
	}

	p.note span.clear
	{
		display		: block;
		clear		: both;
		font-size	: 1px;
		height		: 5px;
	}