/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=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: 24px;  font-weight: bold;	margin: 2px 0px 12px 0px; text-align: left;}
	h2						{font-size: 18px; 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;}
	
	.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;}
	
	.pageBodyLink				{font-size: 0.8em; color: #356699;  text-decoration: underline; cursor: hand;}
	
	.pageBodySmall			{font-size: 0.7em;}
	.hidden					{font-size: 0.8em; }
	
	
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
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;}




/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
special <ul><li></li></ul> properties on home page
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
	ul.home {
		
		margin: 0 0 0 0;
		padding: 3px 0 0 35px;
		list-style-image:url(../_images/carrot.gif);
		line-height:20px;
		}
	ul.home li {
		font-size: .8em;		
		}
	
	ul.opportunities {
		width: 480px;
		margin: 0 0 0 0;
		padding: 3px 0 0 35px;
		list-style-image:url(../_images/carrot.gif);
		list-style-type:none;
		line-height:20px;
		}
	ul.opportunities li {
		font-size: .8em;		
		}
		
	ul.opportunities li a:link{
		font-size: 1em;
		color: #356699;		
		text-decoration: underline;
		}
	
	ul.opportunities li a:visited{
		font-size: 1em;	
		olor: #356699;		
		text-decoration: underline;
		}
		
	ul.opportunities li a:hover{
		font-size: 1em;		
		text-decoration: underline;
		color: #7396BD;	
		}
		
	ul.opportunities li a:active{
		font-size: 1em;	
		color: #356699;	
		text-decoration: underline;
		}	

	table.wages {
		margin: 5px 0 0 35px;
		background-color:#ebebeb;
	}
	
	table.wages td {
		font-size: .8em;
	}
	


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
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; cursor: hand;}
	a.linkSmall:visited				{font-size: 8pt;	 color: #356699;  text-decoration: underline; cursor: hand;}
	a.linkSmall:hover				{font-size: 8pt;	 color: #356699;  text-decoration: underline; cursor: hand;}
	a.linkSmall:active				{font-size: 8pt;	 color: #356699;  text-decoration: underline; cursor: hand;}
	
	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, a:visited 			{color: #356699; font-size: .9em; text-decoration: underline;}
	.pageBody a:hover 				{color: #7396BD; 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;}			
	
	a.linkCargill					{font-size: 10pt;	 color: #356699;  text-decoration: underline;}
	a.linkCargill:visited			{font-size: 10pt;	 color: #356699;  text-decoration: underline;}
	a.linkCargill:hover				{font-size: 10pt;	 color: #356699;  text-decoration: underline;}
	a.linkCargill:active			{font-size: 10pt;	 color: #356699;  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;
		}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
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;
			}

			
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
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;
				border: 1px solid #f00;
				}
				

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

		
		#main2Col {
			width: 751px;
			text-align: left;
			margin-bottom: 6px;
			padding: 15px 6px 40px 6px;
			background-color: #ffffff;
			}
			
			#main2ColLeft {
				width: 515px;
				float: left;
				padding: 0px 10px 0px 10px;
				background-color: #ffffff;				
				}
		
			#main2ColRight {
				width: 190px;
				float: right;
				padding-right: 10px;
				background-color: #ffffff;
		

				}
				
			
				
/*=-=-=-=-=-=-= left hand navigation =-=-=-=-=-=-=*/

					
			#rightNavigationTop {
				width: 195px;
				height:20px;
				margin: 0px 0px 0px 0px;
				background-color: #2E406B;
				padding: 4px 0px 0px 5px;
				color: #ffffff;
				font-size: .8em;
				font-weight:bold;
				text-align:left;
				border-bottom: 5px solid #ffffff;
				}
			
			#rightNavigation {
				width: 190px;
				border: 5px solid #ededed;
				margin: 0px 0px 0px 0px;
				background-color: #ededed;
				
				}
			/* left sub-navigation Unordered List */
						
				#rightNavigation ul {
					list-style-type: none;
					margin: 0 0 1em 0;
					padding: 0 0 0 5px;
					color: #7396BD;
					line-height: 25px;
					}
						
				#rightNavigation ul li a {
					background: transparent;
					margin: 0 0 1em 0;
					padding: 0 0 0 0;
					font-size: .8em;
					color: #356699;	
					}
						
				#rightNavigation ul li a:hover {
					background: transparent;
					margin: 0 0 1em 0;
					padding: 0 0 0 0px;
					font-size: .8em;
					color: #7396BD;	
					}
					
				#rightNavigation ul li a:visited {
					background: transparent;
					margin: 0 0 1em 0;
					padding: 0 0 0 0px;
					font-size: .8em;
					color: #356699;				
					}
					
				
				
				
			.rightSideBarTop {
				width: 195px;
				height:20px;
				margin: 0px 0px 0px 0px;
				background-color: #2E406B;
				padding: 4px 0px 0px 5px;
				color: #ffffff;
				font-size: .8em;
				font-weight:bold;
				text-align:left;
				border-bottom: 5px solid #ffffff;
				}
			
			.rightSideBar {
				width: 180px;
				border: 5px solid #ededed;
				padding: 0px 5px 0px 5px;
				background-color: #ededed;
				font-size: .7em;
				}
			
				
				/* 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;
							}
					

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
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: 31px;
				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;
						}

/*added 7/11/06 - neng*/
.info_center{font-size:12px; line-height:20px;}

	#breadcrumb #breadcrumbContainer {
		width: 740px;
		background-color: #ffffff;
		border-left: 5px solid #ffffff;
		text-align: left;
		padding: 10px 0 0px 0;
		float: left;
		}
.breadText{font-size:11px;}