/* standard shell template */
html, body 
{
	margin: 0;
	padding:0;
	border:0;
}

body
{		
	font-family: Arial;
	font-size: 70%;
	/*background: #9C9C9C url(../Images/SiteBackground.jpg) repeat-x top left;*/
	background: #CCCCCC url(../Images/Background.gif) repeat-x top left;
	text-align: center;	
	line-height: 15px;
	color: #424142;
}

.clear{
	clear:both;
	overflow: hidden;
	display: none;
	height: 0px;			
}

/* redefine */
form 
{
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Tahoma;
	font-size: 100%;
	color: #424142;
}

a 
{
	color: #302C2D;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 899px;		
}

	#wrapper #outercontainer 
	{
		width: 899px;
		float: left;
		/*background: url(../Images/InnerBG.gif) repeat-y top left;*/
	}
	
		#wrapper #outercontainer #innercontainer 
		{
			width: 899px;
			float: left;
			/*background: url(../Images/shellGraphics_04.jpg) no-repeat top right;*/
		}
		
			/* Landing Page */
			#wrapper #outercontainer #innercontainer #landingcontainer 
			{
				width: 899px;
				float: left;
			}
			
				#wrapper #outercontainer #innercontainer #landingcontainer h1 
				{
					margin: 0px;
					padding: 0px;
				}
				
					#wrapper #outercontainer #innercontainer #landingcontainer h1 a 
					{
						width: 899px;
						float: left;
						height: 241px;
						background: url(../Images/landingGraphics_01.gif) no-repeat top left;
						display: block;
					}
					
						#wrapper #outercontainer #innercontainer #landingcontainer h1 a span 
						{
							display: none;
						}
						
				#wrapper #outercontainer #innercontainer #landingcontainer #midsection 
				{
					width: 899px;
					float: left;
					border-top: solid 1px #CC6600;
					background: url(../Images/landingGraphics_03.gif) no-repeat top left;
					height: 293px;
				}
				
					#wrapper #outercontainer #innercontainer #landingcontainer #midsection ul 
					{
						margin: 41px 0px 0px 68px;
						padding: 0px;						
					}
					
						#wrapper #outercontainer #innercontainer #landingcontainer #midsection ul li 
						{
							list-style-type: none;
							display: inline;
							float: left;
						}
						
							#wrapper #outercontainer #innercontainer #landingcontainer #midsection ul li a 
							{
								float: left;
								width: 178px;
								height: 209px;
								margin-right: 17px;
								display: block;
							}
							
								#wrapper #outercontainer #innercontainer #landingcontainer #midsection ul li.home a 
								{
									background: url(../Images/landingIcons_04.gif) no-repeat top left;
									margin-right: 18px;
								}
								
								#wrapper #outercontainer #innercontainer #landingcontainer #midsection ul li.logistics a 
								{
									background: url(../Images/landingIcons_06.gif) no-repeat top left;
								}
								
								#wrapper #outercontainer #innercontainer #landingcontainer #midsection ul li.transport a 
								{
									background: url(../Images/landingIcons_08.gif) no-repeat top left;
								}
								
								#wrapper #outercontainer #innercontainer #landingcontainer #midsection ul li.fleet a 
								{
									background: url(../Images/landingIcons_10.gif) no-repeat top left;
								}
								
									#wrapper #outercontainer #innercontainer #landingcontainer #midsection ul li a:hover 
									{
										background-position: bottom left;
									}
									
									#wrapper #outercontainer #innercontainer #landingcontainer #midsection ul li a span 
									{
										display: none;
									}
				
				#wrapper #outercontainer #innercontainer #landingcontainer #bottomsection 
				{
					width: 899px;
					float: left;
					background: url(../Images/landingGraphics_05.gif) no-repeat top left;
					height: 212px;
				}
				
					#wrapper #outercontainer #innercontainer #landingcontainer #bottomsection span 
					{
						display: none;
					}					
			
			/* Main Site */
			#wrapper #outercontainer #innercontainer #header 
			{
				width: 899px;
				float: left;
				background: #223D91;
			}
			
				#wrapper #outercontainer #innercontainer #header h1 
				{
					margin: 0px;
					padding: 0px;
					float: left;
				}
			
					#wrapper #outercontainer #innercontainer #header h1 a 
					{
						display: block;
						width: 352px;
						height: 109px;
						background: url(../Images/shellGraphics_02.gif) no-repeat top left;
					}
					
						#wrapper #outercontainer #innercontainer #header h1 a span 
						{
							display: none;
						}
						
				#wrapper #outercontainer #innercontainer #header #detailscontainer 
				{
					width: 547px;
					float: left;
					height: 109px;
					background: url(../Images/shellGraphics_03.jpg) no-repeat top left;					
				}
				
					#wrapper #outercontainer #innercontainer #header #detailscontainer #htelephone 
					{
						margin-left: 201px;
						width: 346px;
						height: 57px;
						float: left;
						background: url(../Images/shellGraphics_Header_02.jpg) no-repeat top left;
					}
					
						#wrapper #outercontainer #innercontainer #header #detailscontainer #htelephone span 
						{
							display: none;
						}
						
					#wrapper #outercontainer #innercontainer #header #detailscontainer #hemail 
					{
						margin-left: 201px;
						width: 346px;
						float: left;
						height: 52px;						
					}
					
						#wrapper #outercontainer #innercontainer #header #detailscontainer #hemail a 
						{
							width: 346px;						
							height: 52px;	
							display: block;
							background: url(../Images/shellGraphics_Header_03.jpg) no-repeat top left;
						}	
						
							#wrapper #outercontainer #innercontainer #header #detailscontainer #hemail a span 
							{
								display: none;
							}				
					
			#wrapper #outercontainer #innercontainer #navigation 
			{
				width: 899px;
				float: left;
				/*margin-top: 2px;*/
				border-top: solid 2px #FFF;				
				background: #CC6600;
				text-align: center;
				/*
				line-height: 47px;
				height: 47px;
				*/
			}
			
				#wrapper #outercontainer #innercontainer #navigation #mainnav
				{
					margin: 0px 0px 0px 12px;
					padding: 0px;
				}
				
					#wrapper #outercontainer #innercontainer #navigation #mainnav li 
					{
						list-style-type: none;
						display: inline;
						position: relative;
						float: left;
					}
					
						/* Sub Navigation */
						#wrapper #navigation #mainnav li ul 
						{
							margin: 0px;
							padding: 0px;
							position: absolute;								
							left: 0px;
							top: 47px;	
							display: none;																
						}
													
							#wrapper #navigation #mainnav li ul.subnavigation.transport li a
							{								
								width: 165px;	
								background: #CC6600 url(../Images/SubNavBG_Transport.gif) no-repeat bottom left;							
							}
							
								#wrapper #navigation #mainnav li ul.subnavigation.transport li a:hover 
								{
									background: #E8831E url(../Images/SubNavBG_Transport.gif) no-repeat bottom left;
								}
							
							#wrapper #navigation #mainnav li ul.subnavigation.logistics li a
							{								
								width: 149px;		
								background: #CC6600 url(../Images/SubNavBG_Logistics.gif) no-repeat bottom left;						
							}
								
								#wrapper #navigation #mainnav li ul.subnavigation.logistics li a:hover
								{
									background: #E8831E url(../Images/SubNavBG_Logistics.gif) no-repeat bottom left;
								}
							
							#wrapper #navigation #mainnav li ul.subnavigation.fleet li a
							{								
								width: 75px;	
								background: #CC6600 url(../Images/SubNavBG_Fleet.gif) no-repeat bottom left;							
							}
							
								#wrapper #navigation #mainnav li ul.subnavigation.fleet li a:hover 
								{
									background: #E8831E url(../Images/SubNavBG_Fleet.gif) no-repeat bottom left;
								}
								
							#wrapper #navigation #mainnav li ul.subnavigation.contactus li a
							{								
								width: 73px;	
								background: #CC6600 url(../Images/SubNavBG_Fleet.gif) no-repeat bottom left;							
							}
							
								#wrapper #navigation #mainnav li ul.subnavigation.contactus li a:hover 
								{
									background: #E8831E url(../Images/SubNavBG_Fleet.gif) no-repeat bottom left;
								}
						
								#wrapper #navigation #mainnav li ul.subnavigation li 
								{
									list-style-type: none;
									display: inline;	
									float: left;																																
								}
																
									#wrapper #navigation #mainnav li ul.subnavigation li a 
									{
										float: left;										
										text-align: left;
										color: #FFF;
										font-weight: normal;	
										display: block;
										
										border-right: solid 0px;
										
										background: #CC6600;	
										filter:alpha(opacity=80);
										-moz-opacity:0.8;
										-khtml-opacity: 0.8;
										opacity: 0.8;
										
										padding: 0px;
										
										text-decoration: none;
																				
										height: 40px;													
										line-height: 40px;
									}									
									 								
									#wrapper #navigation #mainnav li ul.subnavigation li.notile a 
									{
										background: #CC6600;
									}
									
										#wrapper #navigation #mainnav li ul.subnavigation li.notile a:hover 
										{
											background: #E8831E;
										}
										
									#wrapper #navigation #mainnav li:hover ul, #wrapper #navigation #mainnav li.over ul 
									{
										display: block;
									}								
						
						/* Main Navigation */
						#wrapper #outercontainer #innercontainer #navigation #mainnav li.spacer
						{
							background: url(../Images/NavigationSpacer.gif) no-repeat left;						
						}
						
							#wrapper #outercontainer #innercontainer #navigation #mainnav li.spacer.nomargin a
							{
								margin-right: 0px;														
							}
					
						#wrapper #outercontainer #innercontainer #navigation #mainnav li a 
						{
							color: #FFF;
							text-decoration: none;
							font-size: 110%;
							padding: 0px 16px 0px 16px;								
							display: block;
							float: left;						
						}
						
							#wrapper #outercontainer #innercontainer #navigation #mainnav li a.toplevel 
							{
								line-height: 47px;
								height: 47px;
							}
			
			#wrapper #outercontainer #innercontainer #contentcontainer 
			{
				width: 899px;
				float: left;
				/*margin-top: 2px;*/
				border-top: solid 2px #FFF;
				background: #FFF url(../Images/ContentBG.jpg) repeat-y top left;
			}
			
				#wrapper #outercontainer #innercontainer #contentcontainer #colone 
				{
					width: 539px;
					float: left;
				}
				
					#wrapper #outercontainer #innercontainer #contentcontainer #colone #pageimage 
					{
						width: 539px;
						float: left;
						height: 389px;
						overflow: hidden;
					}
					
					#wrapper #outercontainer #innercontainer #contentcontainer #colone #hotlinks 
					{
						width: 491px;
						float: left;	
						padding: 24px;
					}
					
						#wrapper #outercontainer #innercontainer #contentcontainer #colone #hotlinks .hotlink 
						{
							width: 140px;
							float: left;
							
						}
						
							#wrapper #outercontainer #innercontainer #contentcontainer #colone #hotlinks .hotlink.spacer 
							{
								padding-left: 17px;
								border-left: dotted 1px #E6B380;
								margin-left: 17px;
							}
								
							#wrapper #outercontainer #innercontainer #contentcontainer #colone #hotlinks .hotlink a 
							{
								color: #FFF;
								font-size: 90%;
								line-height: 15px;
								text-decoration: none;
							}
							
								#wrapper #outercontainer #innercontainer #contentcontainer #colone #hotlinks .hotlink a span
								{
									color: #003366;
									text-decoration: underline;
								}
				
				#wrapper #outercontainer #innercontainer #contentcontainer #coltwo 
				{
					width: 304px;
					float: left;
					padding: 21px 28px 28px 28px;
					color: #8A8A8A;					
				}
				
					#wrapper #outercontainer #innercontainer #contentcontainer #coltwo h2 
					{
						font-size: 200%;
						margin: 0px;
						padding: 0px;
						font-weight: normal;
						color: #003399;	
						line-height: 130%;					
					}
					
						#wrapper #outercontainer #innercontainer #contentcontainer #coltwo h2 span 
						{
							color: #CC6600;
						}
						
					#wrapper #outercontainer #innercontainer #contentcontainer #coltwo p 
					{
						margin: 10px 0px 0px 0px;
						padding: 0px;
					}
					
						#wrapper #outercontainer #innercontainer #contentcontainer #coltwo p.bluetext 
						{
							color: #003399;	
						}
							
							#wrapper #outercontainer #innercontainer #contentcontainer #coltwo p.bluetext a 
							{
								color: #003399;	
							}				
						
					#wrapper #outercontainer #innercontainer #contentcontainer #coltwo h3 
					{
						font-size: 130%;
						margin: 10px 0px 0px 0px;
						padding: 0px;						
						color: #003399;	
						line-height: 140%;					
					}
					
					#wrapper #outercontainer #innercontainer #contentcontainer #coltwo ul 
					{
						/* Nothing Here */
					}
					
						#wrapper #outercontainer #innercontainer #contentcontainer #coltwo ul li 
						{
							margin-bottom: 5px;
						}
						
					#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #carbon_footprint
					{
						display: block;
						float: left;
						height: 201px;
						width: 304px;
						background: url(../Images/carbon-footprint-green.jpg) no-repeat top left;
						margin-top: 20px;
					}
						
					/* Articles Page */
					#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #articlescontainer
					{
						width: 304px;
						float: left;	
					}
					
						#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #articlescontainer a 
						{
							text-decoration: none;
							color: #8A8A8A;
						}
						
							#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #articlescontainer a span 
							{
								text-decoration: underline;
								color: #302C2D;
							}
							
								#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #articlescontainer a span:hover 
								{
									text-decoration: none;
								}
					
						#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #articlescontainer .newscontrols 
						{
							width: 304px;
							float: left;		
							margin-top: 15px;		
							border-top: dotted 1px #8A8A8A;
							padding-top: 15px;			
						}
						
							#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #articlescontainer .newscontrols .previous 
							{
								width: 152px;
								float: left;
							}
							
								#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #articlescontainer .newscontrols .previous a 
								{
									text-decoration: underline;
								}
								
									#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #articlescontainer .newscontrols .previous a:hover 
									{
										text-decoration: none;
									}
							
							#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #articlescontainer .newscontrols .next 
							{
								width: 152px;
								float: left;
								text-align: right;
							}
							
								#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #articlescontainer .newscontrols .next a 
								{
									text-decoration: underline;
								}
								
									#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #articlescontainer .newscontrols .next a:hover 
									{
										text-decoration: none;
									}
						
					/* Contact Form */
					#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #mailingform
					{
						width: 304px;
						float: left;		
						margin-top: 10px;				
					}
					
						#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #mailingform .formrow 
						{
							width: 304px;
							float: left;
							margin-top: 10px;							
						}
						
							#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #mailingform .formrow .formident 
							{
								width: 100px;
								float: left;
								font-weight: bold;
							}
							
							#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #mailingform .formrow .formfield 
							{
								width: 200px;
								float: left;
							}
							
								#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #mailingform .formrow .formfield input,  #wrapper #outercontainer #innercontainer #contentcontainer #coltwo #mailingform .formrow .formfield textarea
								{
									font-family: Arial;
									font-size: 100%;
									width: 200px;
								}															
								
							#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #mailingform .formrow .formsubmit 
							{
								width: 151px;
								float: left;						
							}
							
								#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #mailingform .formrow .formsubmit input 
								{
									font-family: Arial;
									font-size: 100%;
								}
								
						#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #mailingform .small 
						{
							font-size: 90%;
							line-height: 15px;
						}
						
							#wrapper #outercontainer #innercontainer #contentcontainer #coltwo #mailingform .small a 
							{
								color: #8A8A8A;
							}
							
				#wrapper #outercontainer #innercontainer #contentcontainer #coltwo .downloads
				{
					width: 304px;
					float: left;
					margin-top: 20px;
				}
				
					#wrapper #outercontainer #innercontainer #contentcontainer #coltwo .downloads .download_icon
					{
						width: 30px;
						height: 30px;
						float: left;
					}
					
					#wrapper #outercontainer #innercontainer #contentcontainer #coltwo .downloads .download_description
					{
						width: 241px;
						height: 26px;
						float: left;
						padding-left: 15px;
						padding-top: 4px;
					}
					
					#wrapper #outercontainer #innercontainer #contentcontainer #coltwo .downloads .download_icon a span
					{
						display: none;
					}
					
					#wrapper #outercontainer #innercontainer #contentcontainer #coltwo .downloads .download_icon a.word
					{
						width: 30px;
						height: 30px;
						background: url(../Images/word-icon.jpg) no-repeat top left;
						display: block;
						float: left;
					}
					
					#wrapper #outercontainer #innercontainer #contentcontainer #coltwo .downloads .download_icon a.pdf
					{
						width: 28px;
						height: 30px;
						background: url(../Images/pdf-icon.gif) no-repeat top left;
						display: block;
						float: left;
					}
					
					#wrapper #outercontainer #innercontainer #contentcontainer #coltwo .downloads .download_icon a.adobe
					{
						width: 30px;
						height: 30px;
						background: url(../Images/adobe_icon.jpg) no-repeat top left;
						display: block;
						float: left;
					}
				
	#wrapper #footer
	{
		width: 899px;
		float: left;
		padding: 15px 0px 10px 0px;	
		/*background: #9C9C9C url(../Images/shellGraphics_07.gif) no-repeat top left;*/
	}
	
		#wrapper #footer #footercolone 
		{
			width: 585px;
			float: left;
			font-size: 90%;
		}
			
			#wrapper #footer #footercolone ul 
			{
				margin: 0px;
				padding: 0px;
			}
			
				#wrapper #footer #footercolone ul li 
				{
					list-style-type: none;
					display: inline;
					margin-right: 4px;
				}
				
					#wrapper #footer #footercolone ul li.spacer 
					{
						padding-left: 6px;
						background: url(../Images/FooterSpacer.gif) no-repeat left;
					}
				
			#wrapper #footer #footercolone p 
			{
				margin: 5px 0px 0px 0px;
				padding: 0px;
			}
		
		#wrapper #footer #footercoltwo 
		{
			width: 314px;
			float: left;
			text-align: right;
			font-size: 90%;
		}
		
			#wrapper #footer #footercoltwo ul 
			{
				margin: 0px;
				padding: 0px;
			}
			
				#wrapper #footer #footercoltwo ul li 
				{
					list-style-type: none;
					display: inline;
					margin-left: 4px;
				}
				
					#wrapper #footer #footercoltwo ul li.spacer 
					{
						padding-left: 6px;
						background: url(../Images/FooterSpacer.gif) no-repeat left;
					}
				
			#wrapper #footer #footercoltwo p 
			{
				margin: 5px 0px 0px 0px;
				padding: 0px;
			}
			