

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=j
body properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	html, body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #2E406B;  font-family: Arial, Helvetica, sans-serif; 
	}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
html tag properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	h1						{font-size: 1em;  font-weight: bold;	margin: 2px 0px 12px 0px; text-align: left;}
	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						{margin: 2px 0px 12px 0px;}
	blockquote				{font-size: .8em;	margin: 2px 0px 10px 25px;}

	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;}

	.pageTitle				{font-size: 1em;  font-weight: bold;	margin: 2px 0px 12px 0px;}
	.pageSectionHeader		{font-size: 0.9em; font-weight: bold;}
	.pageSectionHeaderUnderline		{font-size: 0.9em; font-weight: bold; text-decoration:underline;}
	.pageSubSectionHeader	{font-size: 0.8em; font-weight: bold;}
	.pageBody				{font-size: 0.8em;}
	.pageBodySmall			{font-size: 0.7em;}
	.hidden					{font-size: 0.8em; }
	p.imageLeft, p.imageRight {font-size: .8em;}
	p.imageLeft img {margin-right:10px; margin-top:10px;}
	p.imageRight img {margin-left:10px; margin-top:10px;}

	
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
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 />
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

	.text, .pageBody 					{font-size: .8em;}
	.textBold, .pageSubSectionHeader	{font-size: .8em; font-weight: bold;}	
	
	.textSmall, .pageBodySmall			{font-size: .7em;}
	.textSmallBold						{font-size: .7em; font-weight: bold;}
	
	.textLarge							{font-size: .9em;}
	.textLargeBold, .pageSectionHeader	{font-size: .9em; font-weight: bold;}

	.textXLarge							{font-size: 1em;}
	
	.pageTitle							{font-size: 1em; font-weight: bold; margin: 2px 0px 12px 0px;}
	
	.trademark							{font-size: 8pt;	 color: #356699;}



/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
special <ul><li></li></ul> properties on home page
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

	/*=-= SECURED =-=*/
	
	ul#secured {
		width: 222px;
		height: 35px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style-type: none;
		}
	ul#secured li {
		float: left;
		display: inline;
		margin: 0 0 0 0;
		background: transparent url(../_images/tk_cms_images_account.gif) no-repeat;
		}
	ul#secured li a {
		background: transparent url(../_images/tk_cms_images_account.gif) no-repeat;
		width: 222px;
		height: 35px;
		display: block;
		}
	ul#secured li a:visited {
		}
	ul#secured li a:hover {
		background: transparent url(../_images/tk_cms_images_account_over.gif) no-repeat;
		}

	/*=-= B2B =-=*/
	
	ul#B2B {
		width: 222px;
		height: 35px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style-type: none;
		}
	ul#B2B li {
		float: left;
		display: inline;
		margin: 0 0 0 0;
		background: transparent url(../_images/tk_cms_images_magazine.gif) no-repeat;
		}
	ul#B2B li a {
		background: transparent url(../_images/tk_cms_images_magazine.gif) no-repeat;
		width: 222px;
		height: 35px;
		display: block;
		}
	ul#B2B li a:visited {
		}
	ul#B2B li a:hover {
		background: transparent url(../_images/tk_cms_images_magazine_over.gif) no-repeat;
		}
	


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
standard link properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

	 /*Links 
	a:link, a:visited {
		color: #356699;
		font-size: .8em;	
		text-decoration: underline;
	}
	
	a:hover, a:active {
		color: #7396BD;
		font-size: .8em;	
		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;}
	
	.pageBody a 					{color: #356699; font-size: .9em; text-decoration: underline;}
	.pageBody a:active 				{color: #7396BD; font-size: .9em; text-decoration: underline;}
	.pageBody a:hover 				{color: #7396BD; font-size: .9em; text-decoration: underline;}
	.pagebody a:visited 			{color: #356699; font-size: .9em; text-decoration: underline;}
	

	
	a.leftNavigation				{color: #356699; font-size: .8em; text-decoration: underline;}
	a.leftNavigation:hover			{color: #7396BD; font-size: .8em; text-decoration: underline;}
	a.leftNavigation:visited 		{color: #356699; font-size: .8em; text-decoration: underline;}			
	
	
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
utility
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	.spacer
		{
		clear: both;
		margin: 0px 0px 0px 0px;
		}
	
	#contentCenter
		{
		width: 763px;
		background-color: #ffffff;
		}
	

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
photo properties
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

	#bannerPhoto {
		width: 751px;
		margin: 1px 0 0 1px;
		background-color: #ffffff;
		}

			
				#photoLeft {
					width: 275px;
					float: left;
					background-color: #ffffff
					}
					
				#photoLeftHome {
					width: 250px;
					float: left;
					background-color: #ffffff
					}

					
				#photoRightHome {
					width: 500px;
					height: 150px;
					float: left;
					}
				
				#photoRight {
					float: left;
					background-color: #ffffff
					}
					
		#photoLeftNav {
			width: 190px;
			border: 5px solid #ededed;
			margin:  0 0 20px 0;
			padding: 5px;
			float: left;
			background-color: #ffffff
		}



/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
top banner section
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	#banner {height: 75px; width: 763px; background-color: #ffffff; overflow: hidden; }

	#bannerLeft {float: left; border-left: 5px solid #ffffff; padding: 5px 0 0 0; width: 158px; }
		#bannerMiddle {				
				width: 300px;
				float: left;
				padding: 15px 0 0 0;
				margin: 8px 20px 0 110px;
				height: 45px;
				text-align:center;
		}

			#bannerRight
				{
				width: 300px;
				text-align: right;
				float: right;
				padding: 20px 15px 0px 0px;
				}
		#bannerRightWide {				
				width: 100px;
				text-align: right;
				float: right;
				padding: 27px 20px 0 0;
		}
		#bannerRightWide a { font-size:12px; text-decoration:underline; color:#356699}
	#banner h1	{font-size: 1.6em; font-weight:normal; padding: 0; letter-spacing:-1px; margin: 0 0 0px 0; }
	#banner h6	{font-size: .8em; font-weight: bold; padding: 0 5px 0 0;  margin: 0 0 0 0; }

			
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
navigation section

**Developer's Note**

overflow: auto; 

Allows for cross-browser compatibility between IE and 
Netscape/Mozilla browsers.
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


	#navigation
		{
		width: 751px;
		background-color: #7396BD;
		overflow: auto;
		}

		.navigationBox
			{
			width: 55px;
			background-color: #7396BD;
			margin: 0 2px 0 0;
			float: left;
			}
		
		.navigationBoxOff
			{
			background-color: #2E406B;
			margin: 0 2px 0 0;
			padding: 4px 7px 4px 7px; 
			float: left;
			}
			
		.navigationBoxOn
			{
			background-color: #832016;
			margin: 0 2px 0 0;
			padding: 4px 7px 4px 7px; 
			float: left;
			}
			
				/*#navigation a:link, a:visited {
					font-size: .7em;
					text-decoration: none;
					font-size: 8pt;	 
					color: #ffffff;  
					font-weight: bold;
					}
	
				#navigation a:hover, a:active {
					font-size: .7em;
					text-decoration: none;
					color: #356699;  
					font-weight: bold;
					}*/
			


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
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 #searchContainer {
		width: 180px;
		background-color: #dedbbd;
		margin-right: 20px;
		padding: 10px 0px 10px 0px;
		float: left;
		}
			
	#breadcrumb #breadcrumbContainer {
		width: 740px;
		background-color: #ffffff;
		border-left: 5px solid #ffffff;
		text-align: left;
		padding: 10px 0 10px 0;
		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: 746px;
				border-left: 11px solid #ffffff;
				border-right: 6px solid #ffffff;
				background-color: #ffffff;
				}
				

