/* 
Copyright 2007 Heineken Live. All Rights Reserved. 
Author: Tracey Tam, Istyle Web Solutions.
------------------------------------------------------
General Elements
Page Structure
Flash
Calendar Table
Typography
Links
Navigation
Images
Footer
Forms
------------------------------------------------------ */
/* General Elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, a, span, blockquote, table, th, td {
margin: 0px;
padding: 0px;
}
body {
background: #29b14d url(images/bg.gif) repeat;
}
/* Page Structure */
#wrap {
width: 945px;
padding: 0;
margin: 0 auto;
}
#content {
width: 945px;
margin: 0 0 0 0;
background: #28af4c url(images/contentbg.gif) 100% 0 repeat-x;
float: left;
}
#contentPopup {
width: 400px;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
background: #28af4c url(images/contentbg.gif) 100% 0 repeat-x;
float: left;
}
#left {
width: 200px;
margin: 0;
padding: 0;
float: left;
display: inline;
}
#leftmiddle {
width: 410px;
margin: 0;
padding: 0;
float: left;
display: inline;
text-align:right;
}
#right {
width: 535px;
float: right;
padding: 20px 0 30px 0;
background: url(images/whatsonbg.gif) 50% 100% no-repeat;
}
#header {
width: 945px;
margin: 0;
padding: 0;
height: 347px;
background: #ccc url(images/headerbg.jpg) 0 0 no-repeat;
position: relative;
}
#home {
width: 945px;
margin: 0;
padding: 0;
height: 649px;
background: #000 url(../images/homebg.jpg) 0 0 no-repeat;
position: relative;
}
#shutterboard {
padding: 0px;
left: 21px;
top: 266px;
width: 345px;
height: 266px;
position: absolute;
background: none;
}
#logo {
margin: 52px 0 0 50px;
float: left;
width: 172px;
height: 112px;
}
.fooditems, .otherbars {
width: 505px;
float: right;
padding: 10px 0px 0px 0px;
}
#middle {
width: 210px;
float: left;
padding-top: 20px;
}
#imagescroll {
width: 300px;
background: #1fa848;
overflow: auto;
padding: 10px;
height: 300px;
margin: 20px 0 0 30px;
float: left;
border: #1fa848 5px solid;
}
/* Flash */
#flashmovie {
padding: 0;
margin: 0 auto;
}
#flashheader {
padding: 0;
margin: 0;
width: 945px;
height: 347px;
}
/* Calendar table */
#calendar {
width: 210px;
float: left;
background: url(images/calendarbg.jpg) 0 0 no-repeat;
font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#calendartitle {
margin: 15px 0 0 8px;
padding: 0;
width: 110px;
height: 30px;
background: url(images/calendar.gif) 0 0 no-repeat; 
}
#monthtitle {
margin-top: 4px;
padding: 0;
width: 24px;
height: 108px;
float: left;
}
th {
font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #ecebd3;
background: #274A20;
border: none;
width: 19px;
height: 17px;
}
td {
width: 19px;
height: 24px;
text-align: center;
background: #325f29;
color: #13ed8a;
font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
td a {
color: #fff200;
text-decoration: underline;
font-weight: bold;
}
td a:hover, td a:active {
color: #fff200;
}
td.today {
background: #128843;
}
.previous {
margin: 7px 10px 0 27px;
float: left;
}
.next {
margin: 7px 0 0 32px;
float: left;
}
/* Typography */
h1 {
background: #003300 url(images/h1bg.gif) repeat-x;
font: normal 18px/30px "Lucida Grande", "Tahoma", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #1fd563;
text-transform: uppercase;
padding: 0 0 0 440px;
height: 29px;
}
h2 {
font: normal 15px/20px Arial, Helvetica, sans-serif;
color: #f8ea00;
text-transform: uppercase;
padding: 0px 0px 0px 30px;
text-decoration: none;
}
p {
color: #e1e8e3;
font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
}
#right p {
padding: 5px 0px 10px 30px;
}
h4 {
font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #f8e800;
padding: 0;
margin: 10px 0 0 0px;
}
.lefttext {
font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #1fa848;
padding: 30px 10px;
margin: 0 0 0 35px;
background: #053d18 url(images/leftpbg.gif) 0 100% no-repeat;
width: 116px;
}
.fooditems p {
padding: 0px 50px 0px 0px;
}
h3 {
font: bold 14px/20px Arial, Helvetica, sans-serif;
color: #053D18;
padding: 0px;
}
.smalltype {
font: italic 11px/20px Arial, Helvetica, sans-serif;
color: #ffff33;
}
.smalltype2 {
font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}
#registerform p {
padding: 0 0 10px 30px;
}
p.address {
position: absolute;
top: 119px;
left: 236px;
font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
color: #264012;
}
p.indexlinks {
position: absolute;
top: 200px;
left: 300px;
font: 12px/25px Verdana, Arial, Helvetica, sans-serif;
}

p.errorMessage 
{
	color:#ffff33;
}

