html {
background: url(images/orangegrad.jpg) repeat-x;
height: 100%;
}

a:link, a:visited { color: #ff6600; font-weight: bold; text-decoration: none; }
a:active, a:hover { color: #56751c; font-weight: bold; text-decoration: underline; }
h1 { font-size: 1.3em; text-align: center; margin-top: 12px; color: #ac1920; margin: 4px; }
h2 { font-size: 1.2em; text-align: center; padding-top: 12px; color: #ac1920; margin: 4px; }
h3 { font-size: 1.1em; text-align: center; color: #ac1920; margin: 4px; }
h4 { font-size: 1.1em; text-align: center; color: #7c7142; margin: 0; }
img { border:none; }

body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	text-align:center;
	min-width:760px;
	color: #7c7142;
	height: 100%;
}
#outer{
	height:100%;
	min-height:100%;
	width:758px;
	color: #7c7142;
	text-align:left;
	margin:auto;
	position:relative;
	background: #ffffff;
}
 
html>body #outer{height:auto;} 
#innerwrap {
	float:left;
	width:626px;
}
#header{
	position:absolute;
	top:0;
	width:758px;
	background: url(images/logo-background.jpg) repeat-x;
	overflow:hidden;
	z-index:100;
}
#left {
	position:relative;
	width:130px;
	float:left;
	padding-left: 8px;
	padding-top:196px;
	padding-bottom:32px;
}

#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#right {
	position:relative;
	width:130px;
	float:right;
	padding-top:196px;
	padding-bottom:32px;
}

#footer {
	width:758px;
	clear:both;
	height:50px;
	background-color: #ffffff;
	color: #7c7142;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
	font-size: 0.8em;
}

* html #footer {
	\height:52px;
	he\ight:50px;
}

#centrecontent {
	width:480px;
	float:right;
	padding-top:196px;
	padding-bottom:32px;
	padding-right: 8px;
}
#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:52px;clear:both} 

#innerwrap-nocols {
	float:left;
	width:758px;
}

#centrecontent-nocols {
	text-align: center;
	width:758px;
	padding-top:196px;
	padding-bottom:32px;
}

#navcontainer ul
{
list-style: none;
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
background: #ffffff;
line-height: 2em;
font-size: 15px;
}

#navcontainer ul li
{
display: inline;
margin-left: 2px;
margin-right: 2px;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 4px;
padding-top: 4px;
}

#navcontainer ul li a
{
padding-left: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-top: 4px;
text-decoration: none;
background: #ac1920;
border: 1px solid #6c1014;
color: #fff5b4;
}

#navcontainer ul li a:hover
{
background-color: #6c1014;
color: #ffffff;
}

#logo-container { text-align: center; }

#contact { margin-left: auto; margin-right: auto; margin-top: 0.5em; width: 500px; padding: 1em; }
#contact div.row { clear: both; padding-top: 0.5em; }
#contact div.row span.label { float: left; width: 150px; text-align: right; font-weight: bold; padding-right: 1em; color: #56751c; }
#contact div.row span.details { float: right; width: 320px; text-align: left; } 
#formarea { clear: both; }
.imgtoppad { padding-top: 90px; }
.imgsmallpad { padding-top: 4px; }
.contactform { width: 480px; margin-left: auto; margin-right: auto; margin-top: 0.5em; font-size: 1em; border: 0px solid #febe77; }
.contactform td { padding: 0.5em; }
.contactform th { text-align: center; padding: 0.5em; color: #56751c; }
.contactform input, .contactform textarea { border: 1px solid #febe77; background-color: #ffe5c8; }
.contactform input.submitbutton { background: #ac1920; color: #fff5b4; border: 0; padding: 0.3em; font-weight: bold; }
.contactform input.submitbutton:hover, .contactform input.submitbutton:focus, .contactform input.submitbutton:active { background: #6c1014; color: #ffffff; }
.labelcell { width: 150px; text-align: right; font-weight: bold; color: #56751c; }
.formcell { width: 320px; text-align: left; }
.coursebox { border: 2px solid #febe77; padding: 8px; margin: 8px; }
.voucherbox { border: 2px solid #febe77; padding-top: 8px; padding-left: 8px; padding-right: 8px; padding-bottom: 2px; margin: 8px; text-align: center; }
.voucher { margin: 8px; }
.voucherimg { text-align: center; padding: 0; margin: 0; margin-top: 8px; }
.plainlist { list-style: none; text-indent: -1em; }
.imgmid { text-align: center; padding-top: 8px; padding-bottom: 8px; padding-left: 0; padding-right: 0;  margin: 0; font-size: 0.7em; }
.listbox { padding: 4px; text-align: center; list-style: none; font-size: 0.9em;  text-indent: -1em; margin: 0; }
.mediabox { border: 1px solid #febe77; padding: 8px; margin: 8px; width: 640px; text-align: left; overflow:hidden; margin: auto; }
.mediabox img { margin-right: 8px; }
.gallery { text-align: center; border: 1px solid #febe77; padding: 8px; margin: 0; width: 640px; margin: auto; }
.gallery img { margin: 4px; }
.leftheading { text-align: left; padding: 0; }
.ingredients { list-style: outside; }
.ingredients li { margin-left: 1em; }
.method { list-style: decimal; }
.method li { margin-left: 1.5em; }