body { background-color: #073836; color: #333; margin: 0; }

body, p, li, td, input, textarea, select { font-family: arial, helvetica, sans-serif; font-size: 9pt;}

h1							{ font-size: 12pt; }
h2,
h2 a						{ font-size: 10pt; }
td 							{ vertical-align: top; }	
img							{ border: 0; }
label						{ font-weight: bolder; }

div.clear					{ margin: 0; padding: 0; clear: both; }
                        	
#wrap 						{ 
								background		: url(images/background.gif) top left repeat-y;
								margin			: 0 auto; 
								padding-top		: 10px;
								width			: 950px; 
							}
							
#header						{ 
								height				: 185px; 
								margin				: 0px; 
								padding				: 0px;
								width				: 950px; 
							}

#header img					{ float: left; }
							            				
#contact-info				{
								background	: url(images/background-contact-info.gif) top left no-repeat;
								color		: white;
								float		: left;
								height		: 177px;
								padding		: 8px 0 0 8px;
								width		: 180px;
							}

#contact-info strong		{ font-weight normal; color: #E6DD8E; font-size: 8pt; }										
#contact-info em			{ color: #9FD6F2; }
#contact-info a				{ color: white; text-decoration: none; }
#contact-info a:hover		{ text-decoration: underline; }

											
#container					{ 
								width			: 950px; 
							}
            				
#menu 						{
								background-color: #2A7A79;
								color			: white; 
								float			: left; 
								width			: 240px; 
							}
							
#content					{ 
								background-color: #76C2E8; 
								float			: left; 
								padding			: 0 34px 34px 34px;
								width			: 454px; 
							}

#content a					{ color: #911A52; }
#content a.news-title		{ color: #000; }
#content li					{ margin-bottom: 4px; }						

#sidebar					{ 	
								color			: #eee;
								float			: left; 
								xmin-height		: 572px;
								padding			: 24px 24px 0 9px;
								width			: 155px; 
							}

#nav						{
								color			: white;
								list-style-type	: none;
								margin			: 24px 0 0 0;
								padding			: 0;
								width			: 240px; 
							}
            				
#nav  li 					{ 
								margin			: 0 0 5px 0; 
								padding			: 0; 
							}
							
#nav li a					{ 
								background-image: url(images/menu.gif); 
								display			: block; 
								text-indent		: -99999px;
								width			: 240px; 
							}

/* next 2 css definitions added to make submenus come out properly */							

#nav li li					{							
								margin			: 0; 
								padding			: 0; 
							}
														
#nav  li li a				{ 
								background-image: url(images/spacer.gif); 
								text-indent: 0px;
								height: auto;
								width: 110px;
							}
							
a.home 						{ background-position:   0px    0px; height: 24px; }
a.home:hover				{ background-position: 240px    0px; height: 24px; }
                    	
a.about-us 					{ background-position:   0px  -24px; height: 24px; }
a.about-us:hover			{ background-position: 240px  -24px; height: 24px; }
                    	
a.services	 				{ background-position:   0px  -48px; height: 24px; }
a.services:hover			{ background-position: 240px  -48px; height: 24px; }
                    	
a.management-team 			{ background-position:   0px  -72px; height: 24px; }
a.management-team:hover		{ background-position: 240px  -72px; height: 24px; }
                    	
a.news 						{ background-position:   0px  -96px; height: 24px; }
a.news:hover				{ background-position: 240px  -96px; height: 24px; }
                    	
a.compliance 				{ background-position:   0px -120px; height: 40px; }
a.compliance:hover			{ background-position: 240px -120px; height: 40px; }
                    	
a.hours-directions 			{ background-position:   0px -160px; height: 24px; }
a.hours-directions:hover	{ background-position: 240px -160px; height: 24px; }
                    	
a.royalton-location 		{ background-position:   0px -184px; height: 24px; }
a.royalton-location:hover	{ background-position: 240px -184px; height: 24px; }
                    	
a.pickup-request 			{ background-position:   0px -208px; height: 24px; }
a.pickup-request:hover		{ background-position: 240px -208px; height: 24px; }

a.employment 			{ background-position:   0px -208px; height: 24px; }
a.employment:hover		{ background-position: 240px -208px; height: 24px; }

a.login 					{ background-position:   0px -232px; height: 24px; }
a.login:hover				{ background-position: 240px -232px; height: 24px; }

