/*css file for Added Ingredients*/

body {
background-color: #fff;  /*This is colour for the background*/
color: #000000;  /*This is colour for the text*/
font-family: Verdana, Helvetica, Arial, sans-serif; /*This is type of font for the text*/
font-size: 1em;  /*This is relative size of font for the text*/
margin: 0;
}

#wrapper{
margin: auto;
text-align:left;
width:850px;  /*was800*/
background-color: #ffff;  /*This is colour for the background was ffffb3*/
}

h1 {
color: #F3EA2B; /*yellow*/
font-size: 1.5em;
text-align: left;
font-style: none;
letter-spacing: 5px; 
}

.h1 {
color: #000;
font-size: 1.0em;
font-weight: bold;
text-align: left;
font-style: none;
letter-spacing: 2px; 
}


h2 {
color: #000;
text-align: left;
font-size: 1.1em;
text-decoration: none;
}

h3 {
color: #000;
font-size: 1em;
text-decoration: none;
}

.h3 {
color: #000;
font-size: 1em;
text-decoration: none;
font-weight: bold;
align: left;
}

h4 {
color: #000;
font-size: 0.9em;
font-style: none;
}

h7 {
font-size: 0.7em;
font-style: none;
}


.italic {
font-style: italic;
}

.white {
color: #fff;
}

.error {
color: #f00;
font-weight: bold;
}

.green {
color: #288C31;
font-weight: bold;
}

.yellow {
color: #F3EA2B;
}

.yellowcentre {
font-family: zapf chancery, Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
line-height: 1.4em;
color: #F3EA2B;
text-align: center;
}

.h1yellow {

font-size: 1.3em;
font-weight: bold;
font-style: none;
letter-spacing: 2px;
color: #F3EA2B;}

.h1red {

font-size: 1.3em;
font-weight: bold;
font-style: none;
letter-spacing: 2px;
color: #ff0000;}

.small {
font-size: 0.7em;
}


.topofpage {
font-size: 0.7em;
align: right;
font-style: italic;
}

p {

font-size: .8em;
text-align: justify;
line-height: 1.4em;
}


.p {
font-size: .8em;
text-align: justify;
line-height: 1.4em;
}

a:link {
font-size: .9em;
color: #000;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
border: 0px;
}

a:visited {
font-size: .9em;
color: #000;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
border: 0px;
}

a:hover {
font-size: .9em;
color: #000;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
border: 0px;
}

a:active {
font-size: .9em;
color: #000;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
border: 0px;
}


td {
vertical-align: top;
padding: 12px;

}
tr.middle td {
vertical-align: middle;
padding: 12px;

}

tr.middle a:link {
font-size: .9em;
color: #000;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
border: 0px;
}


tr.middle a:visited {
font-size: .9em;
color: #000;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
border: 0px;
}

tr.middle a:hover {
font-size: .9em;
color: #000;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
border: 0px;
}

tr.middle a:active {
font-size: .9em;
color: #000;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
border: 0px;
}


tr.black td {
background-color: #000;
color: #F3EA2B;
text-align: center;
padding: 6px;
}


li {
font-size: .8em;
text-align: left;
line-height: 1.4em;

}

dl {
font-size: 1em;
text-align: left;
line-height: 1.4em;

}


.centeralign {

text-align: center;
}


img {
border: 0px;
}


.borderimage {
	border-style:solid;
	border-color: white;
	border-width:10px;
      }