﻿body
{
	background-image: url('/images/bg.png');
	background-repeat: repeat; 
	background-attachment: scroll; 
	background-position: 0 0; 
	margin:  0; padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
}
#navigation
{
	font-size: 9pt;
	font-family: verdana, arial;
	margin-left: 3px;
	text-align:left;
	background-color: silver;
	padding:0.2em 0.6em;
}
div
{
	text-align:left;
}
p
{
	text-align:left;
}
}
.clock
{
	font-size: 9pt;
	font-weight: 600;
	font-family: arial, helvetica, sans-serif;
	background-color: silver;
}
.menu ul
{
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	float: left;
	width: 100%;
	text-align:left;
	height: 18px;
	margin: 0px;
	list-style-type: none;
}
.menu a
{
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	float: left;
	text-align:left;
	width: 150px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: gray;
	border-right: 0px solid white;
}
.menu a:hover
{
	background-color: silver;
}
.menu li
{
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	text-align:left;
	display: inline;
	padding-left: 0px;
}
table.reservation
{
	border-color: #000000;
	/*border: solid 1px black;*/
}
.titleheader
{
	font-size: 1em;
	text-align:left;
	font-weight: 600;
	color: #008080;
	width: 400px;
	border-bottom: 1px solid #008080; 
}
.content
{
	font-size: .95em;
}
.note
{
	text-align: center;
	font-size: 1.25em;
	color: #FF0000;
}
table.rates
{
	border: 1px solid rgb(0,0,0);
	empty-cells: hide;
}

#container
{ 
	width: 150px; 
	margin: 0 auto; 
	/* 
	background: #fff url(/images/main_bg.jpg); 
	border-left: 1px solid #383838; 
	border-bottom: 15px solid #d5d7db; 
	border-right: 1px solid #383838; 
	border-top-width: 0;
	*/
	font-family: arial, helvetica, sans-serif; 
	font-size: 0.7em;
	text-align: left; 
}
#masthead
{ 
	background: url(/images/header.jpg) repeat-x;
	color: white;
	width: 900px; 
	height: 134px; 
	margin: 0 auto; 
	padding: 0; 
	border-top: 1px solid #383838; 
	border-right: 1px solid #383838; 
	border-left: 1px solid #383838; 
	border-bottom-width: 0;
}
#dropdown
{ 
	width: 100%; 
	float: right; 
	padding-top: 114px;
}
a
{
	padding-top: 2px;
	padding-bottom: 1px;
	text-decoration: none;
	cursor: pointer;
}

a:hover
{
	color: #008080;
}
TD
{
	padding-right: 5px;
	padding-left: 3px;
	text-align:left;
	padding-top: 10px;
	background-color: #FFFFFF;
}
/*
D: Hacks for IE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
The following is the fix for 3-pixel-jog bug in IE. Hide from IE5-mac. Only
IE-win sees this. */

* html #content {
 /*margin-right: 7px;*/
}

* html #sidebar {
 height: 1%;
}
/* End hide from IE5/mac */


/* This piece of code is for clearing the floats without structural markup Don't
modify it ------------------------------------------------------------------> */

:after.clearfix {
 content: ".";
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}
/* End hide from IE-mac */
H1
{
	font-size: 14pt;
}
/*
6. Sidebar -----------------------------------------------------------------> */
#sidebar { position: relative; float: left; width: 225px; margin: 0 0 0 10px; font-family:tahoma; font-size: 1em; text-align: left; /* IE hack Part 2 */
 display: inline; }

#sidebar ul {
 position: relative;
}

#sidebar ul li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }

#sidebar ul li {
 margin: 0;
 padding: 0;
}

#sidebar ul {
 margin: 0;
 padding: 0;
}

#sidebar ul li ul{
 background: #fff;
 margin: 0 5px 0 0;
 padding: 1px 5px 1px 0;
}

#sidebar h2 {
 background: url(images/navgradient.jpg) repeat-x 50% top;
 height: 16px;
 margin: 10px 5px 0 0;
 padding:  1px 0 1px 10px;
 color: #696969;
 border-bottom: 1px solid #fff;
}

#sidebar ul li ul li{
 margin: 0 10px 0;
 display: block;
 background: url(images/bullet.jpg) no-repeat;
 padding: 0;
}

#sidebar ul li ul li a{
 display: block;
 height:1%; /* IE WIN */
}

#sidebar ul li ul li a:hover
{
 background: transparent;
 text-decoration: none;
}

#sidebar ul li ul li ul {
 margin: 0;
 padding: 0;
}