a.logout 					{ background-position:   0px -256px; height: 24px; }
a.logout:hover				{ background-position: 240px -256px; height: 24px; }

a.users 					{ background-position:   0px -280px; height: 24px; }
a.users:hover				{ background-position: 240px -280px; height: 24px; }

a.photo-gallery 			{ background-position:   0px -304px; height: 24px; }
a.photo-gallery:hover		{ background-position: 240px -304px; height: 24px; }


/* sets current page button to "current" color */
#home 						.home,
#about-us 					.about-us,
#history					.about-us,
#services 					.services,
#industrial-services 		.services,
#demolition-scrap			.services,
#contractors				.services,
#transloading				.services,
#management-team			.management-team,
#news 						.news,
#compliance					.compliance,
#material-theft-policy		.compliance,
#hours-directions			.hours-directions,
#royalton-location			.royalton-location,
#pickup-request				.pickup-request,
#employment				.employment,
#users						.users,
#photo-gallery				.photo-gallery
							{ background-image: url(images/menu-current.gif); }

#sidebar .caption			{ 
								background		: #0179BF url(images/background-blue-gradient.jpg) top left no-repeat; /* #0066AB */
								color			: white; 
								font-style		: italic; 
								min-height		: 41px; 
								padding			: 10px;
							}
							
#footer						{ 
								height			: 18px; 
								width			: 959px; 
							}
							
.team-member			{
							float		: left;
							font-size	: 8pt;
							height		: 215px;
							padding		: 5px 10px 5px 0; 
							width		: 214px;
						}
						
.team-member img		{
							margin-bottom: 4px;
						}

.team-member a			{ color: #911A52; }

#sub-links				{ 
							background-color: #035F91; 
							color			: white; 
							height			: 14px; 
							margin-left		: -34px;
							padding			: 5px 34px;
							width			: 454px;
						}
						
#sub-links				{ color: #fff; font-size: 8pt; }
#sub-links a			{ color: #fff; text-decoration: none; }

#about-us				.sub-about-us,
#history				.sub-history,
#services 				.sub-services,
#industrial-services 	.sub-industrial-services,
#demolition-scrap		.sub-demolition-scrap,
#contractors			.sub-contractors,
#transloading			.sub-transloading,
#complaince				.sub-compliance,
#material-theft-policy	.sub-material-theft-policy,
#sub-links a:hover		{ color: #E6DD8E; text-decoration: underline; }

	
a.edit					{ 
							background		: url(images/edit.gif) top left no-repeat; 
							color			: black;
							display			: inline-block;
							margin			: 0 4px 4px 0;
							min-height		: 15px; 
							padding-left	: 12px; 
							text-decoration	: none; 
						}
						
a.edit:hover			{ text-decoration: underline; }

a.remove				{ 
							background		: url(images/remove.gif) top left no-repeat; 
							color			: black;
							display			: inline-block;
							padding-bottom	: 4px;
							min-height		: 14px; 
							padding-left	: 16px; 
							text-decoration	: none; 
						}
						
a.remove:hover			{ text-decoration: underline; }
						
a.news-title			{ text-decoration: none; color: #000; font-weight: bolder; }
a.news-title:hover		{ text-decoration: underline; }

tr.header				{ background-color: #004A8D; color: white; font-size: 10pt; }

.alt					{ background-color: #efefef; }
.reg					{ background-color: white; }
					
a.submit				{
							background		: #076293 url(images/button-submit.gif) top left no-repeat;
							color			: white;
							display			: block;
							height			: 26px;
							text-align		: center;
							text-indent		: -99999px;
							width			: 91px;
						}							
						
#photo-gallery #wrap		{ background: url(images/background-no-sidebar.gif) top left repeat-y; }
#photo-gallery #content		{ width: 622px; background: none; }
#photo-gallery #sidebar		{ display: none; }
						
ul#photos					{ width: 660px; list-style-type: none; padding: 0; margin: 0; }
#photos li					{ display: block; float: left; margin: 0; padding: 0; width: 200px; height: 230px; margin: 0 15px 15px 0; text-align: center; }
#photos a					{ color: black; text-decoration: none; }
#photo-count				{ float: left; }
						

#customer-community-appreciation-days #content 	{ 
													padding	: 0;
													width	: 690px; 
												}

#video #sidebar,
#customer-community-appreciation-days #sidebar
							{ display: none; }