body {
      margin: 0px auto 5px auto;
      width: 100%;
      margin-left:auto;
	  margin-right:auto; 
      background: #FFEEB6;  /*was #DCDCDC */ 
}
#container 
{
	/* center contents */
      background: #FFEEB6;  /* #DCDCDC; */
      margin: 10px 10px 10px 0px;
	  width: 100%;
	  height: 850px;   
}
#topborder
{
      background:#737245;
}
#top 
{
	 
      background:#737245;
	  height:70px;
	  text-align:center;
	  background-color:#7F775B;
	  width: 100%;
      }
#leftborder
{
	width:10%;
	background-color: #FFEEB6; /*#DCDCDC;*/
	height: 850px;
}

#content 
{
	padding:  3px, 10px, 0px, 10px ;
	margin: 20px, 20px, 20px, 20px;
	vertical-align: top;
	/*width: 70%;*/
	height: 850px;
}

#main {
       overflow:hidden;                /*  <--------- added to clear the float (make #main stretch in FF) */

      /* border:1px solid #000; */
      background: #DCDCDC;
      width: 767px;
}

#footer 
{
		background: #FFEEB6; /*#DCDCDC;*/
		vertical-align:bottom;
		font-family: Arial;
		font-size: 9pt;
		color: #5B3B00; /*#737245;*/ /*#00014e;*/
		margin-left:auto;
		margin-right  :auto;
		text-align:center;
		font-weight: bold;
}
#copyright
{
		background: #FFEEB6; /*#DCDCDC;*/
		vertical-align:bottom;
		font-family: Arial;
		font-size: 8pt;
		color: #5B3B00; /*#737245; */ /*#00014e;*/
		margin-left:auto;
		margin-right  :auto;
		text-align:left;
		font-weight: bold;

}


/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

#main #callout {
      float:right; 
      background: #CBE7EF;
      margin:10px 10px 10px 10px;
      }

#main #calloutleft {
      float:left;
      background: #CBE7EF;
      margin:10px 10px 10px 10px;
      }

#main #lefttext {
      width:280px;           /*  <--------------------------  added   */
     /* float: left; */         /*  <--------------------------  changed  */
      background: #DCDCDC;
      margin: 10px 10px 10px 10px;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.5em;
      padding-bottom: 10px;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 10px;
      text-align: left;
      word-spacing: 3px;
}

#main #righttext {
      width:450px;         /*  <--------------------------  added   */
      float: right;   
      background: #DCDCDC;
      margin: 10px 10px 10px 10px;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.5em;
      padding-bottom: 10px;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 10px;
      text-align: left;
      word-spacing: 3px;
}
            
p,h1,h2,h3,pre {
      margin:0px 0px 10px 10px;
      }
      
#callout p { font-size:10px}

#navigation {
width: 15%;
	height: 850px;
background-color: #FFEEB6; /* #DCDCDC ;*/
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: medium;

}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation li {
border-bottom: 0px solid #ED9F9F;
}
#navigation li a:link, #navigation li a:visited {
font-size: 90%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
border-left: 12px solid #FFEEB6; /*#DCDCDC;*/
border-right: 1px solid #FFEEB6; /*#DCDCDC;*/
background-color: #FFEEB6; /*#DCDCDC;*/
color: #5B3B00; /*#737245;*/
text-decoration: none;
font-weight:bolder;

}
#navigation li a:hover {
color: #FFFFFF;
background-color: #737245;
border: 0px solid #FFFFFF;
background-image:url(media/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
margin-left: 0px;
}

#navigation ul ul {
margin-left: 20px;
}
#navigation ul ul li {
border-bottom: 0px solid #711515;
margin:0;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
color: #00014e;
}
#navigation ul ul a:hover {
color: #FFFFFF;
background-color: #BFB288; /*yellow;*/
border: 0px solid #FFFFFF;
background-image:url(media/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
margin-left: 0px;
border-left: 12px solid #FFEEB6; /*#DCDCDC;*/

}

#navigation ul ul a:active 
{
	background-color:#403B2D; /*Aqua;*/
	color: #FFEEB6; /* new */
	font-size: 90%;
}

.spacer
{
	width:5%;
	height:850px;
	background-color: #FFEEB6; /*#DCDCDC;*/
}

