* 
{
  border: 0;
  padding: 0;
}

/* The main panel, which holds the web content, in the centre of the browser screen. */
#curfewpanel 
{
	padding-right: 3px;
	padding-bottom: 3px;
	width: 700px;
	height: 500px;
}

/* 
 * Start of the component banner for the website, so that only the
 * word needs to change.  The Roundhead, Title, and address will
 * all be static in this banner division.
 */
#curfewbanner
{
	float: none;
	width: 100%;
	height: 161px;
	background: url(../images/banner/banner.gif) no-repeat top right;
}

#curfewbannerchristmas
{
	float: none;
	width: 100%;
	height: 161px;
	background: url(../images/banner/xmasbanner.gif) no-repeat top right;
}

/* The divisions to show the welcome, about us, etc. title. */
#curfewbannertitle
{
	padding-top: 50px;	/* To make the thing sit on the bottom of #curfewbanner (cludge) */
	width: 500px;
	height: 110px;
	float: right;
	bottom: 0px;
	z-index: 0;
}

#curfewbannersign
{
	width: 520px;
	height: 72px;
	background: url(../images/banner/bannercurfew.gif) no-repeat top;
}

/* The horizontal menu bar, at the top of each window, in the banner. */
.horizontallinks
{
	border-top: 1px solid #94A6B5;
	border-bottom: 1px solid #94A6B5;
	background-color: Black;
	width: 100%;
	border-bottom: 1px solid #FF4040;
	border-top: 1px solid #FF4040;
}
* html .horizonallinks
{
	width: 90px;
}
.horizontallinks a
{
	font: bold 11px tahoma;
	
	/* display: block; */
	/* width: 100%; /*Define width for IE6's sake*/
	text-decoration: none;
}

.horizontallinks a:hover
{
	background-color: Orange;
}

.horizontallinkitem
{
	width:auto;
	background-color: Black;
	color: #FFFF80;
	float: none;
	
}

.horizontallinkitem a:hover
{
	background-color: Orange;
}

.horizontallinkitemleft 
{
	width: 45%;
	background-color: Black;
	color: #FFFF80;
	float: left;
}

.horizontallinkitemright
{
	width: 45%;
	background-color: Black;
	color: #FFFF80;
	float: right;
}


/* Main body of the page, into which all the information is put. */
.curfewbody
{
	width: 100%;
	/*background: url(../images/curfew_watermark.jpg) no-repeat #990033 center;*/
	background-image: url(../images/curfew_watermark.jpg);
	background-position:center center;
	text-align: left;
}

.curfewbodyf
{
	width: 100%;
	height: 500px;
	/*background: url(../images/curfew_watermark.jpg) no-repeat #990033 center;*/
	background-image: url(../images/curfew_watermark.jpg);
	background-position:center center;
	text-align: left;
	border: solid 1px white;
}

.curfewbody h1,p,a 
{
	color: White;
}

.curfewbodyf h1,p,a 
{
	color: White;
}

.curfewbody a:visited
{
	color: White;
}

.curfewbodyf a:visited
{
	color: White;
}