/*=-=-=-=-=-=-= 2 column =-=-=-=-=-=-=*/

		
		#main2Col {
			width: 751px;
			text-align: left;
			margin-bottom: 6px;
			border-left: 6px solid #ffffff;
			border-right: 6px solid #ffffff;
			border-top: 15px solid #ffffff;
			border-bottom: 40px solid #ffffff;
			background-color: #ffffff;
			}
		
			#main2ColRight {
				width: 511px;
				float: right;
				border-right: 20px solid #ffffff;
				background-color: #ffffff;
				}
				
			
				
/*=-=-=-=-=-=-= left hand navigation =-=-=-=-=-=-=*/
				
		#leftNavigationContainer {
			width: 220px;
			float: left;
			}
					
			#leftNavigation {
				width: 200px;
				border: 5px solid #ededed;
				margin: 0 0 20px 0;
				background-color: #ededed;
				}
						
			/* left sub-navigation Unordered List */
						
				#leftNavigation ul {
					list-style-type: none;
					margin: 0 0 1em 0;
					padding: 0 0 0 5px;
					color: #7396BD;
					}
						
				#leftNavigation ul li a {
					background: transparent;
					margin: 0 0 1em 0;
					padding: 0 0 0 0;
					font-size: .8em;
					color: #356699;	
					}
						
				#leftNavigation ul li a:hover {
					background: transparent;
					margin: 0 0 1em 0;
					padding: 0 0 0 0px;
					font-size: .8em;
					color: #7396BD;	
					}
					
				#leftNavigation ul li a:visited {
					background: transparent;
					margin: 0 0 1em 0;
					padding: 0 0 0 0px;
					font-size: .8em;
					color: #356699;				
					}
			
				
				/* next steps */
				
				#leftNextSteps  p {
					width: 200px;
					border: 5px solid #6b8fb5;
					margin-bottom: 1px;
					background-color: #6b8fb5;
					color: #fff;
					font-weight: bold;
					font-size: .8em;
					}
									
						#leftNextStepsContent {
							width: 200px;
							border: 5px solid #ededed;
							margin-bottom: 0 0 20px 0;
							background-color: #ededed;
							}
					


