/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=j
body properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	body	{background-color: #2E406B;  font-family: Arial, Helvetica, sans-serif;  margin: 0px 0px 0px 0px;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
html tag properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	h1				{font-size: 1em;  font-weight: bold;	margin: 2px 0px 12px 0px;}
	h2				{font-size: .9em; font-weight: bold;	margin: 2px 0px 12px 0px;}
	h3				{font-size: .8em; font-weight: bold;	font-style: italic;	margin: 2px 0px 12px 0px;}
	p				{font-size: .8em;	margin: 2px 0px 12px 0px;}
	blockquote		{font-size: .8em;	margin: 2px 0px 10px 25px;}
	ul				{margin-top: 0px;}
	li				{font-size: .8em; margin: 2px 0px 6px 0px;}
	ul.news			{list-style-type: none; line-height: .5em; padding: 5px 0 0 0; margin: 0 0 0 5px;}
	li.news 		{font: normal .8em Arial, Helvetica, sans-serif;}
	ul.news li a	{display: block; line-height: 1.1em; padding: 0 0 0 10px; margin: 0 0 0 10px; background: url(../images/little-arrow.gif) no-repeat 0 2px;}
	ul.news li a:hover { background: url(../images/little-arrow-over.gif) no-repeat 0 2px;}

	td.title		{padding: 3px; background-color: #dedbbd; border: 2px solid #fff;}
	td.dashedBorder	{padding: 3px; background-color: #fff; border-bottom: 1px dashed #adadad;}
	/*td.coloredRow	{padding: 3px; background-color: #f8f5cc; border: 2px solid #fff;}*/
	td				{padding: 3px; background-color: #fff;}
	b				{font-weight: bold;}
	i				{font-style: italic;}
	form			{margin: 2px 0px 2px 0px;}
	
	input			{font-size: .8em;}
	input.blue		{background-color: #2e406b;  color: #ffffff;  cursor: pointer hand;  font-size: .6em;  font-weight: bold; vertical-align: middle;  width: 24px;	height: 22px;}
	input.header	{vertical-align: middle;}
	input.submit	{background-color: #2e406b;  color: #ffffff;  cursor: pointer hand;  font-size: .6em;  font-weight: bold; vertical-align: middle;  width: 56px;	height: 22px;}



/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
standard text properties

**Developer's Note**

These styles must not be embedded within the any of the html
tags defined above.  They must be within their own <span> tags.

Example:

<span class="textXLarge">Some Text</span><br /><br />
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	.textSmall				{font-size: .7em;}
	.textSmallBold			{font-size: .7em; font-weight: bold;}
	.text					{font-size: .8em;}
	.textBold				{font-size: .8em; font-weight: bold;}
	.textBoldWhite			{font-size: .8em; font-weight: bold; color: #ffffff;}
	.textLarge				{font-size: .9em;}
	.textLargeBold			{font-size: .9em; font-weight: bold;}
	.textXLarge				{font-size: 1em;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
special text properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	.pageTitle			{font-size: 1.2em;  font-weight: bold;}
	.textSmallWhite		{font-size: .7em; color: #ffffff;}
	.textLargeHeight	{font-size: .9em; line-height: 17px;}
	.textHeight			{line-height: 17px;}
	.textLargeWhite		{font-size: .9em; color: #ffffff; font-weight: bold; }
	.textLargeTan		{font-size: .9em; color: #989671; font-weight: bold; }
	.contentTable		{font-size: .8em; color: #000000;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
special spacing properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	.textPadLeft			{padding-left: 35px;}
	.textPadRight			{padding-right: 20px;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
standard link properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	a:link					{font-size: 10pt;	color: #356699;	text-decoration: underline;}
	a:hover					{font-size: 10pt;	color: #356699;	text-decoration: underline;}
	a:active				{font-size: 10pt;	color: #356699;	text-decoration: underline;}
	a:visited				{font-size: 10pt;	color: #356699;	text-decoration: underline;}

	a.linkBold				{font-size: 10pt;	color: #356699;  font-weight: bold; text-decoration: underline;}
	a.linkBold:active		{font-size: 10pt;	color: #356699;  font-weight: bold; text-decoration: underline;}
	a.linkBold:hover		{font-size: 10pt;	color: #356699;  font-weight: bold; text-decoration: underline;}
	a.linkBold:visited		{font-size: 10pt;	color: #356699;  font-weight: bold; text-decoration: underline;}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
special link properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	a.linkSmall				{font-size: 8pt;	 color: #356699;  text-decoration: underline;}
	a.linkSmall:visited		{font-size: 8pt;	 color: #356699;  text-decoration: underline;}
	a.linkSmall:hover		{font-size: 8pt;	 color: #356699;  text-decoration: underline;}
	a.linkSmall:active		{font-size: 8pt;	 color: #356699;  text-decoration: underline;}

	a.linkSmallWhite			{font-size: 8pt;	 color: #ffffff;  text-decoration: underline;}
	a.linkSmallWhite:active		{font-size: 8pt;	 color: #ffffff;  text-decoration: underline;}
	a.linkSmallWhite:hover		{font-size: 8pt;	 color: #ffffff;  text-decoration: underline;}
	a.linkSmallWhite:visited	{font-size: 8pt;	 color: #ffffff;  text-decoration: underline;}
	
	a.linkSmallWhiteBold			{font-size: 8pt;	 color: #ffffff;  font-weight: bold;	text-decoration: none;}
	a.linkSmallWhiteBold:active		{font-size: 8pt;	 color: #ffffff;  font-weight: bold;	text-decoration: none;}
	a.linkSmallWhiteBold:hover		{font-size: 8pt;	 color: #ffffff;  font-weight: bold;	text-decoration: none;}
	a.linkSmallWhiteBold:visited	{font-size: 8pt;	 color: #ffffff;  font-weight: bold;	text-decoration: none;}




/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

layout styles

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/




/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
utility
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	.spacer
		{
		clear: both;
		margin: 0px 0px 0px 0px;
		}
	
	#contentCenter
		{
		width: 763px;
		background-color: #ffffff;
		}
	

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
photo properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

	#photo
		{
		border: 1px solid #ededed;
		padding: 3px;
		margin-bottom: 10px;
		background-color: #fff;
		width: 225px;
		}
		
	#photoInnovasure
		{
		border: 1px solid #ededed;
		padding: 3px;
		margin-bottom: 10px;
		background-color: #fff;
		width: 300px;
		}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
top banner section
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	#banner
		{
		width: 763px;
		height: 77px;
		border-top: 0px solid #ffffff;
		background-color: #ffffff;
		overflow: auto;
		}

			#bannerLeft
				{
				width: 225px;
				float: left;
				border-left: 6px solid #ffffff;
								}

			#bannerMiddle
				{
				width: 300px;
				float: left;
								}
				
			#bannerLanguage
				{
				width: 125px;
				text-align: right;
				float: right;
								}
			
			#bannerRightNarrow
				{
				width: 110px;
				text-align: right;
				float: right;
							}
				
			#bannerRightWide
				{
				width: 225px;
				text-align: right;
				float: right;
							}



			
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
navigation section

**Developer's Note**

overflow: auto; 

Allows for cross-browser compatibility between IE and 
Netscape/Mozilla browsers.
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	#navigation
		{
		width: 751px;
		background-color: #b5b38c;
		border-left: 0px solid #ffffff;
		border-right: 0px solid #ffffff;
		overflow: auto;
		}

		.navigationBox
			{
			width: 45px;
			background-color: #b5b38c;
			border-left: 0px solid #ffffff;
			border-right: 0px solid #ffffff;
			float: left;
			}
		
		.navigationBoxOff
			{
			background-color: #6b8fb5;
			border-top: 4px solid #6b8fb5;
			border-bottom: 4px solid #6b8fb5;
			border-left: 7px solid #6b8fb5;
			border-right: 7px solid #6b8fb5;
			margin-right: 2px;
			float: left;
			}
			
		.navigationBoxOn
			{
			background-color: #2E406B;
			border-top: 4px solid #2E406B;
			border-bottom: 4px solid #2E406B;
			border-left: 7px solid #2E406B;
			border-right: 7px solid #2E406B;
			margin-right: 2px;
			float: left;
			}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
search breadcrumb section
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	#searchBreadcrumb
		{
		width: 751px;
		background-color: #ffffff;
		border-top: 1px solid #ffffff;
		border-left: 6px solid #ffffff;
		border-right: 0px solid #ffffff;
		}
		
	#search
		{
		width: 180px;
		background-color: #dedbbd;
		margin-right: 20px;
		float: left;
		}
		
			#searchContainer
				{
				width: 180px;
				padding: 10px 0px 10px 0px;				
				}
			
	#breadcrumb
		{
		width: 550px;
		background-color: #ffffff;
		border-left: 5px solid #ffffff;
		text-align: left;
		float: left;
		}
		
			#breadcrumbContainer
				{
				width: 533px;
				float: left;
				padding: 10px 0px 10px 0px;
				}
				
			#breadcrumbRight
				{
				width: 200px;
				float: right;
				text-align:	right;
				padding: 10px 10px 10px 0px;
				}
			
			
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
main content section
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


/*=-=-=-=-=-=-= 1 column =-=-=-=-=-=-=*/


	#main1Col
		{
		width: 763px;
		text-align: left;
		margin-bottom: 6px;
		border-top: 20px solid #ffffff;
		border-bottom: 20px solid #ffffff;
		background-color: #ffffff;
		}

			#main1ColContent
				{
				width: 751px;
				border-left: 6px solid #ffffff;
				border-right: 6px solid #ffffff;
				background-color: #ffffff;
				}
				

/*=-=-=-=-=-=-= 2 column =-=-=-=-=-=-=*/


	#main2Col
		{
		width: 763px;
		text-align: left;
		margin-bottom: 6px;
		border-top: 1px solid #ffffff;
		border-bottom: 40px solid #ffffff;
		background-color: #ffffff;
		}
		
		#main2ColBorderTop
		{
		width: 751px;
		text-align: left;
		margin-bottom: 6px;
		border-left: 12px solid #ffffff;
		border-top: 15px solid #ffffff;
		border-bottom: 40px solid #ffffff;
		background-color: #ffffff;
		}

			#main2ColLeftEqual
				{
				width: 350px;
				float: left;
				border-left: 0px solid #ffffff;
				background-color: #ffffff;
				}
					
			#main2ColRightEqual
				{
				width: 362px;
				float: left;
				padding-top: 0px;
				border-left: 20px solid #ffffff;
				background-color: #ffffff;
				}
				
			#main2ColLeftEqualContact
				{
				width: 362px;
				float: left;
				border-left: 0px solid #ffffff;
				background-color: #ffffff;
				}
					
			#main2ColRightEqualContact
				{
				width: 350px;
				float: left;
				padding-top: 0px;
				border-left: 20px solid #ffffff;
				background-color: #ffffff;
				}
			
			#main2ColLeftBig
				{
				width: 480px;
				float: right;
				border-left: 20px solid #ffffff;
				border-right: 12px solid #ffffff;
				background-color: #ffffff;
				}
					
			#main2ColRightSmall
				{
				width: 191px;
				float: left;
				padding-top: 40px;
				border-left: 50px solid #ffffff;
				background-color: #ffffff;
				}
				
			#main2ColRightBig
				{
				width: 500px;
				float: right;
				border-right: 20px solid #ffffff;
				background-color: #ffffff;
				}
				
				/*=-=-=-=-=-=-= Added for right hand navigation 11/11/04 =-=-=-=-=-=-=*/
				
				#gen2ColLeftContact
					{
					width: 500px;
					float: left;
					border-left: 0px solid #ffffff;
					border-right: 0px solid #ffffff;
					background-color: #ffffff;
					}
				
				
				#gen2ColLeft
					{
					width: 220px;
					float: left;
					}
					
				#gen2ColLeftFeatTop
					{
					width: 200px;
					border: 5px solid #87212e;
					margin-bottom: 1px;
					background-color: #87212e;
					}
				
				#gen2ColRight
					{
					width: 220px;
					float: left;
					margin-left: 20px;
					}
						
				#gen2ColRightFeatTop
					{
					width: 200px;
					border: 5px solid #87212e;
					margin-top: 40px;
					margin-bottom: 1px;
					background-color: #87212e;
					}
				
						#gen2ColRightFeat
							{
							width: 200px;
							border: 5px solid #ededed;
							margin-bottom: 20px;
							background-color: #ededed;
							}
			
				#gen2ColRightRelTop
					{
					width: 200px;
					border: 5px solid #6b8fb5;
					margin-bottom: 1px;
					background-color: #6b8fb5;
					}
									
						#gen2ColRightRel
							{
							width: 200px;
							border: 5px solid #ededed;
							margin-bottom: 20px;
							background-color: #ededed;
							}
					
					/*=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
				
			#main2ColLeftSmall
				{
				width: 180px;
				float: left;
				border-left: 6px solid #ffffff;
				background-color: #ffffff;
				}
				
				#main2ColLeftSmallTop
					{
					width: 174px;
					float: left;
					background-color: #6b8fb5;
					}
					
					#main2ColLeftSmallTopContent
						{
						width: 167px;
						border-left: 7px solid #6b8fb5;
						border-top: 2px solid #6b8fb5;
						border-bottom: 2px solid #6b8fb5;
						}
					
				#main2ColLeftSmallBottom
					{
					width: 174px;
					float: left;
					background-color: #f8f5cc;
					}
					
				#main2ColLeftSmallBottomContent
						{
						width: 159px;
						border-left: 7px solid #f8f5cc;
						border-top: 2px solid #f8f5cc;
						border-bottom: 2px solid #f8f5cc;
						}
					
			/*#main2ColRightBig
				{
				width: 530px;
				float: left;
				border-left: 25px solid #ffffff;
				}*/
				
				#main2ColRightBigTop
					{
					width: 520px;
					float: left;
					background-color: #ffffff;
					}
					
				#main2ColRightBigBottom
					{
					width: 520px;
					float: left;
					border-top: 20px solid #ffffff;
					background-color: #ffffff;
					}
					
					
					
/*=-=-=-=-=-=-= generic 3 column =-=-=-=-=-=-=*/	
					
					
	#productLeftEqual
		{
		width: 500px;
		float: left;
		background-color: #ffffff;
		}
					
	#productRightEqual
		{
		width: 240px;
		float: left;
		border-left: 10px solid #ffffff;
		background-color: #ffffff;
		}




/*=-=-=-=-=-=-= generic 3 column =-=-=-=-=-=-=*/

	
	
	#main3Col
		{
		width: 751px;
		border-top: 1px solid #ffffff;
		border-left: 0px solid #ffffff;
		border-right: 0px solid #ffffff;
		border-bottom: 6px solid #ffffff;

		}
		
		#main3colContainer
			{
			width: 751px;
			}
			
			#main3ColLeft
				{
				width: 245px;
				float: left;
				padding: 0 0 0 5px;
				}
								
						#main3ColLeftBottom
							{
							text: wrap;
							width: 240;
							text-align: left;
							padding: 10px 5px 5px 0px;
							}		
			#main3ColMiddle
				{
				width: 239px;
				text-align: left;
				float: left;
				padding: 10px 5px 5px 5px;
				border-left: 1px solid #ffffff;
				border-right: 1px solid #ffffff;
				background-color: #ffffff;
				}
				
						#main3ColMiddleContainer
								{
								width: 239px;
								border-top: 10px #ffffff;
								}
				
						#main3ColMiddleTop
							{
							}
							
						#main3ColMiddleBottom
							{
							margin-top; 30px;
							}
							
			#main3ColRight
				{
				width: 240px;
				text-align: left;
				float: left;
				padding: 10px 0px 5px 5px;
				}
				
				#main3ColRightTop
				{
				width: 240px;
				float: left;
				text-align: left;
				padding: 20px 5px 20px 5px;
				background-color: #cbc9a2;
				}
				
				#main3ColRightBottom
				{
				width: 240px;
				float: left;
				text-align: left;
				padding: 15px 5px 5px 5px;
				}

				

/*=-=-=-=-=-=-= generic 3 column upper =-=-=-=-=-=-=*/


	
		#main3ColLeftUpper
			{
			width: 250px;
			float: left;
			}
										
				#main3ColLeftUpperTop
				{
				width: 245px;
				padding: 0px 0px 10px 5px;
				background-color: #cccc99;
				float: left;
				}
								
					#main3ColLeftUpperTopContainer
						{
						width: 240px;
						padding: 12px 0px 0px 0px;
						}
									
				#main3ColLeftUpperBottom
					{
					width: 240;
					text-align: left;
					border-top: 1px solid #ffffff;
					padding: 10px 5px 5px 5px;
					}		
				
				#main3ColUpperMiddle
					{
					width: 239px;
					float: left;
					text-align: left;
					padding: 20px 5px 5px 5px;
					border-left: 1px solid #ffffff;
					border-right: 1px solid #ffffff;
					background-color: #ffffff;
					}
					
						#photoUpperMiddle
						{
							width: 239px;
							float: left;
							background-color: #ffffff
							}
								
				#main3ColUpperRight
					{
					width: 240px;
					float: left;
					text-align: left;
					padding: 20px 5px 5px 5px;
					}
				

/*=-=-=-=-=-=-= generic 3 column below =-=-=-=-=-=-=*/

	

	
	#main3ColLeftBelow
		{
		width: 240px;
		float: left;
		text-align: left;
		padding: 10px 5px 5px 5px;

		}
		
			
	#main3ColMiddleBelow
		{
		width: 239px;
		float: left;
		text-align: left;
		padding: 10px 5px 5px 5px;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		background-color: #ffffff;
		}

	#main3ColRightBelow
		{
		width: 240px;
		float: left;
		text-align: left;
		padding: 10px 5px 5px 5px;
		}


/*=-=-=-=-=-=-=  2 column photo top =-=-=-=-=-=-=*/


#main2TopContainer
	{
	width: 751px;
	border-left: 0px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 0px solid #ffffff;
	background-color: #ffffff;
	}

			
				#photoLeft
					{
					width: 250px;
					float: left;
					background-color: #ffffff
					}
					
				#photoRightHome
					{
					width: 500px;
					height: 150px;
					float: left;
					border-left: 1px solid #ffffff;
					}
					
				#photoMiddle
					{
					width: 249px;
					float: left;
					border-left: 1px solid #ffffff;
					border-right: 1px solid #ffffff;
					background-color: #ffffff
					}
					
				#photoRight2
					{
					width: 250px;
					float: left;
					background-color: #ffffff
					}	
				
				#photoRight
					{
					float: left;
					border-left: 1px solid #ffffff;
					background: url(../images/dci_welcome.gif) no-repeat;
					}
					
				#photoRightContent
					{
					text-align: left;
					margin: 25px 50px;
					color: #fff;
					}			

											
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
footer
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	#footerContainer
		{
		width: 763px;
		height: 30px;
		margin-top: 6px;
		border-top: 5px solid #ffffff;
		border-bottom: 5px solid #ffffff;
		background-color: #ffffff;
		}

			#footerContainerContent
				{
				width: 753px;
				height: 30px;
				color: #ffffff;
				vertical-align: middle;
				background-color: #7F7D60;
				}
			
					#footerContainerContentLeft
						{
						float: left;
						border-left: 6px solid #7F7D60;
						}
						
					#footerContainerContentRight
						{
						float: right;
						border-right: 6px solid #7F7D60;
						}