@charset "iso-8859-1";
body {
	margin: 0;
	padding: 0;
	font: small verdana, arial, helvetica, sans-serif;
	color: #333;
	background-color: ##ECF0F1;
}

/*body { behavior:url("jscript/csshover.htc");}*/

/*h1 {
	margin: 0 0 16px 0;
	padding: 0;
	font-size: medium;
}
*/

img {
	border: 0;
}

p, ul li {
	font: small verdana, arial, helvetica, sans-serif;
	margin: 0 0 16px 0;
	padding: 0;
}

#Content2.centre table {
	color: #ff0000;
}

#Content1>p, #Content2>p {margin: 0;}
#Content1>p+p, #Content2>p+p {text-indent: 30px;}
 
 

/*
a {
	color: #ff5500;
	text-decoration: none;
	font-weight: bold;
	font: small verdana, arial, helvetica, sans-serif;
}
*/

a {
	background: url() bottom repeat-x;
	text-decoration: none;
}

a:link {color:#ff5500;}

a:visited {color:#8d4907;}
/*a:visited {color:#ffcc00;}*/
/*ffaa55*/

/*a:hover {background:#ffcc00;}*/
a:hover { background-image: url(underline2dark.gif); }


a:active {color:#cc9900;}

a {outline:none}

/*td.lftfix img.crsr:hover {background-color:#FFD400;}*/

/* Box Model Bug
W3C:
If 'width' is specified on a block element it is taken as the content width, i.e.
the total (displayed) width of the element =
the specified content width plus the total border width plus the total padding width, e.g.
200px                       +    2px                    +    20px         = 222px
IE5/5v5Win:
If 'width' is specified on a block element it is taken as the total displayed width, i.e. 
the total (displayed) width of the element = the value specified for 'width'.
So if horizontal borders and/or padding are also specified, the content width will be the 
specified width less the horizontal border and padding values.

The 'hack' involves first declaring a width equal to the content width plus borders and padding 
and then using an IE5/5v5 parsing error to declare the correct width so that W3C browsers 
see the correct width value.
BlueRobot believes the same behaviour occurs on height.
*/
#Header {
	font-size: medium;
	font-weight: bold;
	/* Required content height in this container: 21px */
	margin:25px 0 12px 0;
	/* this margin declaration spaces the header 25px down from the top of the page and  
	keeps succeeding content 12px below the header border (note: the Menu is absolutely
	positioned) */

	padding:17px 0 10px 20px;
	/* any content in the #Header div (text in this case) will be 17px below the top border,
	10px above the bottom border and inset 20px from the left of the page */

	border-style:solid;
	border-color:black;
	border-width:0px 0;
	/* top and bottom borders: 1px; left and right borders: 0px */
	line-height:21px;
	/* Seems to be optional?? */

	height:50px;
	/* 21px + 17px + 10px + 2px */
	/* For IE5/5v5Win's benefit height = [content height] + [padding] + [borders] */
	/*background-color:#ffee00;*/
	background: url(../images/headertile.gif) top left repeat-x;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:21px;
	/* the correct height */
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:21px;}

#Avail {
	font-size: medium;
	font-weight: bold;
}

#Change {
	font-size: 1em;
	font-weight: bold;
}
#hash {
  display: flex;
  justify-content: space-between;
}
#Content1, #Content2 {
	margin:0 50px 50px 250px;
	padding:10px;
	border: 0 solid;
	}
	
 #Menu {
	/* Required content width in this container: 170px */
	position:absolute;
	top:100px;
	left:10px;
	padding:10px;
	border-width:0px 0px 0px 0px;
	border-style: solid;
	border-color: #999;
	/*width:190px;*/
	/* 170+0+0+10+10=190 */
	line-height:17px;
	/*background-color:#ffee00;*/
	background: url(../images/menutile.gif) top left repeat-y;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:170px;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {
	width:170px;
}
	
table#prices {
	font-size: large;
	color:#000000;
	border-width: 1px;
	border-style: solid;
	margin-left:auto;
	margin-right:auto;
	text-align: center; 
	}
	
table#prices caption{
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
	text-align: center;	
	}
	
/*Contextual selectors*/

/*Needed to make IE 5.0 & 5.5 show correct font size*/
/*div#Content div.centre div.jstfy p {font-size: small;}
div#Content div.centre div.jstfy ul li {font-size: small;}
div#Content div.centre table.small tr td {font-size: small;}
div#Content div.centre ul.left li.heavy ul li {font-size: small;}

div#Content div.centre table.avachart tr.avachart td img.imgover {cursor: hand;}

div#Content div#panel3 table tr td img.imgover {cursor: hand}

div#Content div.centre span {color:#FFFFFF;}
*/

td p {
text-align: left;
}

td h5 {
text-align: left;
}

ul.address {
  list-style: none;
}

ul.address li {
  font-weight: bold;
}

.phone {
  font-weight: bold;
}

#Header a {
	font-size: medium;
	font-weight: bold;
}

#Menu a {
	font-size: small;
	font-weight: bold;}

#Menu p span {
	text-align: right;}

table.avachart {
	background: #ffee00;
}
tr.avachart {
	background: #ffee00;
}
td.avachart {
	padding-top: 0px;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-right: 2px; 
	font-size: 8pt;
}

/* Classes */

.xxlarge {
 font-size: xx-large;
}
.xlarge {
 font-size: x-large;
}
.large {
 font-size: large;
}
.medium {
 font-size: medium;
}
.small {
 font-size: small;
}
.xsmall {
 font-size: x-small;
}
.xxsmall {
 font-size: xx-small;
}
.heavy{
font-weight: bold;
font-size: small;
}
.centre {
text-align: center;
}
 .centrerect {
text-align: center;
padding: 5px;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid;
}

.crsr {
cursor: hand;
}

.jstfy {
text-align: justify;
}
.left {
text-align: left;
}

.lftfix {
	text-align: left;
	font-family: "Courier New" "Monotype corsiva";
}

.lfteeny {
	font-size: xx-small;
	color: #800040;
	text-align: left;
}

.nodisplay {
	display: none;
}

.orange {
	background: #ffd400;
}	

.red {
	background: #ff3300;
}

.rght {
	text-align: right;
}
.rghtfix {
	text-align: right;
	font-family: "Courier New" "Monotype corsiva";
}

.rghteeny {
	font-size: xx-small;
	color: #800040;
	text-align: right;
}

.redxxsmall {
	font-size: xx-small;
	color: #FF3300;
}

.textfield {
	border-top: #FFD400 1px solid;
	border-right: #FFD400 1px solid;
	border-bottom: #FFD400 1px solid;
	border-left: #FFD400 1px solid;
	background-color: #FFFDF3;
}

.thumbnail {
	float: left;
	width: 60px;
	border: 0 solid #999;
	margin: 0 90px 0 10px;
}

.white {
	background-color: #ffffff;
}

.yellow {
	background-color: #fff9af;
}