/*=-=-=-=-=-=-= home 2 column =-=-=-=-=-=-=*/

	#home2Col {
		width: 763px;
		border-top: 1px solid #ffffff;
		border-bottom: 6px solid #ffffff;

		}
		
		#home2colContainer {
			width: 751px;
			background-color: #ffffff;
			}
			
			#home2ColLeft {
				text: wrap;
				width: 491px;
				float: left;
				text-align: left;
				padding: 5px 5px 5px 5px;
				}
							
			#home2ColRightContainer {
				width: 238px;
				text-align: left;
				float: left;
				padding: 5px 0px 5px 7px;
				}

				
			/* relaeses/articles Unordered List */
				
				#home2ColRightBottom {
					margin: 1em 0 1em 0;
					}
				
				#home2ColRightBottom ul {
					list-style-image: url(../_images/tk_cms_images_ul_bullet.gif);
					list-style-position: outside;
					margin: 0 0 1em 0;
					padding: 0 0 0 15px;
					color: #AEB935;	
					}
					
				#home2ColRightBottom li  {
					background: transparent;
					margin: 0 0 .2em 1em;
					padding: 0 0 0 0;
					color: #AEB935;	
					text-decoration: none;
					}
				
				#home2ColRightBottom ul li a {
					background: transparent;
					margin: 0 0 1em 0;
					padding: 0 0 0 0;
					color: #356699;	
					font-size: .7em;
					text-decoration: none;	
					}
				
				#home2ColRightBottom ul li a:hover{
					background: transparent;
					margin: 20px 0 1em 0;
					padding: 0 0 0 0;
					color: #7396BD;	
					font-size: .7em;
					text-decoration: none;	
					}
					
				#home2ColRightBottom ul li a:visited {
					background: transparent;
					margin: 0 0 1em 0;
					padding: 0 0 0 0;
					font-size: .7em;
					text-decoration: none;		
					}
					
				#archives {
					background: transparent;
					margin: 0 0 20px 2em;
					}

				#archives a {
					background: transparent;
					padding: 0 0 0 0;
					color: #356699;
					font-weight: bold;
					text-decoration: none;	
					}
					
				#archives a:hover  {
					background: transparent;
					padding: 0 0 0 0;
					color: #7396BD;
					font-weight: bold;
					text-decoration: none;	
					}				
					
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
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
						{
						color: fff;
						float: left;
						border-left: 6px solid #7F7D60;
						padding: 3px 0 0 0;
						}
						
					#footerContainerContentRight p
						{
						font-size: .7em;
						color: fff;
						float: right;
						border-right: 6px solid #7F7D60;
						padding: 3px 0 0 0;
						}