html   {margin: 0; font-family: comic sans ms, tahoma, helvetica, sans-serif; font-size: 13px; scrollbar-base-color: chartreuse;}
body   {
	margin: 0;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 13px;
	scrollbar-base-color: chartreuse;}
a                       {text-decoration: none}
a:link                  {color: green;}
a:visited               {color:purple;}
a:hover                 {color: darkgreen;}
a:active                {color: green;}
a:visited:hover         {color: darkgreen;}

TABLE                   {
	border-collapse: collapse;
	width: 100%;}
TD                      {
	font-size: 13px;
	vertical-align: top;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;}

h6  {font-size: 13px; margin: 2 0 2 4; font-family: comic sans ms, tahoma, helvetica, sans-serif; color: #006}
h5  	{
	font-size: 14px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	color: #006;
	font-weight: 700;}
h4  	{
	font-size: 16px;
	margin: .5em .5em 1 0;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	color: #006;
	font-weight: 700;}
h3  	{
	font-size: medium;
	margin: .5em 0 -1 0;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	color: #006;
	font-weight: 700;}
h2	{
	font-size: large;
	margin: 4 0 0 0;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	color: #006;
	font-weight: 700;}
h1	{
	font-size: x-large;
	margin: 4 0 -1 -1;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	color: #006;
	font-weight: 700;}
p      {
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 13px;
	margin: 2 0 .5em 0;
	font-weight: 500;}

#header                 {
	position: absolute; top: 10; left: 2%; height: 140; width: 30%;}
#headerright            {
	position: absolute; top: 40; right: 2%; height: 140; width: 510; }

#navtop       {
	position: absolute;
	top: 196;
	left: 0;
	width: 100%;
	background: #336 url('../images/navtop-bak.jpg') repeat-x;
	border-top: 2px solid purple;
	border-bottom: 2px solid purple;
	height: 30px;
	color: #FF6;
	font-weight: bold;
	padding: 3;
	text-align: center;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;}

#navtop a:link             {color: chartreuse;}
#navtop a:visited          {color: chartreuse;}
#navtop a:hover            {color: yellow;}
#navtop a:active           {color: white;}
#navtop a:visited:hover    {color: yellow;}

#main          {position: absolute; top: 240; width: 98%;}
#contentleft   {position: absolute; top: 0; left: 3%; width: 70%; padding: 1em;}
#contentright  {position: absolute; top: 0; left: 74%; width: 22%; border-left : 1px dotted chartreuse;padding: 1em;}

#footer        {position: absolute; top: 1000; left: 0; width: 100%; border-top: 2px solid chartreuse; padding: 2 0 1em 0;}
#footer p      {
	text-align: center;
	font-size: x-small;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;}

.cleardiv     {clear: both;}

ul             {list-style-type: square; margin: 2; padding-left: 1.5em;}
li             {
	margin: 2 0;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 13px;}
hr             {
	color: #660033;
	height: 2px;
	width: 100%;
	margin: 2 0 1 0;}
img            {border: 0px none;}
.reservation     {
	border: thin inset #800080;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: x-small;
	width: 250px;
	height: 20px;}
.button     {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: x-small;
	font-weight: 600;
	color: #FFFF00;
	background-color: #800080;
	border: medium outset #800080;}

table.products     {
	border: 2px outset #99FF66;
	width: 98%;}
table.products td     {
	padding: 3px;
	border: 2px inset #99FF99;
	width: 33%;
	vertical-align: top;
	text-align: center;}
img .border     {
	border: thin solid #666633;}

strong     {
	font-weight: 700;
	color: #800080;}