/*  IE5.5 IE6 png fix - Alpha image loader javascript htc */
div, img, ul { behavior: url("htc/iepngfix.htc"); }


html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
    background-color: #000000; /* colour same as footer, accounts for pages that are short. Alt is to do colour same as middle*/
	background-repeat:repeat;
	background-image: url(../images/bg.jpg);
}

#site {
width:860px;
margin-left:auto;
margin-right:auto;
}

#banner {
float:left;
width:587px;
height:151px;
}

#box {
width:817px; /* Was 790, but decided to enlarge to fit the TIGI stand, and then set a no repeat on the image */
height:565px;
float:left;
background-image: url(../images/page_box.jpg);
margin-left:48px;
background-repeat:no-repeat;
}

#white_stripe_left {
width:300px;
height:24px;
margin-left:165px;
float:left;
margin-top:3px;
}

#white_stripe_left span, #white_stripe_right span {
font-size:1.3em;
font-weight:normal;
color: #5e5e5a;
}

#white_stripe_right {
width:150px;
height:24px;
float:left;
margin-left:124px;
margin-top:3px;

}

#white_stripe_right a {
color: #5e5e5a;
text-decoration:none;
}

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


#content_left {
width: 523px;
float:left;
margin-top:-4px; /* for some reason this content shifted itself down, so I have set a slight negative margin */
}

#content_right {
width:294px;
height:564px;
float:left;
margin-top:-8px;
}

h2 {
margin:0;
padding:0;
color: #FFFFFF;
font-size:1.2em;
margin-left:10px;
margin-top:5px;
}

h2 span {
font-weight:normal;
}

h1 {
color: #2d2e2d;
margin:0;
margin-left:15px;
margin-top:20px;
font-size:1.7em;
}

p {
padding-top:2px;
margin-left:15px;
margin-right:15px;
font-size:1.2em;
line-height:15px;
letter-spacing:0.05em;
}

h2.alt {
color: #2d2e2d;
font-size:1.5em;
margin-left:27px;
padding-top:16px;
}

ul {
margin:0;
padding-left:10px;
margin-top:10px;
}

li {
list-style-type:none;
font-size:1.2em;
}

.day {
width:50px;
float:left;
margin-top:2px;
}

.time {
width:150px;
float:left;
margin-top:2px;
margin-left:9px;
text-align:center;

}

#opening_times {
width:250px;
float:left;
	}
	
#opening_times p {
	font-size:0.8em;
	margin-left:10px;
}

#footer_left {
width:400px;
float:left;
margin-left:58px;
margin-top:3px;
}

#footer_left span, #footer_right span {
color: #FFFFFF;
}

#footer_right {
width:204px;
float:left;
margin-left:160px;
}

img {
border:none;
}

#footer_right a:hover {
border-bottom:4px solid #2d2e2d;
}