/* Layout CSS */

body{
margin: 0;
padding:0; 
background:#fff;
color: #333;
font: 13px Arial, Helvetica, sans-serif normal;
background-repeat:no-repeat;
}	 

#lh-col{
position:absolute;
height:300px;
top:4px;
left:4px;
width:370px;
z-index:3;
font-size:85%;
color:#fff;
text-transform:lowercase;
line-height:1;
text-align:center;
}

label {
width: 85px;
float: left;
text-align: left;
margin: 4px 0 4px 0;
clear: both;
}

input {
margin-bottom:6px;
}

#rh-col{
position:absolute;
top:4px;
right:4px;
width:92px;
height:588px;
z-index:2;
}

/* for IE, with IE5/Mac backslash filter \*/
* html #rh-col {
height:550px;
}
/* end filter */

#c-block {
width:100%;
z-index:1;

height:80%;
}

#c-col{
margin:4px 100px 0px 378px;
position:relative;
z-index:5;
border:0;
padding:558px 8px 8px 8px;
}

/* container to ensure minimum height */

#c-col .container {
margin-top: -550px;
}

/* for Mozilla/Safari/Opera */
*>#c-col {
padding-top: 558px;
min-height: 1px;
}
*>#c-col .container {
margin-top: -550px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #c-col {
height: 550px;
}
* html #c-col h1 {
margin-top:678px;
}
/* end filter */

#ftr {
height:12px;
margin:4px 100px 0px 378px;
padding:3px 0 2px 8px;
font-size:80%;
color:#fff;
}

#pics {
margin:250px 0 0 131px;
}

/* Content CSS */

p, {
color:#333;
clear:both;
}

img {
border:none;
}

h1 {
margin:120px 0 8px 0;
font-size:180%;
font-weight:normal;
color:#fff;
text-transform:capitalize;
}

h2 {
font-size:130%;
font-weight:normal;
color:#fff;
margin-bottom:0px;
margin-top:0px;
}

h3 {
font-size:110%;
font-weight:normal;
text-decoration:none;
text-transform:capitalize;
}

.alt_menu {
font-style:italic;
font-size:85%;
}

.alt_menu h2 {
margin:0;
font-style:normal;
padding:0;
}

.alt_menu h3 {
font-size:120%;
font-style:normal;
margin:10px 0 2px 0;
padding:0;
}

h3 a {
text-decoration:none;
}

h3 a:hover {
text-decoration:underline;
}

span {
clear:both;
}

.small {
font-size:90%;
margin-top:0px;
}

.comment {
float:right;
margin-left:30px;
}

.menu {
margin-left:6px;
line-height:1.4;
font-style:italic;
}

a {
text-decoration:none;
font-weight:bold;
color:#333;
}

a:hover {
text-decoration:underline;
}

#breadcrumbs, .seasonal_links {
font-size:90%;
color:#fff;
text-transform:lowercase;
margin:0 0 20px 0;
}

#breadcrumbs a, .seasonal_links a {
text-decoration:none;
font-weight:normal;
color:#fff;
}

#breadcrumbs a:hover, .seasonal_links a:hover {
text-decoration:underline;
}

.seasonal_links b {
text-transform:capitalize;
}

#ftr a {
color:#fff;
text-decoration:none;
}

#ftr a:hover {
text-decoration:underline;
}

#lh-col a {
text-decoration:none;
font-weight:normal;
color:#fff;
width:40px;
height:36px;
padding-top:4px;
margin: 110px 4px 0 0;
display: block;
float:left;
}

#rh-col a {
text-decoration:none;
font-weight:normal;
padding:4px 0 1px 8px;
font-size:80%;
color:#fff;
width:83px;
height:13px;
margin: 570px 4px 0 0;
display: block;
float:left;
}

#rh-col a:hover {
background:#555;
}

.contact {

}

#ftr a {
font-weight:normal;
}

.outside {
position:absolute;
top:-50px;
}

/* for IE, with IE5/Mac backslash filter \*/
* html  #lh-col a {
height:40px;
}
/* end filter */

#lh-col a:hover {
background:#999;
}

.col1 {
float:left;
width:40%;
color:#333;
padding-right:10px;
margin:0 0 15px 0;
}
.col2 {
float:right;
width:50%;
color:#333;
}

/* colour info */

.blue #lh-col {
background:transparent url(images/logo_blue.jpg) top right no-repeat;
}

.blue #rh-col {
background:transparent url(images/live_food_blue.gif) no-repeat;
background-position:0 476px;
}

.blue .menu_1 a {
background:#0950a0;
}

.blue .menu_2 a {
background:#0288ba;
}

.blue .menu_3 a, .blue #c-col, .blue #ftr,.blue .contact a  {
background:#00b8de;
}

.green #lh-col {
background:transparent url(images/logo_green.jpg) top right no-repeat;
}

.green #rh-col {
background:transparent url(images/live_food_green.gif) no-repeat;
background-position:0 476px;
}

.green .menu_1 a {
background:#34a12e;
}

.green .menu_2 a {
background:#68ba3e;
}

.green .menu_3 a, .green #c-col, .green #ftr,.green .contact a  {
background:#99cc33;
}

.orange #lh-col {
background: transparent url(images/logo_orange.jpg) top right no-repeat;
}

.orange #rh-col {
background: transparent url(images/live_food_orange.gif) no-repeat;
background-position:0 476px;
}

.orange .menu_1 a {
background:#CB572C;
}

.orange .menu_2 a {
background:#D36B2A;
}

.orange .menu_3 a, .orange #c-col, .orange #ftr,.orange .contact a  {
background:#F5821F;
}

.purple #lh-col {
background:transparent url(images/logo_purple.jpg) top right no-repeat;
}

.purple #rh-col {
background:transparent url(images/live_food_purple.gif) no-repeat;
background-position:0 476px;
}

.purple .menu_1 a {
background:#712C82;
}

.purple .menu_2 a {
background:#8D60A8;
}

.purple .menu_3 a, .purple #c-col, .purple #ftr,.purple .contact a  {
background:#A968AB;
}

.orange #c-col, .green #c-col, .purple #c-col, .blue #c-col {
background-position: top left;
background-repeat: no-repeat;
}