/* Links */
a {
border: none;
text-decoration: none;
color: #ffff33;
}
a img {
border: none;
}
a:hover{
border: none;
text-decoration: underline;
}
h2 a{
color: #13672d;
text-decoration: underline;
}
h2 a:hover{
font: normal 15px/20px Arial, Helvetica, sans-serif;
color: #f8ea00;
}
h2 a.current{
font: normal 15px/20px Arial, Helvetica, sans-serif;
color: #f8ea00;
text-decoration: none;
}
/* Navigation */
ul#menu {
margin-top: 0;
padding: 10px;
list-style-type: none;
text-align: right;
color: #a28d0a;
}
ul#menu li {
padding: 0 0 0 2px;
margin: 0;
font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
height: 24px;
width: 166px;
letter-spacing: .05em;
display: inline;
}
ul#menu li a {
margin: 0px;
color: #264012;
}
ul#menu a:hover {
color: #fff200;
text-decoration: none;
}
#login {
width: 127px;
height: 43px;
margin-top: 0px;
float: right;
}
/* Images */
.eventimg {
margin-left: 20px; 
margin-top: 26px;
display: inline;
border: none;
background: url(images/leftbottom.gif) 50% 100% no-repeat;
}
.albumbg {
float: left;
display: inline;
width: 200px;
height: 170px;
background: url(images/albumbg.gif) 0 0 no-repeat;
}
.albumimg {
margin-left: 50px;
margin-top: 26px;
}
.galleryimg, .aboutimg{
margin: 0 0 10px 30px;
border: #58bf77 8px solid;
}
.gallerythum {
margin: 5px;
border: #58bf77 1px solid;
}
.food {
margin: 20px 10px 0 0;
border: #58bf77 5px solid;
background: #58bf77;
}
.foodon{
margin: 20px 10px 0 0;
border: #ccc 5px solid;
background: #58bf77;
}


.food:hover {
border: #ccc 5px solid;
background: #ccc;
}
/* Footer */
#footer {
clear: both;
text-align: left;
background: url(images/footerbg.gif) 0 0;
height: 131px;
}
#footer a {
color: #ccdcd8;
text-decoration: none;
}
#footer a:hover {
color: #f8ea00;
text-decoration: none;
}
#footer p {
padding: 0px 0 0 15px;
color: #ccdcd8;
font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
}
#footer img {
padding: 60px 0 2px 79px;
}
/* Forms */
#middle select {
margin: 0 0 5px 0;
width: 170px;
border-style: none;
border-color: #219741;
border-width: 1px;
background: #dfe6ec;
padding: 2px;
}
.browsetext {
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
color: #0c3614;
margin-bottom: 20px;
}
#quicklogin {
height: 150px;
font: 11px/25px verdana,arial,sans-serif;
color: #006633;
height: 200px;
}
#quicklogin .switch {display: block; cursor:pointer; color:#000; font-weight:normal; margin-left: 30px;}
#quicklogin .switch .turn_off {display:none;}
#quicklogin .off {color:#006633;}
#quicklogin .off .turn_off {display:inline;}
#quicklogin .off .turn_on {display:none;}
#quicklogin .hide {display:none;}
#quicklogin .show {margin: 0px 0 0 30px; background: url(images/quicklogbg.gif) 0 0 no-repeat; padding: 10px;}
#quicklogin form {width:268px; height:150px; padding-top: 0px;}
#quicklogin form fieldset {background:#44b261; padding: 15px; margin: 5px 0 10px 0; border: #006633 1px dashed; text-align: right;}
.submit {
display: block;
margin: 0;
width: 70px;
height: 25px;
display: inline;
background: #006633;
color: #fff;
font: bold 11px/18px Arial, Helvetica, sans-serif;
border: none;
}
.submitlong {
display: block;
margin: 0;
width: 120px;
height: 25px;
display: inline;
background: #006633;
color: #fff;
font: bold 11px/18px Arial, Helvetica, sans-serif;
border: none;
}
.submitmedium {
display: block;
margin: 0;
width: 100px;
height: 25px;
display: inline;
background: #006633;
color: #fff;
font: bold 11px/18px Arial, Helvetica, sans-serif;
border: none;
}

#registerform {
margin: 0;
width: 400px;
}
#registerform label { 
margin: 2px;
float: left;
text-align: right;
display: block; 
width: 110px;
font: normal 11px/18px Verdana, Helvetica, Arial, sans-serif;
color: #fff;
}
#registerform input {
margin: 3px;
width: 240px;
border: #1fa848 1px solid;
background: #44b261;
height: 15px;
padding: 2px;
color: #003333;
}
#registerform input.checkbox1 {
margin: 3px 3px 0 110px;
float: left;
display: inline;
width: auto;
}
#registerform select {
margin: 3px;
border: #1fa848 1px solid;
background: #fff;
padding: 2px;
color: #003333;
font: normal 10px/18px Verdana, Helvetica, Arial, sans-serif;
}
#registerform input.submit {
display: block;
margin: 10px 0 0 3px;
float: left;
width: 70px;
height: 25px;
background: #006633;
color: #fff;
border: none;
}

#meetyouhereform {
margin: 0;
width: 510px;	
}
#meetyouhereform label { 
margin: 2px;
float: left;
text-align: right;
display: block; 
width: 110px;
font: normal 11px/18px Verdana, Helvetica, Arial, sans-serif;
color: #fff;
}
#meetyouhereform input {
margin: 2px;
width: 130px;
border: #1fa848 1px solid;
background: #44b261;
height: 15px;
padding: 2px;
color: #003333;
}
#meetyouhereform select {
margin: 2px;
border: #1fa848 1px solid;
background: #fff;
padding: 2px;
color: #003333;
font: normal 10px/18px Verdana, Helvetica, Arial, sans-serif;
}
#meetyouhereform input.submit {
margin-top: 10px;
width: 100px;
height: 25px;
background: #006633;
color: #fff;
border: none;
}

.col1
{
	float: left;
	width: 145px;
}
.col2
{
	float: left;
	width: 370px;
}
.col3
{
	float: left;
	width: 370px;
}