/* CSS Document */
/* gardenia.css */

body {
	margin: 0;

}

.links {    /* grey links main navigation */
	border-top: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}

p 
{
font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height:140%;; 
color:#333333;
margin: 0 0 0 0;}

.bodytext
{
font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height:140%; color:#333333; }

p.opening   /* will be converted to gifs */
{font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; font-style: italic; color: #666;}


.clearer  {clear:both;}
.clearleft  {clear:left;}
.clearright  {clear:right;}

.fauxfooter  /* stretches child elements to parents height */
{clear:both; background-color:#FFFFFF; width:780px;}

#container /* omnipotent container with color to match navi bar */
{
width: 780px;
background-color:#DBECFB;
}

#header /* top header */
{
width: 780px;
height: 100px;
border-bottom: 1px solid #CCC;
margin: 0;
background-color:#FFF;
}

.subhead 
{margin: none;
padding: none; 
font-weight:  bold; 
font-family: Arial, Futura; 
text-transform:uppercase; font-size: 13px; 
letter-spacing: .2em;
color:#333333;
}


.pagetitle  /* will be converted to gifs */
{
font-family:"Times New Roman", serif; font-size: 48px; 
line-height:120%;
font-weight: bolder;
padding: 10px 0 80px 10px;
}


.articletitle 
{font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; letter-spacing: .02em;}


#navi
{
width: 125px;
float: left;
background-color:#DBECFB;
font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:120%; color:#666;
padding: 8px 6px 8px 8px;

}

 /* need the following lines to prevent links from becoming all bold */
#navi a:link {color: #666; text-decoration:none; font-weight: normal;}
#navi a:visited {color: #666; text-decoration:none; font-weight: normal;}
#navi a:hover {color: #0066FF; text-decoration:underline; font-weight: normal;}
#navi a:active {color: #666; text-decoration:none; font-weight: normal;}


#main  /* main content area */
{
width: 632px;
float: right;
padding: 4px 0 4px 4px;
margin: 0 0 0px 0px;
background-color:#FFF;
border-left: 1px dashed #CCC;
}


#top
{
width: 632px;
float: left;
padding-bottom: 10px;
border-bottom: 1px dashed #666666;
margin-bottom: 10px;
background-color:#FFF;
}



h2 
{border-bottom: 1px solid #666666; margin:0 0 5px 0; padding-bottom:5px; 
font-weight: bold; font-family: Georgia,serif; font-size: 12px; line-height:120%; }

h3 {
float:left;
width: 120px;
font-weight: bold; font-family:Georgia, serif; font-size: 15px; line-height:120%; color:#F00; margin:0;}

.indent 
{margin-left: 130px;
font-weight: normal; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:130%; color:#333333; }



#bottom
{
width: 632px;
float: left;
padding-bottom: 10px;
margin-bottom: 10px;
background-color:#FFF;
}

#col1 {
width: 204px;
float: left;
padding: 0 4px 0 0px;
border-right: 1px dashed #CCC;
margin-bottom: 8px;
}
		
#col2 {
width: 204px;
float:left;
padding: 0 4px 0 4px;
border-right: 1px dashed #CCC;
margin-bottom: 8px;
}
		
#col3 {
width: 204px;
float: left;
padding: 0 0 0 4px;

}


.para
{
padding: 0 0 7px 0;
border-bottom: 1px solid #666666; 
margin-bottom:5px;
}

.paralast
{
padding: 0 0 7px 0;
}

.section
{
width: 632px;
border-bottom: 1px dashed #666666;
padding-bottom: 10px;
margin-bottom: 10px;
}

.sectionlast
{
width: 632px;
padding-bottom: 10px;
}


.footer
{
font-weight: normal; 
font-family:Arial, Helvetica, sans-serif; 
font-size: 9px; 
line-height:normal; 
padding: 7px 0 0 0;
text-align: right;
border-top:1px solid #666666;
margin: 10px 0 0 7px;
background-color:#FFF;
}


IMG.left20 {margin:0 20px 0 0; float:left;}
IMG.left {margin:0 10px 0 0; float:left;}
IMG.right {margin-left:10px; float:right;}
IMG.top {margin-bottom:10px;}

.tableborder {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}


.nutri 
{margin-right: 0px;
float: right;
font-weight: normal; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:130%; color:#333333; }

.rightlinks 
{font-weight: normal; font-family:Verdana, Tahoma, Helvetica, Arial, sans-serif; font-size: 10px; line-height:110%; color:#333333; }


.short_para 
{margin-left: 110px;
width: 280px;
padding-top: 20px;
font-weight: normal; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:130%; color:#333333; }

.wm600_para  /* for Wholemeal 600 only */
{margin-left: 220px;
width: 200px;
padding-top: 20px;
font-weight: normal; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:130%; color:#333333; }