.smallerText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000 }

.redTextSmaller { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #ff0000 }
.redTextNormal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #ff0000 }

.smallestText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #ff0000}
.hiddenLink {  text-decoration: none}
.whiteTextSmaller {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #ffffff}

h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #000000}

h6 {  font-family: "Courier New", Courier, mono}



/*Top Menu, Footer and Bread Crumbs*/

#menuLine{
	width:760px;
	background-color:#000000;
	color:#ffffff;

}

#menuLine P{
text-align:left;
}

#menuLine a{
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:0.9em;}

#menuLine a:hover{
color:#ff0000;}

#breadCrumbs{
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
font-size:0.9em;
line-height:1.5em;}

#breadCrumbs a:hover {
color: #000000;
text-decoration:underline;}

#footer{
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:0.9em;
line-height:1.5em;
}

/*Home Page*/

#homPageList dl dt{
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
font-size:1em;
line-height:1.5em;
font-weight:bold;}

#homPageList dl dd{
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
font-size:0.9em;
line-height:1.5em;
margin-bottom:10px;
margin-left:0px;
padding-left:0px;}



/*Page Layout*/

img {
text-decoration:none;
border:0px;}

body {
background-color:#FFFFFF;
color:#000000;
font-size:90%;}

hr{
width:100%;
color:#000000;
background-color:#000000;
height:1px;
border:0px;
margin:0px;
padding:0px;}

#contents{
width:760px;}

#outside{
width:760px;
margin-left:auto;
margin-right:auto;
position:relative;
text-align:justify;
}

#contents h1 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: 200; 
color: #000000; 
margin-top: 30px; 
margin-bottom: 10px;
text-align:center;}

#contents h2{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: 200; 
margin-top: 50px; 
margin-bottom: 10px;
color: #000000;
text-align:center;}

#contents h3{
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;}

#contents h4 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
text-align:center;
font-size:1em;}

#contents p{
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
font-size:0.9em;
line-height:1.5em;}

#contents a:hover {
color: #000000;
text-decoration:underline;}

#contents a:link IMG{
border-style: none;
text-decoration: none;}

#contents a:visited IMG{
text-decoration: none;
border-style: none;}

#contents a:active IMG{text-decoration: none;
border-style: none;}

#contents a {
text-decoration: none; 
color: #FF0000;}

#contents li{
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
font-size:0.9em;
line-height:1.5em;}

#contents ol li li{
font-size:1em;
list-style-type:lower-alpha;}

#contents li li{
font-size:1em;}

#contents li li li{
font-size:1em;}

#contents ol.roman{
list-style-type:lower-roman;
font-size:0.9em}

#contents ol.roman li{
font-size:1em}

#contents ol.alpha{
list-style:lower-alpha;}

#contents ol.alpha li{
}

#contents table{
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
font-size:0.9em;
line-height:1.5em;}

#contents table.dataTable{
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
font-size:0.9em;
line-height:1.5em;
border-width:1px;
border-color:#000000;
border-style:solid;
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;}

#contents table.dataTable td{
margin:0px;
padding:5px;
text-align:center;
border-width:1px;
border-color:#000000;
border-style:solid;}

.topLink {
clear:both;
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
font-size:0.9em;
line-height:1.5em;
text-align:center;
margin-top:30px;
margin-bottom:30px;
width:100%;}

.pageNumbers p{
text-align:center;}

.singlePicCentered{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:10px;}

.thumbBlock{
width:760px;
margin-left:auto;
margin-right:auto;
text-align:center;
clear:both;
margin-bottom:50px;
}

.thumbBlock img{
margin:12px;
}

div.thumbBlock p{
display:inline;}



.fourPicsAcross{
width:190px;
float:left;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.twoPicsAcross{
width:380px;
float:left;
margin-left:auto;
margin-right:auto;
text-align:center;}


/*Index Page*/

#indexTable table{
clear:both;
width:50%;
margin-left:auto;
margin-right:auto;
text-align:center;
border-bottom-color:#000000;
border-width:1px;}

/*Cola*/
#functionalGroups table{
width:100%;
border-width:0px;
margin:10px;}

#functionalGroups td.title{
width:15%;
border-width:0px;
text-align:right;
padding:5px;}

#functionalGroups td.image{
width:35%;
border-width:0px;
text-align:left;
padding:5px;}

#functionalGroups td.details{
width:50%;
border-width:0px;
text-align:left;
padding:5px;}

#essentialOils table{
width:100%;
border-width:0px;
margin-top:10px;
margin-bottom:10px;
padding:5px;
text-align:center;
vertical-align:bottom;}

#essentialOils table.oneCellsAcross td{
width:100%;}

#essentialOils table.twoCellsAcross td{
width:50%;}

#essentialOils table.threeCellsAcross td{
width:33%;}

#essentialOils table.fourCellsAcross td{
width:25%;}

#recipe table{
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
border:0px;
font-size:0.9em;
line-height:1.5em;
padding:5px;}

#recipe td{
width:50%;
padding-left:10px;}

/*Cola*/

#deffinitions table{
width:100%;
border-width:0px;
margin-top:10px;
margin-bottom:10px;
margin-left:15px;}

#deffinitions table.twoCellsAcross td{
width:50%;
text-align:left;
padding-left:0px;}

/*data tables*/
table.data  tr td{
padding-right:15px;}

/*photo galleries*/
table.photo {
text-align:center;
margin-left:auto;
margin-right:auto;}

table.photo tr td{
padding:5px;
width:25%;}

table.photo tr.image td{
vertical-align:bottom;}

table.photo tr.text td{
vertical-align:top;}