body, p,	li { 
/* style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" alink="#ff7777" link="#0000ee" vlink="#b702e3" */
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	background-color: white;
}
h1 {
font-size: 1.3em;
}
h2 { 
font-size: 1.1em; 
}
h3 { 
	font-size: 1.0em;
 }
p { 
	font: normal 0.8em Arial, Helvetica, sans-serif;
 }
li { 
  font: normal 0.8em Arial, Helvetica, sans-serif;
 }
.spaced ol, .spaced ul, .spaced li {
	/*font-size: 1.0em;*/
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
} 

img.right { float: right; margin: 4px 0 4px 10px; border: 1px solid black; }
img.left { float: left; margin: 4px 10px 4px 0;  border: 1px solid black; }
img.border { border: 1px solid black; }
img.noBorder { border: none; }

/* main body styles */
#container { width: 775px; margin: auto;  }

#exclusivedistributor { 
	border: 1px solid black;
	border-bottom: none;
	background-color:#ff7777; 
	text-align: center;
   }
#exclusivedistributor h1 { 
	font: bold 1em "Times New Roman", Times, serif;
	margin: 0 150px; padding: 5px;
 }

#borderoutline { border: 1px solid black; }
#borderthick { border: 5px solid #cf3eff; }
#borderthin { border:3px solid #a6d2ff; }
#content { 
	padding: 10px;
	}

#column-left { 
	width: 125px;
	float: left;
 }
#column-right { 
 	margin: 0 0 0 140px;
	padding: 0 0.5em 1.5em 0.5em;
	min-height: 520px; /* adjustment to clear left navigation on short pages */
 }

#footer { clear: both; }

#salenotice {
   margin: 2em auto;
   padding: 0.5em 2em 1em 2em;
	border: 1px solid #000;
} 
#salenotice p  {
	margin: 0.5em auto;	
	font-weight: bold;
}
.center { text-align: center; }
#copyright { 
	margin: 1.5em auto 1em auto;
	 }
#copyright p { 
	color:#999999;
	background-color: transparent;
	font-size: 0.76em;
	text-align: center;
	 }
/* navigation styles */
#nav-left { 
	text-align: left; 
	font: normal 12px "Times New Roman", Times, serif;
	}
#nav-left table, #nav-left tr, #nav-left td { 
	border: 1px solid #a6d2ff; 
	border-collapse: collapse;
 }

#nav-bottom table { 
	font: normal 12px "Times New Roman", Times, serif;
	width: 100%;
 }
#nav-bottom td {
	text-align: center;
 }

/* tables with lined cells */ 

.linedtable table, .linedtable tr, .linedtable td { 
	border: 1px solid #a6d2ff; 
	border-collapse: collapse;
 }
	
a {  }
a:link {  }
a:visited {  }
/* note that A:HOVER isn't supported by all browsers */
a:hover {  }

table, tr, td {  }
br {  }
center {  }
div {  }
em {  }
font {  }
h1 {  }
h2 {  }
i {  }
img {  }
strong {  }
tbody {  }


/* classes */
.story h2 { font-size: 1.1em; }
.story p { font: normal 0.8em Arial, Helvetica, sans-serif; }
div.story { border-bottom: 2px solid black; padding-bottom: 1em; margin-bottom: 2em; }

.bios h2 { font-size: 0.95em; margin-bottom: 1.5em; }
.bios p { font: normal 0.8em/1.5em Arial, Helvetica, sans-serif; text-align: justify; padding: 0 7px; }
div.bios { border-bottom: 2px solid #414141; padding-bottom: 1em; margin-bottom: 2.5em; }

/* ---------- Two Column CSS ---------- */

.csscolumns {
	overflow:hidden;
	width: 100%;
}
/* Note: adding larger margins or padding to columns requires that you decrease the width setting proportionally. If you add padding to the container, the same applies. */ 

#col_one_2 {
	margin: 0 0 0 12px; /* Puts a 12 pixel space to left of columns */
	float: left;
	width:48%;
}
#col_two_2 {
	margin: 0 0 0 0px; 
	float: left;
	width:48%;
}

.csscolumns a, .csscolumns a:link {
	color: #697F57;
	text-decoration: none;
}
.csscolumns a:visited {
	color: #849F6D;
	text-decoration: none;
}
.csscolumns a:hover {
	color: #666666;
	text-decoration: underline;
}
.csscolumns a:focus {
	color: black;
}
.csscolumns a:active {
	color: black;
}