html {
	background-color:white;
}

body {
	font-size:100%;
	padding:0;
	border:0;
	margin:.8em;
	background-image:url('http://rentalocal.thad.com/Rent-A-Local-light-blue.jpg');
}

#wrap {
	font-family: verdana, arial, helvetica, sans-serif;
	margin:0 auto;
	width:1000px;
	position:relative;
	text-align:left;
}

#logo {
	height:122px;
	width:1000px;
	margin:0 0 .8em 0;
}

#logo img {
	z-index:1;
}

h1 {
	position:absolute;
	margin:0;
	border:0;
	padding:0;
	color:white;
	z-index:2;
}

#main {
	float:right;
	width:687px;
	margin:0;
}

#main_text {
	width:659px;
	border:2px solid #33c;
	background-color:#E1EFFF;
	padding:.8em;
	text-align:justify;
}

#main_text ul {
	padding:0 0 0 1.5em;
	margin:.75em 0 0 0;
}

#main_text li {
	/*border:2px solid;*/
	/*font-size:.8em;*/
	text-align:justify;
	margin:0;
}

.borderit li {
	padding:.4em;
}

.border_off {
	border: 2px solid #E1EFFF;
	color:#000;
	background-color:#E1EFFF;
}

.border_on, .borderit li:hover, .border_off li:hover {
	border: 2px solid #33C;
	color:#33C;
	background-color:#D4DCFF;
}

.calendar, .the_day, .receipt {
	margin:0 auto;
	border-collapse: collapse;
}

.calendar thead, .the_day thead {
	margin:0;
	padding:.25em 0;
	background-color:#8c8;
}

.credit_card th {
	margin:0;
	padding:.75em 0 .5em 0;
}

.calendar th, .calendar td, .the_day th, .the_day td {
	border: 1px solid #000;
}

.receipt th, .receipt td {
	background-color:white;
	border: 1px solid #blue;
	padding:3px 4px;
}

td.amount {
	text-align:right;
}

.calendar td button {
	font-size:13px;
	text-align:left;
	width:5em;
	height:5em;
	border:0;
	padding:0 0 4em 0;
	margin:0;
}

.the_day td button {
	font-size:5em;
	font-weight:bold;
	height:2em;
	width:2em;
	border:0;
	padding:0;
	margin:0;
}

.the_day_button {
	height:1.7em;
	width:1.7em;
	vertical-align:center;
	background-color:#adb;
	font-size:4.5em;
	font-weight:bold;
}

.weekend {
	background-color:#ded;
}

.weekend button, .sold_out_weekend button {
	background-color:#ded;
}

.weekend button:hover, .sold_out_weekend button:hover {
	background-color:#efe;	
}

.past_weekend {
	height:5em;
	vertical-align:top;
	background-color:#bcb;
}

.sold_out_weekday {
	background-color:#8b9;
}

.sold_out_weekend {
	background-color:#bcb;
}

.weekday {
	background-color:#adb;
}

.weekday button, .sold_out_weekday button {
	background-color:#adb;
}

.weekday button:hover, .sold_out_weekday button:hover {
	background-color:#bec;	
}

.past_weekday {
	height:5em;
	vertical-align:top;
	background-color:#8b9;
}

.next_month {
	vertical-align:top;
	background-color:#ddd;
}

.last_month {
	vertical-align:top;
	background-color:#bbb;
}

.attractions, .activities, .abouts {
	float:left;
	width:33%;
	color:#33c;
	font-size:.8em;
	font-weight:bold;
	text-align:left;
	margin:0 auto;
}

.attractions input, .activities input {
	display:block;
	float:left;
}

.attractions label, .activities label {
	display:block;
	float:left;
	padding-left:4px;
}

.hide_stuff {
	display:none
}

.show_stuff {
	display:block;
}

.attractions label, .attractions input, .activities label, .activities input {
	cursor:pointer;
}

.more_attractions div {
	margin-bottom:.8em
}


