/* ECC Supply  */



body					{	margin: 0;
							margin-top: 0;	
							margin-left: 0;
							background-color: #09c; }    
							
/* -- ------------------CENTER CONTENT---------------------------- --*/      

.centercontent			{	
							margin-top: 19px;
							margin-bottom: 10px;
							margin-right: 20px;
							margin-left: 25px;
							font-family: Helvetica, Arial, Verdana, sans-serif; 
							font-size: .89em;
							line-height: 1.5;}							
							
.centercontent a		{	color: mediumblue;
							text-decoration: none; }
							
.centercontent a:hover	{	color: red;
							text-decoration: underline; }
							
.centercontent em		{	font-style: normal;
							font-size: .8em; }

.centercontent h1		{	font-size: 1.0em;
							font-weight: 800;
							margin-bottom: 3px; }
							
h1.centercontent		{	margin-left: 0px;
							font-size: 1.0em;
							font-family: Helvetica, Arial, Verdana, sans-serif; 
							margin-bottom: 10px;}
													
.centercontent h2		{ 	font-size: 1.2em;
							font-weight: 800; }

.centercontent h3		{	font-size: 1.5em;
							font-weight: bold;
							color: #09c; }
							
.centercontent ol		{	font-size: 1.0em;
							line-height: 1.1;
							margin-left: 30px;}
												
.centercontent ul		{	list-style: none;
							line-height: 1.1;
							margin-top: 15px; }
							
.centercontent li		{	margin-bottom: 8px; }

.centercontent li.policy		
						{	margin-bottom: 8px;
							list-style: square; }

.centercontent table	{	margin-left: 0px; }

.about					{	margin-top: 10px;
							margin-bottom: 5px;
							font-family: Helvetica, Arial, Verdana, sans-serif;
							font-size: .85em;
							font-weight: bold; }
							
							
a.centercontent			{	color: blue;
							text-decoration: none; 
							margin: 0px;}
							
a:hover.centercontent	{	text-decoration: underline;
							color: red;}
							
.centercontent>p, h2	{	margin-left: 0px; }

/*-- -------------------CENTER ----------------------- --*/

a.center				{	color: black; 
							text-decoration: none; }
							
a:hover.center			{	color: red;
							text-decoration: underline; }

ul.center				{	font-family: Helvetica, Arial, Verdana, sans-serif;
							font-size: .85em;
							font-weight: 800;
							line-height: 1.4;
							margin-left: 45px; }
							
strong.center			{	font-family: Helvetica, Arial, Verdana, sans-serif;
							font-size: 1.2em;
							font-weight: 800;
							text-align: center;
							margin-left: 40px;
							white-space: nowrap; }
							
p.center				{	font-family: Helvetica, Arial, Verdana, sans-serif; 
							font-size: .85em;
							line-height: 1.5;
							margin-top: 0px;
							margin-bottom: 19px;
							margin-right: 5px;
							padding-right: 5px;} 
							
p.centeraddress			{ 	font-family: Helvetica, Arial, Verdana, sans-serif; 
							font-size: .89em;
							line-height: 1.3;
							margin-top: 0px;
							margin-bottom: 19px;
							margin-right: 5px;
							padding-right: 5px;
							margin-left: 40px;} 
							
span.centeraddress		{	font-weight: bold; }
							
form.center				{	background-color: antiquewhite;
							width: 90%;
							margin-left: 24px;
							padding: 4px; 
							font-family: Verdana, sans-serif;
							font-size: .7em; }
							  
h2.center				{	font-family: Helvetica, Arial, Verdana, sans-serif;
							font-size: 1.4em;
							font-weight: bold;
							color: #09c; }
							
h3.center				{	font-family: Verdana, sans-serif;
							font-weight: 500;
							font-size: 1.0em;
							color: darkblue;
							text-align: left;
							white-space: nowrap; }
							
hr.center				{	color: darkblue; }
							 
fieldset.center			{	font-family: Verdana, sans-serif;
							font-size: 1.0em; 
							padding-bottom: 5px; }
							
fieldset.centerbottom	{	color: darkblue; }
							 
label.centerbottom		{	color: black; 
							font-size: .8em;
							padding-bottom: 5px;}			
							
legend.center			{	font-family: Verdana, sans-serif;
							font-size: 1.4em;
							color: darkblue;
							margin-bottom: 5px; }
						
label.center			{	font-family: Verdana, sans-serif;
							font-size: .7em; }
							
td.form					{	font-family: Verdana, sans-serif;
							text-align: right;
							font-size: .75em;}						
							
/* -- ------------------CONTAINER------------------------------------ -- */							
						
.container				{	width: 100%;
							min-width: 500px; }	
						
/* -- ------------------LEFT ------------------------------------ -- */							
						
.left					{	width: 14%;					
							min-width: 150px;
							color: white;
							background-color: blue;
							float: left;
							z-index: 11;
							position: relative;}
											
/*-- ----------------Right----------------------------- --*/

.right					{	font-family: Helvetica, Arial, Verdana, sans-serif;
							float: left;
							width: 93%;
							background-color: #f8ddab;
							border: 1px solid black; 
							margin-top: 65px;
							padding: 3px;
							z-index: 10; }
							
.rightservices			{	font-family: Helvetica, Arial, Verdana, sans-serif;
							font-size: .89em;
							width: 93%;
							background-color: #f8ddab;
							border: 1px solid black; 
							margin-top: 10px;
							padding: 3px;
							z-index: 10; }
							
.rightservices a		{	color: mediumblue;
							text-decoration: none; 
							font-size: .85em;}
.rightservices ul		{	list-style: none; 
							margin-left: 4px; 
							margin-top: 4px;}
.rightservices>ul		{	margin-left: -25px; }
.rightservices li		{	margin-top: 3px;
							margin-bottom: 3px;}
							
							
.rightservices a:hover	{	color: red;
							text-decoration: underline; }
							
.rightservices h1		{	font-size: 1.0em;
							font-weight: bold;
							text-align: center;
							color: darkblue; 
							margin-bottom: 0px;}
.rightservices img		{	margin-left: 7px; 
							}							
							
.rightservicesfloat		{	font-family: Helvetica, Arial, Verdana, sans-serif;
							background-color: #f8ddab;
							float: right;
							margin-left: 3px;
							border: 1px solid black;}
							 
							
.rightservicesfloat p	{	font-size: .85em; 
							padding-top: 4px;
							padding-left: 4px;
							}
							
.rightservicesfloat	a	{	color: blue;
							text-decoration: none; 
							margin-left: 4px;}
.rightservicesfloat a:hover
						{	text-decoration: underline; }
						
.rightservicesfloat em	{	font-weight: 500;
							font-size: .85em; }

.rightservicesfloat strong
						{	font-size: 1.0em;
							font-weight: 800;
							text-align: center;
							margin-left: 4px; }
							
.rightservicesfloat img	{	margin: 4px, 6px, 4px, 3px; }

							
							
							
							

							
.rightinfo				{	font-family: Helvetica, Arial, Verdana, sans-serif;
							float: left;
							width: 93%;
							background-color: #eee;
							border: 1px solid black; 
							margin-top: 65px;
							padding: 3px;
							z-index: 10; }
							
.rightinfo a			{	text-decoration: none;
							color: blue; }
							
.rightinfo a:hover		{	text-decoration: underline;
							color: red; }
							
.rightinfo h1			{	font-size: 1.0em;
							font-weight: bold;
							text-align: center;
							color: darkblue; }
							
.rightinfo p			{	width: 90%;
							padding: 0px, 8px, 0px, 8px; 
							font-size: .75em;}
							
.rightinfo>p			{	width: 90%;
							padding: 0px, 8px, 0px, 10px; 
							margin-left: 8px;
							font-size: .75em;}
										
.right p				{	width: 90%;
							padding: 8px; 
							font-size: .75em;}
							
.right h1				{	font-size: 1.0em;
							font-weight: bold;
							text-align: center;
							color: darkblue; }
							

							
.right ul				{	font-size: .85em;
							padding: 3px;
							margin-left: 16px; }
							
.right>ul				{	margin-left: 16px; }	
							
.right li				{	margin-bottom: 8px; }


/*-- -----------------SITEMAP-------------------------- -- */

.sitemap			{		background-color: antiquewhite;	
							margin-top: 19px;
							margin-bottom: 10px;
							margin-right: 20px;
							margin-left: 25px;
							font-family: Helvetica, Arial, Verdana, sans-serif; 
							font-size: .89em;
							line-height: 1.5;}
							
.sitemap p			{		padding: 10px;
							width: 80%;
							white-space: nowrap;
							background-color: antiquewhite;}
							
.sitemap a			{		padding: 5px;
							border: 1pt solid #faebd7;
							color: darkblue;
							text-decoration: underline; }
							
.sitemap a:hover	{		background-color: #whitesmoke;
							color: red;
							text-decoration: none; 
							padding: 5px;
							border: 1pt solid #09c; }
							

.sitemap h3			{		font-size: 1.5em;
							font-weight: bold;
							color: #09c; 
							background-color: #fff;}
							

/*-- -----------------South ----------------------------- --*/

.south				{	color: #fff; 						/* Footer Column */
						font-family: Helvetica, Arial, Verdana, sans-serif;
						font-weight: 500;
						font-size: .64em;
						text-align: center; }
						
.south a				{	color: #fff;
							text-decoration: none;}

.south p				{	text-align: center; }
								
						
a.south 			{	text-decoration: none;
						font-size: .89em;
						font-weight: 500;}	
							
.south a:hover		{	text-decoration: underline;}
						 
					
/* -----------------TOPNAV------------------------------------------------ */

td.topnav		{	padding-top: 10px;}

.topnav				{	color: #09c;	
						font-family: Helvetica, Arial, Verdana, sans-serif;
						font-size: .89em;
						font-weight: 800;
						text-align: center; 
						white-space: nowrap;}
						
.topnav	a			{	text-decoration: none;
						color: black; }

.topnav a:hover		{	color: red; }

/*-- ----------------------- WEST-- ----------------------------------- */

form.west			{	background-color: #09c;
						font-style: verdana, sans-serif;
						width: 140px; /*140*/
						white-space: nowrap;
						text-align: left;
						margin-bottom: 0px;}	
																					
img.west			{	border: none;}		
														
input.west			{	font-size: .6em;
						width: 24px;
						text-align: center; }
			
option.west  		{	border: inset 1px red;
						font-style: Helvetica, Arial, Verdana, sans-serif;
						font-size: .78em; 
						color: #000099;
						background-color: antiquewhite;}
							
h1.westhead			{	color: #ffffff;
						text-align: center;
						font-size: .8em;
						font-weight: 800;
						font-family: Helvetica, Arial, sans-serif;
						padding-top: 10px;}
							
td.west 			{	background-color: inherit; 
						font-family: Helvetica, Arial, sans-serif;
						font-weight: 800;
						font-size: .80em;
						text-align: right;
						border-top: 1px solid black;
						text-decoration: none;
						white-space: nowrap;
						padding: 3, 2, 3, 0;}
							
.west>td			{	margin-top: 10px; }
							
td.westbottom		{	border-bottom: 1px solid black;
						border-top: 1px solid black; 
						font-family: Helvetica, Arial, sans-serif;
						font-weight: 800;
						font-size: .80em;
						text-align: right;
						padding: 3, 2, 3, 0;}						
							
td.westarrow		{	text-align: left; 
						padding: 0, 15px, 0, 3px;
						margin-right: auto;
						margin-left: auto;}		
								 
a.west				{	color: white;
						white-space: nowrap;
						text-decoration: none;
						border: none;}
							
a.westimage			{	border: none; }
							
													
a:hover.west 		{	color: darkblue;
						background-color: #f8ddab;
						width: 100%;
						margin: 0px;
						white-space: nowrap;
						text-decoration: none;}
								
	
.clear				{	clear: both; }