BODY   {
background: #5B703D;
color: #000000;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: tahoma, verdana, arial;
}
/* background-image: url(../apsc-images/a-clear-10x10.gif);  */

#widthControl{
background: #88A85C;
max-width: 1000px;
width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
}

P   {
font-size:14px;
line-height: 19px;
margin-left: 5px;
margin-right: 5px;
}
/*  margin-top: 0px;
margin-bottom: 5px; */

P.widthOptimized {
font-size:14px;
line-height: 19px;
max-width:30em;
width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "30em":
        "auto" );
margin-left: 15px;
}

P.widthOptimizedTight {
font-size:14px;
line-height: 19px;
max-width:30em;
width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "30em":
        "auto" );
margin-top: 0px;
margin-bottom: 5px;
}

.halfBold
{
	font-weight:600;
	color: #533573;
}

.classes
{
color: #365767;
font-size:16px;
font-weight:bold;
background: #F4F57D;
padding-left: 12px;
padding-right: 12px;
padding-top: 2px;
padding-bottom: 2px;
}

.tight   {
font-size:14px;
line-height: 19px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 3px;
margin-top: 3px;
}

P.remedyTitle {
	BACKGROUND-POSITION: left center;
	MARGIN-TOP:16px;
	DISPLAY: block;
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bolder;
	FONT-SIZE: 14px;
	BACKGROUND-IMAGE: url(../images-homeo/buttons/redcarrot_10x10.gif);
	MARGIN-LEFT: 0px;
	margin-bottom: 2px;
	COLOR: #003300;
	LINE-HEIGHT: 19px;
	BACKGROUND-REPEAT: no-repeat;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none
}

P.remedyIngredients{
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	color: #CC0000;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 15px;
	margin-right: 5px;
	font-weight: normal;
}

P.remedyDescription{
	font-family: tahoma, verdana, arial;
	font-size: 14px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 15px;
	margin-right: auto;
	font-weight: normal;
}

/* background: #F9FFC8; */

.dates
{
color: #990033;
font-size:16px/18px;
font-weight:bold;
}

.p20px
{
font: 20px/24px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}

.highLightRedBold {
	font-weight: bold;
	color: #FF0000;
}

.p18px
{
font: 18px/22px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
.p16px
{
font: 16px/19px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
.p14px
{
font: 14px/17px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
.p12px
{
font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
.p10px
{
font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}

.errors   {
color: Black;
background-color : yellow;
font-weight:bold;
font-size:14px;
}


H1   {
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:14px;
}

H1.recip   {
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:14px;
}

H2   {
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:14px;
}

H2.recip   {
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:12px;
}

H3   {
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:14px;
}

H4   {
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:14px;
}

/* ------------------------------- */

P.links   {
font: bold normal 11px
}

A:link {
color: Blue;
}     /* unvisited link */

A:visited {
color: Maroon;
}  /* visited link */

A:hover    {
color: Blue;
text-decoration:none;
}   /* mouse over link */

A:active {
color: Blue;
}   /* selected link */

/* ------------------------------- */


a.navigationMain 
{
	text-decoration:none;
	font-family: verdana, arial, sans-serif; 
	font-size: 15px;
line-height: 24px;
	font-weight: bolder;
margin-left: 0px;
margin-right: 10px;
border-style: solid; 
border-color: White; 
border-width: 0px; 
border-bottom-width: 1px;
}
/* was Georgia, "Times New Roman", Times, serif; */

a.navigationMain:link
{
text-decoration:none;
color:yellow;
}

a.navigationMain:visited
{
text-decoration:none;
color:yellow;
}

a.navigationMain:hover
{
text-decoration:none;
color:#FFFFFF;
}

/* ------------------------------- */

.medium
{
font-size:13px;
}

.small
{
font-size:11px;
}

/* ------------------------------- */
/*  Controlling the Unordered List - UL and LI */
UL {
margin-left: 12px;
padding-left: 5px;
} 

LI   {
margin-bottom: 8px;
font-size:14px;
line-height: 19px;
}

/*  Controlling the Ordered List - UL and LI */
OL {
margin-left: 12px;
padding-left: 5px;
} 
/* ------------------------------- */

/* Adding Borders to Tables  */

TD.borderleft {  
border-style: solid; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 2px;
}

TD.borderbottom {  
border-style: solid; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 1px; 
border-left-width: 0px;
}

.borderRight {  
border-style: solid;
border-color: #D3AA3D;
border-top-width: 0px; 
border-right-width: 10px; 
border-bottom-width: 0px; 
border-left-width: 0px;
}

.borderall {  
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}

.borderall2 {  
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}

/* Gallery */
TABLE.picture {
  background: White;
  border-color: Black;
  border-style: solid;
  border-width: 2px;
}

TABLE.thumb_single {
  background: White;
  border-color: Black;
  border-style: solid;
  border-width: 2px;
}

Table.thumbs_all {
	background: ;
	border-color: White;
	border-style: solid;
	border-width: 1px;
}

/* ------------------------------- */
/* --  Div NOT Position  -- */

div.formStyle
{
	font-size:14px;
	line-height: 21px;
	margin-left: 5px;
	margin-right: 5px;
	color: #000000;
}

div.formStyle .form_string
{
font-size:14px;
line-height: 21px;
font-weight:bold;
margin-left: 5px;
margin-right: 5px;
}

div.formStyle .required_form
{
	color: #000000;
	background-color: #ffffff;
	border : 1px solid #0000FF;
}

div.formStyle .form
{
	color: #000000;
	background-color: #DAE2FE;
}

div.formStyle .errors_form
{
	color: #000000;
	border : 2px solid #990000;
	background-color: #FFE1F1;
}

div.underline 
{
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

form.payPalButtonRight {
	float: right;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}

form.payPalButtonRightCart {
	float: right;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	background-color: #999999;
}

/*
Notes:
- a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
- a:active MUST come after a:hover in the CSS definition in order to be effective!!
- Pseudo-class names are not case-sensitive.
- IE 4 and higher supports the anchor pseudo-class. NN 4.5 and Netscape 6 support the anchor pseudo-class only partially.

- font property: (weight, style, size/leading, font family) i.e. 
	font: medium italic 24pt/30pt Georgia, serif;
	Order must be correct
*/