#sidebar {
	background:white;
	text-align:center;
	float:left;
	width:300px;
	margin:0 13px 0 0;
}

#footer {
	clear:both;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:.625em;
	margin:.8em auto 0 auto;
	max-width:1000px;
	text-align:right;
}

p {
	text-align:justified;
	font-size:80%;
	margin:.75em 0;
	border:0;
	padding:0;
}

td {
	font-size:.8em;
}

h2 {
	color:#33c;
	text-align:center;
	margin:.5em 0;
}

h3 {
	text-align:center;
}

h4 {
	text-align:center;
}

dt {
	font-size:.8em;
	font-weight: bold;
}

dd {
	font-size:.8em;
	margin-bottom: .75em;
}

textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	margin:0;
}

.red_text {
	color:#F66;
	text-align:center;
}

.gray_text {
	color:#808080;
	text-align:center;
}

.black_text {
	color:black;
	text-align:left;
}

th {
	text-align:center
}

caption, .captions {
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:.5em;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

div.centered{
	width:50%;
	margin:0 auto;
}

a.buttons {
    background: transparent url('bg_button_a_Thad.gif') no-repeat scroll top right;
    color: #33C;
    display: block;
    float: left;
    font: bold 16px verdana, arial, helvetica, sans-serif;
    height: 24px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.buttons span {
    background: transparent url('bg_button_span_Thad.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 0 6px 18px;
}

a.buttons:active {
    background-position: bottom right;
    color: #22B;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttons:active span {
    background-position: bottom left;
    padding: 5px 0 5px 18px; /* push text down 1px */
}

.nav_bar {
	background:white;
	clear:both;
	padding:0; 
	margin:4px;
	list-style-type:none;
}

.nav_bar li {
	float:left;
	width:109px;
	margin:6px 0 6px 6px;
	text-align:center;
}

.nav_bar a {
	display:block;
	width:109px;
	padding:.25em 0;
	margin:0;
}

button {
	font-family: verdana, arial, helvetica, sans-serif;
	cursor:pointer;
}

.red {
	background:#FEEEEE;
	color:#D30000;
	padding:.25em 0;
	border:3px double #D30000;
}

.yellow_inverted {
	background:#CCC633;
	color:#FFFDF2;
	padding:.25em 0;
	border:3px solid #CCC633;
}

.yellow {
	background:#FFFDF2;
	color:#CCC633;
	padding:.25em 0;
	border:3px double #CCC633;
}

.green {
	background:#F0FFF6;
	color:green;
	padding:.25em 0;
	border:3px double green;
}

.green_button {
    display:block;
    border:0;
    margin:0;
    padding:.25em 0;
	width:109px;
	background:#FFF;
	color:green;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:1em;
	cursor:pointer;
}

.green_button:hover {
	background:green;
	color:#FFF;
}
.green_button_frame {
	background:#FFF;
	color:green;
	border:3px double green;
}

.hand_cursor {
	cursor:pointer;
}


.nav_bar a:link {text-decoration:none}
.nav_bar a:visited {text-decoration:none}
.nav_bar a:hover {text-decoration:none}
.nav_bar a:active {text-decoration:none}


a.green:link {
	background:FFF;
	color:green;
}

a.green:hover {
	background:green;
	color:#FFF;
}

.warning {
	font-weight: bold;
}

/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu { margin: 0 0 .5em 0; height: 220px; font-size: 12pt; font-family: arial; line-height: 1.8em; text-align:left;}
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 170px; }
.menu li { background-color: white; float: left; }
.menu li.sub { background-color: white; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border: 1px solid #3333CC; display: block; text-decoration: none; height: 1.6em; line-height: 1.6em; width: 170px; color: #3333CC; padding-left: .5em; font-weight: bold; font-style: normal; font-variant: normal; text-transform: none; }
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 170px; }
* html .menu a:hover { color: white; background-color: #3333CC; position: relative; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: white; background-color: #3333CC; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: white; background-color: #3333CC; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -1.3em; left: 7em; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }