html {

	background-color: #00b;

	color: white;

	font-family: Verdana, sans-serif;

	font-size: 10pt;

/* 	overflow: hidden; */

}



body {

	margin: 0;

	padding: 0;

	padding-left: 1%;

	padding-right: 1%;

	width: 98%;

	height: 100%;

}



h1, h2, h3, h4, h5, h6 {

	font: bold large "Copperplate Gothic", Copperplate, Berlin, Georgia, Verdana, serif;

}



h1 { font-size: xx-large; }



a:link    { color: #ddf; }

a:active  { color: aqua; }

a:visited { color: #f8f; }



#header {

	top: 0;

	left: 0;

 	width: 100%;

/*  	max-height: 200px; */

	clear: both;

}



#header div#headLeft {

	float: left;

	width: 50%;

	text-indent: 74px;

	clear: none;

}



#header div#headLeft img {

	height: 73px;

	width: 70px;

	position: absolute;

	top: 2px;

	left: 0;

}



#header div#headRight {

	font-size: smaller;

	text-align: right;

	float: right;

	width: 50%;

	clear: none;

}

/* iPhone: don't shrink the text */

@media only screen and (max-device-width: 480px) {

	#headRight {

		font-size: medium;

	}

}



#menubar {

	position: relative;

	clear: both;

	width: 100%;

	background-color: #FC0;

	color: black;

	table-layout: fixed;

	display: table;

}



#menubar ul, #menubar tr {

	display: table-row;

	list-style: none;

}



#menubar ul li {

	display: inline;

}



#menubar ul li, #menubar tr td {

	display: table-cell;

	background-color: #ec0;

	border: 4px #fd1 solid;

	border-right: #a80;

	border-bottom: #a80;

	text-align: center;

	vertical-align: middle;

	line-height: 1.75em;

	clear: none;

}

/* iPhone:  Larger, more clickable buttons */

@media only screen and (max-device-width: 480px) {

	#menubar ul li {

		line-height: 3.5em;

		font-size: x-large;

	}

}



#menubar:hover ul:hover li:hover, #menubar:hover tr:hover td:hover {

	background-color: #fd0;

	border: 2px #fe2 solid;

	border-right: #b91;

	border-bottom: #b91;

	cursor: pointer;

}



#pcontent {

	position: relative;

	clear: both;

	display: block;

	background-color: white;

	color: black;

	width: auto;

	overflow: hidden;

	padding: 2%;

	border-bottom-left-radius: 25px;

	border-bottom-right-radius: 25px;

	-moz-border-radius-bottomleft: 25px;

	-moz-border-radius-bottomright: 25px;

	-webkit-border-bottom-left-radius: 25px;

	-webkit-border-bottom-right-radius: 25px;

}



#menubar a:link, #pcontent a:link    { color: #00c; }

#menubar a:active, #pcontent a:active  { color: #f00; }

#menubar a:visited, #pcontent a:visited { color: #80c; }



#footer {

	position: relative;

	font-size: x-small;

	clear: both;

}



#footer #copyright {

	float: left;

}



#footer #valids {

	/*text-align: right;*/

	float: right;

}



#valids {

	/*font-size: smaller;*/

}



.displayImage {

	width: 500px;

	height: 375px;

	float: right;

	padding: 4px;

}



#cash 		{ max-width: 100px;	max-height: 43px; }

#cheque		{ max-width: 100px;	max-height: 42px; }

#discover   { max-width: 65.625px; max-height: 42px; }

#visa		{ width: 136.98512382px; 	height: 42px; }

#mastercard { width: 100px; 	height: 66.666666667px; }

#amex		{ width: 100px; 	height: auto; }
