/* * * * * * * * * * * * * CSS Document */
/* * * * * * * * * * * * * September 9, 2005 */

/* * * * * * * * * * * * * body properties */


	html, body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #fff; 
	font: 9pt Arial, Helvetica, sans-serif; 
	}


/* * * * * * * * * * * * * html tag properties */

/* * * * * * * * * * * * * Paragraphs */
p {
	margin: 0 0 1em 0;
	line-height: 1.4em;
	}

blockquote{
	margin: 2px 0px 10px 25px;
	}
	

/* * * * * * * * * * * * * UTILITY */



form					{margin: 2px 0px 2px 0px;}
input					{font-size: .8em;}
input.blue				{background-color: #FFF8CC;  color: #692D00;  cursor: pointer hand;  font-size: 7pt;  font-weight: bold; vertical-align: middle;  width: 27px;	height: 22px;}
input.header			{vertical-align: middle;}
input.submit			{background-color: #FFF8CC;  color: #692D00;  cursor: pointer hand;  font-size: 7pt;  font-weight: bold; vertical-align: middle;  width: 60px;	height: 22px;}
							 

/* * * * * * * * * * * * * PARAGRAPHS */

h1, h2, h3, h4, h5 {
	background: transparent;
	font-family:  Arial, Helvetica,sans-serif;
	padding: 0;
}

h1 {
	font-size: 22px;
	margin: .2em 0;
	color: #692D00;
	font-weight: normal;
}

h2 {
	font-size: 18px;
	margin: .8em 0;
	color: #E97B00;
	margin: 0 0 .3em 0;
	font-weight: normal;
}

h3 {
	font-size: 12px;
	margin: .8em 0 -0.1em 0;
	color: #2E406B;
	padding: 0.5em 0 0.3em 0;
}

h4 {
	font-size: 14px;
	margin: 0 0 .6em 0;
	color: #692D00;
	font-weight: bold;
}

h5 {
	font-size: 12px;
	margin: 0 0 0 0;
	color: #2E406B;
	padding: 0;
}


/* * * * * * * * * * * * * TEXT PROPERTIES */
	
	.pageTitle				{font-size: 1em;  font-weight: bold;	margin: 2px 0px 12px 0px;}
	.pageBodyColorBold		{font-size: 12px;	color:#692D00;	font-weight:bold;}
	.pageSectionHeader		{font-size: 0.9em; font-weight: bold;}
	.pageSubSectionHeader	{font-size: 0.8em; font-weight: bold;}
	.pageBody				{font-size: 1em;   line-height: 20px; color:#000;}
	.pageBodySmall			{font-size: 0.7em; line-height: 1.2em;}
	
	.pageBodyColor			{ font-size: 1em;	color:#692D00; line-height: 20px;}
	.pageBodyBlack			{ font-size: 1em;	color:#000000; line-height: 20px;}
	.pageBodyColorSpace		{ font-size: 1em;	color:#692D00; line-height: 25px;}
	.pageBodyColorNotes		{ font-size: .8em;	color:#692D00; line-height: 12px;}

	
	.text, .pageBody 					{font-size: .8em;}
	.textBold, .pageSubSectionHeader	{font-size: .8em; font-weight: bold;}	
	
	.textSmall, .pageBodySmall			{font-size: .9em;}
	.textSmallBold						{font-size: .7em; font-weight: bold;}
	
	.textLargeBold, .pageSectionHeader	{font-size: .9em; font-weight: bold;}

	
	.pageTitle							{font-size: 1em; font-weight: bold; margin: 2px 0px 12px 0px;}
	
	.textSearch							{font-size: .9em; color:#ffffff;}

	.textSmallWhite						{font-size: .9em; color:#ffffff; }
	
	.currentLink						{color:	#E97B00; font-weight:normal; text-decoration:none;}
	
	
/* * * * * * * * * * * * * special <ul><li></li></ul> properties for left nav */
	
	ul.leftNav {
		list-style-image: url('../_images/tilde.gif');
		list-style-type:none;
		margin: 0 0 0 0;
		padding: 0 0 0 15px;
		}
		
	ul.leftNav li {
		color:	#692D00;
		font-size: 1em;
		line-height: 20px;
		}
		
	ul.leftNav li ul{
		list-style-image: url('../_images/tilde.gif');
		list-style-type:none;
		margin: 0 0 0 0;
		padding: 0 0 0 15px;
		}
		
	ul.leftNav li a{
		color:	#692D00;
		font-size: 1em;
		font-weight:normal;		
		text-decoration:underline;
		}
		
	ul.leftNav li a:visited{
		color:	#692D00;
		font-size: 1em;
		font-weight:normal;		
		text-decoration:underline;
		}
	
	ul.leftNav li a:hover{
		color:	#E97B00;
		font-size: 1em;
		font-weight:normal;		
		text-decoration:underline;
		}
		
	ul.leftNav li ul li a{
		color:	#692D00;
		font-size: 1em;
		font-weight:normal;		
		text-decoration:underline;
		}
		
	ul.leftNav li ul li a:visited{
		color:	#692D00;
		font-size: 1em;
		font-weight:normal;		
		text-decoration:underline;
		}
	
	ul.leftNav li ul li a:hover{
		color:	#E97B00;
		font-size: 1em;
		font-weight:normal;		
		text-decoration:underline;
		}
		

/* * * * * * * * * * * * * special <ul><li></li></ul> properties for formulas list */
	
	ul.formulas {
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0px;
		}
		
	ul.formulas li {
		color:	#692D00;
		font-size: 1em;
		line-height: 25px;
		}
		
	ul.formulas li ul {
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0px;
		color:	#692D00;
		font-size: 1em;
		line-height: 25px;
		}
		
	ul.formulas li ul li{
		color:	#692D00;
		font-size: 1em;
		line-height: 15px;
		padding: 6px 0px 6px 0px;
		}
		
	ul.formulas li a{
		color:	#692D00;
		font-size: 1em;
		font-weight:normal;		
		text-decoration:underline;
		}
		
	ul.formulas li a:visited{
		color:	#692D00;
		font-size: 1em;
		font-weight:normal;		
		text-decoration:underline;
		}
	
	ul.formulas li a:hover{
		color:	#692D00;
		font-size: 1em;
		font-weight:bold;		
		text-decoration:underline;
		}
	

/* * * * * * * * * * * * * special <ol><li></li></ol> properties*/

	ol.numberedList {
		margin: 0px 0px 0px 12px;
		padding: 0px 0px 0px 12px;
		}
		
	ol.numberedList li{
		color: #692D00;
		line-height: 20px;
		}
	
	ol.numberedListIndented {
		margin: 0px 15px 0px 35px;
		padding: 0px 0px 0px 0px;
		line-height: 20px;
		}
		
	ol.numberedListIndented li{
		color: #692D00;
		padding: 0px 0px 0px 0px;
		line-height: 20px;
		}
/* * * * * * * * * * * * * special <ul><li></li></ul> promotions anchor properties*/
	ul.promotionsAnchorsList {
	list-style-type: none;
	line-height: 20px;
	margin: 0 0 0 0;
	}

	ul.promotionsAnchorsList li a:link{
	font-size: 1em;
 	color: #692D00;
	font-weight:bold;
	text-decoration:underline;
	}

	ul.promotionsAnchorsList li a:visited{
	font-size: 1em;
 	color: #692D00;
	font-weight:bold;
	text-decoration:none;
	text-decoration:underline;
	}

	ul.promotionsAnchorsList li a:hover{
	font-size: 1em;
 	color: #E97B00;
	font-weight:bold;
	text-decoration:none;
	text-decoration:underline;
	}	
	
/* * * * * * * * * * * * * special <ul><li></li></ul> promotions properties*/
	ul.promotions {
	list-style-type: none;
	list-style-image:url(../_images/brown_bullet4.jpg);
	line-height: 15px;
	margin: 0px 15px 0px 15px;
	}

	ul.promotions li {
	font-size: 1em;
 	color: #692D00;
	text-decoration:none;
	line-height: 15px;
	
	}
	
	ul.promotions li a:link{
	font-size: 1em;
 	color: #692D00;
	text-decoration:underline;
	}

	ul.promotions li a:visited{
	font-size: 1em;
 	color: #692D00;
	text-decoration:underline;
	}

	ul.promotions li a:hover{
	font-size: 1em;
 	color: #E97B00;
	text-decoration:underline;
	}
	
	
	ul.howitworks {
	list-style-type: none;
	list-style-image:url(../_images/brown_bullet5.jpg);
	line-height: 20px;
	margin: 0px 15px 0px 35px;
	}

	ul.howitworks li {
	font-size: 1em;
 	color: #692D00;
	text-decoration:none;
	line-height: 20px;
	
	}	
	
	ul.BrownBullet {
	list-style-type:disc;
	color: #692D00;
	margin: 0px 15px 0px 40px;
	}

	ul.BrownBullet li {
	font-size: 1em;
 	color: #692D00;
	text-decoration:none;
	line-height: 20px;
	
	}	


	ul.merchideas {
	list-style-type: none;
	list-style-image:url(../_images/brown_bullet5.jpg);
	line-height: 20px;
	margin: 0px 15px 0px 15px;
	}

	ul.merchideas li {
	font-size: 1em;
 	color: #692D00;
	text-decoration:none;
	line-height: 20px;
	}	
	
	ul.merchideas li a:link{
	font-size: 1em;
 	color: #692D00;
	font-weight:normal;
	text-decoration:underline;
	}

	ul.merchideas li a:visited{
	font-size: 1em;
 	color: #692D00;
	font-weight:normal;
	text-decoration:underline;
	}

	ul.merchideas li a:hover{
	font-size: 1em;
 	color: #E97B00;
	font-weight:normal;
	text-decoration:underline;
	}

/* * * * * * * * * * * * * standard link properties */

	a:link					{font-size: 1em;	color: #692D00;	text-decoration: underline;}
	a:visited				{font-size: 1em;	color: #692D00;	text-decoration: underline;}
	a:hover					{font-size: 1em;	color: #E97B00;	text-decoration: underline;}

	
	.pageBodyColor a:link			{font-size: 1em;	color: #692D00;	text-decoration: underline; font-weight:normal;}
	.pageBodyColor a:visited		{font-size: 1em;	color: #692D00;	text-decoration: underline; font-weight:normal;}
	.pageBodyColor a:hover			{font-size: 1em;	color: #E97B00;	text-decoration: underline; font-weight:normal;}
	
	

/* * * * * * * * * * * * * special link properties */
	
	
	/*.pageBody a, a:visited 			{color: #356699; font-size: .9em; text-decoration: underline;}
	.pageBody a:hover 				{color: #7396BD; font-size: .9em; text-decoration: underline;}*/
	

/* links*/
	
	
	a.linkBreadcrumbNoSpace				{font-size: .9em;	 color: #FFEE7F;  text-decoration: none; }
	a.linkBreadcrumbNoSpace:visited		{font-size: .9em;	 color: #FFEE7F;  text-decoration: none; }
	a.linkBreadcrumbNoSpace:hover		{font-size: .9em;	 color: #FFEE7F;  text-decoration: none; }
	a.linkBreadcrumbNoSpace:active		{font-size: .9em;	 color: #FFEE7F;  text-decoration: none; }
	
	a.linkBreadcrumb					{font-size: .9em;	 color: #FFEE7F;  text-decoration: none; padding-left:5px;}
	a.linkBreadcrumb:visited			{font-size: .9em;	 color: #FFEE7F;  text-decoration: none; padding-left:5px;}
	a.linkBreadcrumb:hover				{font-size: .9em;	 color: #FFEE7F;  text-decoration: none; padding-left:5px;}
	a.linkBreadcrumb:active				{font-size: .9em;	 color: #FFEE7F;  text-decoration: none; padding-left:5px;}
	
	a.linkCargill						{font-size: 1em;	 color: #1E1E87;  text-decoration: none; text-decoration:underline; font-weight:lighter;}
	a.linkCargill:visited				{font-size: 1em;	 color: #1E1E87;  text-decoration: none; text-decoration:underline; font-weight:lighter;}
	a.linkCargill:hover					{font-size: 1em;	 color: #1E1E87;  text-decoration: none; text-decoration:underline; font-weight:lighter;}
	a.linkCargill:active				{font-size: 1em;	 color: #1E1E87;  text-decoration: none; text-decoration:underline; font-weight:lighter;}

	a.linkFormulas						{font-size: 1em;	 color: #692D00;  text-decoration: none; text-decoration:none; font-weight:lighter;}
	a.linkFormulas:visited				{font-size: 1em;	 color: #692D00;  text-decoration: none; text-decoration:none; font-weight:lighter;}
	a.linkFormulas:hover				{font-size: 1em;	 color: #692D00;  text-decoration: none; text-decoration:none; font-weight:Bold;}
	a.linkFormulas:active				{font-size: 1em;	 color: #692D00;  text-decoration: none; text-decoration:none; font-weight:lighter;}
	
	a.linkUnitCalc						{font-size: 1em;	 color: #692D00;  text-decoration: underline; font-weight:lighter;}
	a.linkUnitCalc:visited				{font-size: 1em;	 color: #692D00;  text-decoration: underline; font-weight:lighter;}
	a.linkUnitCalc:hover				{font-size: 1em;	 color: #692D00;  text-decoration: underline; font-weight:lighter;}
	a.linkUnitCalc:active				{font-size: 1em;	 color: #692D00;  text-decoration: underline; font-weight:lighter;}
	
	a.linkPromo							{font-size: 1em;	 color: #692D00;  text-decoration: underline; font-weight:Bold; font-style:inherit;}
	a.linkPromo:visited					{font-size: 1em;	 color: #692D00;  text-decoration: underline; font-weight:Bold; font-style:inherit;}
	a.linkPromo:hover					{font-size: 1em;	 color: #E97B00;  text-decoration: underline; font-weight:Bold; font-style:inherit;}
	a.linkPromo:active					{font-size: 1em;	 color: #692D00;  text-decoration: underline; font-weight:Bold; font-style:inherit;}
	
/* * * * * * * * * * * * * utility */


	.spacer
		{
		clear: both;
		margin: 0px 0px 0px 0px;
		}
	
	#contentCenter
		{
		width: 763px;
		background-color: #FFEE7F;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		}
		
	#contentCenterWhite
		{
		width: 763px;
		background-color: #ffffff;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		}



/* * * * * * * * * * * * * top banner section */


#banner
		{
		width: 763px;
		height: 103px;
		background-color: #fff;
		overflow: auto;
		}

			#bannerLeft
				{
				float: left;
				padding: 5px 10px 5px 11px;
				}

			#bannerMiddle
				{
				width: 341px;
				float: left;
				padding: 10px 0px 5px 0px;
				}
				
			#bannerRight
				{
				width: 98px;
				text-align: right;
				float: right;
				padding: 5px 15px 0 0;
				}



			
/* * * * * * * * * * * * * NAVIGATION

**Developer's Note**

overflow: auto; 

Allows for cross-browser compatibility between IE and 
Netscape/Mozilla browsers.
*/


#navigation {
	width: 753px;
	height: 25px;
	background-color: #FFEE7F;
	overflow: auto;
	float: left;
	color: #692D00;
	padding-left: 10px;
	margin-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	
	
}

#navigation a:link, a:visited {
	font-size: .9em;
	text-decoration: none;
	color: #692D00; 
	font-weight: bold; 
}
	
#navigation a:hover, a:active {
	font-size: .9em;
	text-decoration: none;
	color: #E97B00;
	font-weight: bold;   
}


.navigationBox {
	width: 55px;
	background-color: #FFEE7F;
	float: left;
}
		
.navigationBoxOff {
	color: #692D00;
	padding: 4px 2px 4px 4px; 
	float: left;
}
			
.navigationBoxOn {
	background-color: #FFEE7F;
	color: #356699;
	padding: 4px 2px 4px 4px; 
	float: left;
}

a.navBoxCurrent, a.navBoxCurrent:visited, a.navBoxCurrent:hover {
	color: #E97B00; 
}



.tilde {
	font-size: 1.1em;
	text-decoration: none;
	color: #E97B00;
	font-weight: bold; 
}

			


/* * * * * * * * * * * * * search breadcrumb section */


	#searchBreadcrumb
		{
		width: 763px;
		height: 25px;
		background-color: #fff;
		/*margin: 5px 0px 0px 0px;*/

		}
		
	#searchSpacer {
		width: 763px;
		height: 5px;
		background-color:#FFFFFF;	
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #00f;
		}
		
	#search #searchContainer {
		width: 215px;
		height: 25px;
		background-color: #692D00;
		margin-top: 5px solid #fff;
		padding: 1px 0 1px 15px;
		float: left;
		text-align: left;

		}
			
	#breadcrumb #breadcrumbContainer {
		width: 528px;
		height: 17px;
		font: .9em Arial, Helvetica, sans-serif;
		margin-top: 5px solid #fff;
		background-color: #692D00;
		border-left: 5px solid #692D00;
		text-align: left;
		padding: 6px 0 4px 0;
		float: left;
		color: fff;
		}
				
			
				
/* * * * * * * * * * * * * left hand navigation */
				
		#leftNavigationContainer {
			font: Arial, Helvetica, sans-serif;
			line-height: 1.6em;
			width: 220px;
			float: left;
			}
					
			#leftNavigation {
				width: 210px;
				margin: 0 0 20px 0;
				background-color: #F2F2EE;
				}
						
			/* left sub-navigation Unordered List */
						
				#leftNavigation ul {
					list-style-type: none;
					margin: 0 0 1em 0;
					padding: .3em 0 0 .3em;
					color: #7396BD;
					}
						
				#leftNavigation ul li a {
					background: transparent;
					margin: 0 0 1em 0;
					padding: 0 0 0 0;
					color: #356699;	
					}
						
				#leftNavigation ul li a:hover {
					background: transparent;
					margin: 0 0 1em 0;
					padding: 0;
					color: #67AD44;	
					}
					
				/* left sub-sub-navigation Unordered List */
						
				#leftNavigation ul.sub {
					list-style-type: none;
					margin: 0 0 1em 0;
					padding: .1em 0 0 .8em;
					color: #7396BD;
					}
						
				#leftNavigation ul.sub li.sub a {
					background: transparent;
					margin: 0 0 1em 0;
					padding: 0 0 0 0;
					color: #356699;	
					}
						
				#leftNavigation ul.sub li.sub a:hover {
					background: transparent;
					margin: 0 0 1em 0;
					padding: 0;
					color: #67AD44;	
					}
					


/* * * * * * * * * * * * * home 2 column */

#home3Col {
	width: 763px;
	height: 400px;
	text-align: left;
	background-color: #FFEE7F;
	border-top: 8px solid #fff;	
}
		
#home3ColLeft {
	width: 175px;
	float: left;
	padding: 0 0;
	background-color: #FFEE7F;
}

	#home3ColLeftTop {
		width: 175px;
		float: left;
		padding: 0 0;
		background-color: #FFFFFF;
		border-bottom: 5px solid #fff;
	}
	
	#home3ColLeftBottom {
		width: 160px;
		float: left;
		padding: 35px 0 0 15px;
		background-color: #FFEE7F;
	}
			
#home3ColMiddle {
	width: 320px;
	border-left: 8px solid #fff;
	border-right: 8px solid #fff;
	background-color: #FFF8CC;
	float:left;
}

	#home3ColMiddleTop {
		width: 300px;
		padding: 0px 0px 15px 15px;
		background-color: #FFF8CC;
		float:left;
		margin-bottom: 5px;
		}

	#home3ColMiddleBottom {
		width: 320px;
		float:left;
		background-color: #FFFFFF
		}
				
#home3ColRight {
	width: 252px;
	padding: 0 0;
	float:left;
	background-color: #FFFFFF
}
				
			/* relaeses/articles Unordered List */
				
				#home2ColRightBottom {
					margin: 1em 0 1em 0;
					background-color: #FFFFFF
					}
					



/* * * * * * * * * * * * * FOOTER */


#footerContainer{
	width: 580px;
	height: 25px;
	border-left: 9px solid #ffffff;
	
	border-top: 5px solid #ffffff;
	border-bottom: 10px solid #ffffff;
	background-color: #ffffff;
	float:right;
}

#footerContainerContent{
	height: 25px;
	color: #692D00;
	padding:10px 0 0 0;
	font-size: .9em;
	background-color: #fff;
	text-align:center;				
}
				
#footerContainerContent a{
	color: #692D00;
	font-size: 1em;
	background-color: #fff;
	text-align:center;			
	text-decoration:underline;
	font-weight:normal;
}


#footer1ColContainer{
	width: 350px;
	height: 25px;
	border-left: 9px solid #ffffff;
	border-top: 5px solid #ffffff;
	border-bottom: 10px solid #ffffff;
	background-color: #fff;
	
}

#footer1ColContainerContent{
	height: 25px;
	color: #692D00;
	padding:10px 0 0 0;
	font-size: .9em;
	background-color: #fff;
	text-align:center;				
}
				
#footer1ColContainerContent a{
	color: #692D00;
	font-size: 1em;
	background-color: #fff;
	text-align:center;			
	text-decoration:underline;
	font-weight:normal;
}





/*********************Left Nav Menu ***********************/

/*first ul properties*/
#menuList {
  margin: 0px;
  padding: 0px 0px 0px 0px;

  
}

/*first ul li items*/
li.menubar {
  list-style-image: url('../_images/tilde.gif');
  list-style-type:none;
  font-size: 1em;
  padding-left: 0px;
  margin-left: 15px;
  line-height: 1.5em;
  color:	#692D00;


}

/*second ul properties*/
.menu {
  display: none;
  margin-left: 15px;
  padding-right: 5px;
  padding: 0px;
  font-size: 1em;

}

/*second ul li properties*/
.menu li {
  list-style-image: url('../_images/tilde.gif');
  padding-right: 5px;
  list-style-type:none;
  font-size: 1em;
  color:	#692D00;
   
}

a.actuator {
  color:	#692D00;
  font-size: 1em;
  padding-left: 0px;
  text-decoration: underline;
  padding-right: 5px;

}

a.actuator:visited {
  color:	#692D00;
  font-size: 1em;
  padding-left: 0px;
  text-decoration: none;
  font-weight:normal;
  padding-right: 5px; 
  text-decoration: underline;

}

a.actuator:hover {
  color: #E97B00;
  font-size: 1em;
  padding-right: 5px;
  text-decoration: underline;

}

.menu li a {
  background-color: transparent;
  color: #692D00;
  font-size: 1em;
  padding-left: 0px;
  padding-right: 5px;
  text-decoration: underline;
}

.menu li a:hover {
  color:#E97B00; 
  font-size: 1em; 
  text-decoration: underline;
}

.menu li a:visited {
  font-weight:normal;
  color: #692D00;
  font-size: 1em;
  text-decoration: underline;
  
}

.menubar li a:hover {
  color:#E97B00;
  font-size: 1em;
  text-decoration: underline;

}

span.key {

}



