/*-----------------------------------------------------*\
East Ohio Bagging Cascading Style Sheet

This stylesheet defines styles and classes for the 
East Ohio Bagging website at:
http://www.flatrockbagging.com

Version		1.1
Date:		3/19/04

Updated to 1.1:  11/11/04 - Fixed validation errors, W3C CSS Validator

Author: Content Is Queen Productions
http://www.contentisqueen.com
\*-----------------------------------------------------*/



/*-----------------------------------------------------*\
 * Position and Layout Classes
\*-----------------------------------------------------*/
#widthsetter	{
	width: 760px;
}

#header {
  margin: 0px;
  padding: 0px;
  background: #E5DBC3;
  height: 95px;
}

#leftColumn {
  position: absolute;
  left: 0px;
  top: 95px;
  width: 20%;
  /*background: #E9EEFD;*/
  background: #B2CCA6;
}

#centerColumn {
  margin-left: 20%;
  margin-right: 20%;
  margin-top: 0;

}
#rightColumn {
  position: absolute;
  right: 0px;
  top: 95px;
  width: 20%;
/*  background: #FDFAF1;*/
    background: #FFFFFF;
}

#leftColumnContent, #centerColumnContent, #rightColumnContent {
  margin: 0;
  padding: 1em;
}

#footer {
	margin: 0;
	padding: .4em;
	height: 40px;
	background-color: #006633;
}

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}

.clear {
	clear: both;
	}

/*-----------------------------------------------------*\
 * Default HTML tag behavior
\*-----------------------------------------------------*/

body {  

	font-family: Arial, sans-serif; 
	font-size: 1em; 
	font-weight: normal; 
	color: #003399;
	/*color: #000000;*/
	background-color: #ffffff;
	margin: 0;
  	padding: 0;
	}

hr {
	color: #660066; 
	height:1px;
	width: 100%;
	/*align: center;*/
	}
	

	
td { 
	font-family: Arial; 
	font-style: normal; 
	color: #003399;
	/*color: #000000;*/
	}
	
	
	
P  { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 0.8em; 
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: .8em;

	}

DL	{
	margin-left: 10px;
	}	
	
	
DT	{
	 font-weight: normal;
	}	
	
LI  { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 0.8em; 
	margin-left: 10px;
	margin-right: 5px;

	}
	
	
/*-----------------------------------------------------*\
 * Table and Accessibility Classes
\*-----------------------------------------------------*/

table.full760 {
	width: 760px;
	}
	
	
table.retailers {
	font-family: Arial, sans-serif; 
	font-size: .7em; 
	font-weight: normal; 
	color: #003399;
	/*color: #000000;*/
	background-color: #ffffff;
	margin: 0;
  	padding: 0;
	border: 0;
	border-spacing: 0;
	}
	
th.retailerheader {
	font-family: Arial, sans-serif; 
	/*font-size: .7em;*/ 
	font-weight: bold; 
	color: #ffffff;
	background-color: #2C59B1;
	margin: 0;
  	padding: 0;
	}
	
th.retailerstate {
	font-family: Arial, sans-serif; 
	/*font-size: .7em;*/ 
	font-weight: bold; 
	color: #003399;
	/*color: #000000;*/
	background-color: #E5DBC3;
	/*background-color: #E9EEFD;*/
	margin: 0;
  	padding: 0;
	}
	
tr.retailereven {
	background-color: #E9EEFD;
	/*background-color: #FDFAF1;*/
	}
	
	
table.sales {
	font-family: Arial, sans-serif; 
	font-size: .7em; 
	font-weight: normal; 
	color: #003399;
	/*color: #000000;*/
	background-color: #ffffff;
	margin: 0;
  	padding: 0;
	border: 0;
	border-spacing: 0;
	width: 90%;
	}
	
th.saleheader {
	font-family: Arial, sans-serif; 
	/*font-size: .7em;*/ 
	font-weight: bold; 
	color: #ffffff;
	background-color: #2C59B1;
	margin: 0;
  	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0;
	padding-bottom: 0;
	}
	
tr.saleeven {
	}
	
table.products {
	font-family: Arial, sans-serif; 
	font-size: .7em; 
	font-weight: normal; 
	color: #003399;
	/*color: #000000;*/
	background-color: #ffffff;
	margin: 0;
  	padding: 0;
	border: 0;
	border-spacing: 0;
	width: 90%;
	}
	