/*  VedicFlax.aspx */
.divAbout 
{
	/*width: 70%;*/
	background-color: #FFEEB6; /*#DCDCDC;*/
	color: #5B3B00;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: medium;
}
	
.divIngredients
{
	/*width: 70%;*/
	background-color: #FFEEB6; /*#DCDCDC;*/
	color: #5B3B00;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: medium;
	
}	

.divOriginalFormulaIngredients
{ /*border*/
	border: 2px solid #869C20;

}

.divGlutenFreeFormulaIngredients
{ /*border*/
	border: 2px solid #869C20;

}
.divImages
{
	width: 36%;
	background-color: #EFB21C;
	border: 5px solid #EFB21C;
}

.divTransparentBkgrndImages
{
	width: 20%;
	border: 5px solid #FFEEB6;
}

.divPrecautions
{
	/*width: 70%;*/
	background-color: #FFEEB6; /*#DCDCDC;*/
	color: #5B3B00;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: medium;
	
}	

.divInspiration
{
	/*width: 70%;*/
	background-color: #FFEEB6; /*#DCDCDC;*/
	color: #5B3B00;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: medium;
	
}	

.divDistributorPolicy
{
	
	background-color: #FFEEB6; /*#DCDCDC;*/
	color: #5B3B00;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: medium;
	
}	

.divFutureGoals
{
	/*width: 70%;*/
	background-color: #FFEEB6; /*#DCDCDC;*/
	color: #5B3B00;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: medium;
	
}	

.MainBoldText
{
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #5B3B00;
	font-size: 14pt;
	font-weight: bold;
}

.MainBoldSmallText
{
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #5B3B00;
	font-size: 12pt;
	font-weight: bold;
}
.MainSmallText
{
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #5B3B00;
	font-size: 12pt;
	font-weight: normal;
}

.PrintMainBoldText
{
	font-family: Arial, Helvetica, sans-serif;
	color: #5B3B00;
	font-size: 14pt;
	font-weight: bold;
}

.PrintMainBoldSmallText
{
	font-family: Arial, Helvetica, sans-serif;
	color: #5B3B00;
	font-size: 12pt;
	font-weight: bold;
}
.PrintMainSmallText
{
	font-family: Arial, Helvetica, sans-serif;
	color: #5B3B00;
	font-size: 12pt;
	font-weight: normal;
}

.MailToHRef
{
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #D57A29;
	font-size: 12pt;
	font-weight: bold; 
	text-decoration: underline;
}

.HTTPHRef
{
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #869C20;  /* greenish */
	font-size: 12pt;
	font-weight: bold; 
	text-decoration: underline;
}

.ReferToText
{
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #869C20;  /* greenish */
	font-size: 12pt;
	font-weight: bold; 
	text-decoration: underline;
}

.LargeReferToText
{
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #869C20;  /* greenish */
	font-size: larger;
	font-weight: bold; 
	text-decoration: underline;
}

/* Holly Hack for IE \*/
* html #navigation ul li { height: 1%; }
* html #navigation ul li a { height: 1%; }
/* End */

/* as of April 7, 2009,  I am not using the .markermenu and the .markerSubmenu code */
.markermenu{
width: 170px; /*width of menu*/
height:700px;
}

.markermenu ul{
list-style-type: none;
padding: 0;
border: 0px solid #DCDCDC;
}

.markermenu ul li a{
background: #DCDCDC url(media/arrow-list.gif) no-repeat 2px center;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
border-bottom: 0px solid #B5B5B5;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 130px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover{
color: #FFFFFF;
background-color: Navy;
border: 1px solid #FFFFFF;
background-image:url(media/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
z-index:10;

}


.markerSubmenu{
width: 170px; /*width of submenu*/

}

.markerSubmenu ul{
list-style-type: none;
padding: 0;
border: 0px solid #DCDCDC;
}

.markerSubmenu ul li a{
background: white url(media/arrow-list.gif) no-repeat 2px center;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
border-bottom: 0px solid #B5B5B5;
}


* html .markerSubmenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 130px;
}

.markerSubmenu ul li a:visited, .markerSubmenu ul li a:active{
color: #00014e;
}

.markerSubmenu ul li a:hover{
color: yellow;
background-color: red;
border: 1px solid #FFFFFF;
background-image:url(media/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
z-index:100;
}


/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
* html .markerSubmenu ul li { height: 1%; }
* html .markerSubmenu ul li a { height: 1%; }
/* End */