/* Panel containing the exterior image, for the front page. */
#curfewexterior 
{
	background-image: url(../images/exterior.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	float:right;
	width: 428px;
	height: 284px;	
	border: #ffff00 1px solid;
}


/* The Curfew painting */
#curfewpainting
{
	background-image: url(../images/painting.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	float: right;
	width: 266px;
	height: 360px;
	border: #ffff00 1px solid;
}

#curfewrightbodytext
{
	float: right;
	border: #ffff00;
	color: White;
}

/* Panel containing LightBox thumbnail illustrations */
.curfewillustright
{
	float: right;
	border: #ffff00;
	width: 100px;
	border: 1px solid;
	padding: 3px;
	text-align: center;
	font-size: smaller;
	color: #ffffff;
}

/* Panel containing Lightbox thumbnail illustrations */
.curfewillustleft
{
	float: left;
	border: #ffff00;
	width: 100px;
	border: 1px solid;
	padding: 3px;
	text-align: center;
	font-size: smaller;
	color: #ffffff;
}

.curfewillustleftnoborder
{
	float: left;
	width: 100px;
	padding: 3px;
	text-align: center;
	font-size: smaller;
	color: #ffffff;
}

/* Class for illustration bar. */
.curfewillustrationbar 
{
	text-align: center;
	border: #ffff00;
	border: 1px solid;
	padding: 3px;
	text-align: center;
	font-size: smaller;
	color: #ffffff;
}

.curfewleftbodytext
{
	float: left;
	border: #ffff00;
}

.curfewleftbodytextf
{
	float: left;
	border: #ffff00;
	height: 270px;
}

.curfewleftbodytext a
{
	color: White;
	text-decoration: none;
}

.curfewleftbodytext a:visited
{
	color: White;
	text-decoration: none;
}

.curfewleftbodytext a:hover
{
	color: Blue;
	text-transform: capitalize;
	background: orange;
}

.curfewrightbodytext
{
	float: right;
	border: #ffff00;
}

.curfewleft50
{
	float: left;
	width: 49%;
	color: #ffffff;
}
.curfewright50
{
	float: right;
	width: 49%;
	color: #ffffff;
}

#curfewsmallbreak
{
	font-size: small;
	line-height: 5px;
}

/* The page should now fade to white. */
body
{
	background: url(../images/background/fader.gif) repeat;
	background-color: #ffffff;
	font-family: Calibri;
	font-size: 12px;
	font-weight: bold;
}

th 
{
	background-color: #990033;
	font-family: Calibri;
	font-size: 12px;
	/*font-weight: bold;*/
}

.curfewimage 
{
	background-color: Transparent;
}

h1,h2,h3,h4,p,li,span
{
	font-family: Calibri;
	color: #ffff80;
}

p
{
	text-align: left;
	color: White;
	margin-right: 10px;
	margin-left: 10px;
}

span 
{
	margin-left: 10px;
}

.curfewcontactfont
{
	font-size: large;
	font-style: italic;
}

h1 
{
	text-align: center;
}

#curfewleft 
{
	width: 100%;
	/*background: url(../images/left.jpg) no-repeat #ffffff;*/
	text-align: left;
	float:  left;
	
}


/*
 * VBAlchemy page footer.
 * for all Websites, showing copyright, etc.
 */
.vbalchemyfooter 
{
	border-top: 1px solid #94A6B5;
	border-bottom: 1px solid #94A6B5;
	background-color: Black;
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #FF4040;
	border-top: 1px solid #FF4040;
	text-align: left;
	background: black url(../images/vbalchemygoldbar.jpg) repeat-x top
}

.vbalchemyfooterleft
{
	width: 33%;
	float: left;
	color: black;
	font-family: Arial;
	margin: inherit;
}

.vbalchemyfooterright
{
	width: 33%;
	float: right;
	color: black;
	font-family: Arial;
	margin: inherit;
	text-align: right;
}

.vbalchemyfooter a
{
	font-family: Arial;
	color: black;
	text-decoration: none;
}
.vbalchemyfooter a:hover 
{
	background-color: Orange;
}
.vbalchemyfooter a:visited
{
	color: black;
}

.vbalchemyfooterrightright
{
	width: 33%;
	float: right;
	text-align: right;
	color: black;
	font-family: Arial;
	margin: inherit;
}

.vbalchemyfootermiddle
{
	width: 33%;
	float: left;
	color: black;
	text-align: center;
	font-family: Arial;
	margin: inherit;
}

/* Footer definitions.  The ...rightright, is a sub-DIV class within the footerright. */
.curfewfooter
{
	border-top: 1px solid #94A6B5;
	border-bottom: 1px solid #94A6B5;
	background-color: Black;
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #FF4040;
	border-top: 1px solid #FF4040;
	text-align: left;
	z-index: 0;
}

.curfewfooterleft
{
	width: 33%;
	height: 35px;
	float: left;
	color: White;
	font-family: Arial;
	margin: inherit;
}

.curfewfooterright
{
	width: 33%;
	height: 35px;
	float: right;
	color: White;
	font-family: Arial;
	margin: inherit;
	text-align: right;
}

.curfewfooter a
{
	font-family: Arial;
	color: White;
	text-decoration: none;
}
.curfewfooter a:hover 
{
	background-color: Orange;
}
.curfewfooter a:visited
{
	color: White;
}

.curfewfooterrightright
{
	width: 33%;
	float: right;
	text-align: right;
	color: White;
	font-family: Arial;
	margin: inherit;
}

.curfewfootermiddle
{
	width: 33%;
	height: 35px;
	float: left;
	color: White;
	text-align: center;
	font-family: Arial;
	margin: inherit;
	background: url("../images/pumpbracketsfooter.jpg") no-repeat top;
}

/* Left hand division for containing an icon or picture (like the telephone on 
 * the Contact Us page).
 */
.curfewlefticon
{
}


/* A division to contain pictures of all the pumps. */
.curfewallpumps
{
	width: 553px;
	height: 240px;
}

/* Each pump inside its own division (necessary?) */
.curfewpump
{
	width: 92px;
	height: 240px;
	float: left;
}

/* The division inside the hover text is displayed. */
.curfewpumpbox
{
	width: 500px;
	height: 60px;
	text-align: center;
}

/* Divisions for displaying pictures in the Our Week page. */
/* Div for holding each picture. */
.curfewdaypic
{
	width: 150px;
	height: 140px;
	border: solid 1px Yellow;
}

/* Left-hand paragraph for holding the left-hand column of pictures. */
.curfewdayleft
{
	float: left;
	width: 150px;
}

/* right-hand paragraph for holding the right-hand column pictures. */
.curfewdayright
{
	float: right;
	width: 150px;
}

/* The top-middle paragraph, holding Wednesday currently. */
.curfewdaymiddle
{
	float: left;
	width: 57%;
}

.curfewweekday
{
	text-align: center;
	font-size: large;
}
/* The middle paragraph which holds the blackboard. */
.curfewmiddle
{
	float: left;
	width: 57%;
}

/* The black board (a black square). */
.curfewblackboard
{
	margin-top: 20px;
	background: black;
	width: 300px;
	height: 250px;
	overflow: auto;
}

/* The font on the blackboard. */
.curfewweektext
{
	margin: 20px;
	font-family: Bradley Hand ITC;
	font-weight: bold;
	font-size:  x-large;
}

/* A division to contain an image. */
.curfewleftimage
{
	width: 430px;
	height: 450px;
	float: left;
}

.curfewrightimage
{
	width: 260px;
	height: 500px;
	float: right;
}

/* Styling for making flashing text. */
.blink 
{
	display: inline;
}

/* Events list - makes the list left justified. */
.curfeweventsList 
{
	text-align: center;
	/*text-indent: 50px;*/
}

/* Ensure that intra-page links are white. */
.curfewlink
{
	color: White;
}

/* and remain white, even when they've been clicked on. */
.curfewlink a:visited
{
	color: White;
}

td
{
	color: #FFFF80;
	text-align: left;
}
.centre
{
	text-align: center;
}