th.productheader {
	font-family: Arial, sans-serif; 
	/*font-size: .7em;*/ 
	font-weight: bold; 
	color: #ffffff;
	background-color: #2C59B1;
	margin: 0;
  	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0;
	padding-bottom: 0;
	}
	
td.productItemWider {
	width: 50%;
	}
	
/*-----------------------------------------------------*\
 * Anchor Classes
\*-----------------------------------------------------*/

A:link { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #330099;
	}
	
	
A:visited { 
	font-family: Arial;  
	font-style: normal; 
	font-size: 1em; 
	color: #330099;
	}
	
A:active { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #cc9933;
	}
	
A:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 1em; 
	color: #cc9933;
	}

	
	
	
	
A.navlink:link { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	text-decoration: none;
	color: #996633;
	line-height: 2em;
	}
		
A.navlink:visited { 
	font-family: Arial;  
	font-style: normal;
	font-weight: bold; 
	font-size: 0.8em; 
	color: #996633;
	text-decoration: none;
	line-height: 2em;
	}
	
A.navlink:active { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	color: #CC6600;
	text-decoration: underline;
	line-height: 2em;
	}
	
A.navlink:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	color: #CC6600;
	text-decoration: underline;
	line-height: 2em;
	}


A.navlinksmall:link { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.7em; 
	text-decoration: none;
	color: #996633;
	padding-left: 1em;
	}
	
A.navlinksmall:visited { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.7em; 
	text-decoration: none;
	color: #996633;
	padding-left: 1em;
	}
	
A.navlinksmall:active { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.7em; 
	text-decoration: underline;
	color: #996633;
	padding-left: 1em;
	}
	
A.navlinksmall:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.7em; 
	text-decoration: underline;
	color: #996633;
	padding-left: 1em;
	}
	
	
	
A.whitelink:link { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.6em; 
	color: #FFFFFF;

	}
	
	
A.whitelink:visited { 
	font-family: Arial;  
	font-style: normal;
	font-weight: bold; 
	font-size: 0.6em; 
	color: #FFFFFF;
	}
	
A.whitelink:active { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.6em; 
	color: #FFFFFF;
	}
	
A.whitelink:hover { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.6em; 
	color: #FFFFFF;
	}


	
	
/*-----------------------------------------------------*\
 * Page Heading Classes
\*-----------------------------------------------------*/


.Header	{

	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	/*color: #CC3300;*/
	color: #003399;
	text-align: left;

	
	}

.HeaderSmall {  

	font-family: Arial, sans-serif; 
	font-size: 1.0em; 
	font-weight: bold; 
	font-style : normal;
	color: #003399;
	text-align: left;
	line-height: 2.0em;
	/*padding-left: 10px;*/

	}

.HeaderSmaller {  

	font-family: Arial, sans-serif; 
	font-size: 1.0em; 
	font-weight: bold; 
	font-style : italic;
	color: #003399;
	/*color: #000000;*/
	text-align: left;
	/*padding-left: 10px;*/

	}

	
	
	
	
	
/*-----------------------------------------------------*\
 * SPAN and Other  Misc. classes
\*-----------------------------------------------------*/

P.mission  { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: .8em; 
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: .5em;
	color: #996633;
	}

.navtext { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 0.8em; 
	color: #996633;
	line-height: 2em;
	}
	
span.copyright { 
	font-family: Arial; 
	font-style: normal; 
	font-weight: bold;
	font-size: 7pt; 
	color: #FFFFFF;
	}
	
span.addresses { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 0.7em; 
		color: #003399;
	/*color: #996633;*/
	}

span.addressheader { 
	font-family: Arial; 
	font-weight: bold; 
	font-size: 0.8em; 
		color: #003399;
	/*color: #996633;*/
	}
	
.footnote { 
	font-family: Arial; 
	font-style: italic; 
	font-size: 0.7em; 
	/*color: #003399;*/
	color: red;
	}
	
.BodyText { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 0.8em; 
	color: #003399;
	/*color: #000000;*/
	}
	
.BodyTextSmall { 
	font-family: Arial; 
	font-style: normal; 
	font-size: 0.6em; 
	color: #003399;
	/*color: #000000;*/
	}