/* CSS Document */
html { min-height: 100%; margin-bottom: 1px; overflow-y:scroll;}

/* { overflow: -moz-scrollbars-vertical; } /*to fix Mozilla FireFox scroll bar jump problem*/
body{min-width: 80em; margin: 0; padding: 0; background-color:#FFFFFF;
     font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;	color:#000000; text-align:left;} 
     /*background-color:#FFFFFF; */
h1{font-size:1.1em;}

#wrapper {width: 80em; border: 0; margin: 0 auto; text-align:justify;}
a {text-decoration: none; color:blue;}
a:hover   {color:red; text-decoration: none;}


.menu {width: 80em; clear: both; padding: 0 0 0 0; text-align: center;}
.menu a:link {color:#666666; font-size:0.9em;}
.menu a:hover   {color:#666666; font-size:0.9em;}
.menu ul li { display: inline; padding-left: 1em; padding-right: 1em;}



.menu_main {width:80em; float: left; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif;  }
.menu_main ul{list-style: none;  text-align: center; margin:0; padding: 0; }
.menu_main li{display: inline ; margin-left: 0.5em; margin-right: 0.5em}





img {border:none;}
ul { list-style-type:none;}
#header_graphic {margin: 0 0 0 0; padding: 0.5em 0 0 0; }

.header_driver {width:auto; float:left;}
.textlarge {width:auto; float:left; margin-left: auto;
    margin-right: auto; display: block; font-size:1.5em;}
    
.caption {color:green; font-family:Courier; font-style: italic;}

.center {text-align:center;}
.lgrn {background-color:#98fb98;}
.ltan {background-color:Moccasin;}
.tan {background-color:BurlyWood;} 
.lblue {background-color:LightSteelBlue;}
.lgrey {background-color:#d3d3d3;}
.yel {background-color:#ffff00;}
.lyel {background-color:#ffffe0 ;}
.pink {background-color:#FFC0CB;}

.cj {text-align:center;}
.rj {text-align:right;}
.lj {text-align:left;}

.day {float:left; width: 2.8em; padding: 0.1em 0 0.1em 0; margin: 0.1em; text-align:center;}
.month {float:left; width: 21em; margin: .5em 0.25em 0.25em 0.35em;   background-color:#ffffe0 ; }
.month_row {overflow: auto; width: 100%;}
.note {float:left; width: 11em; margin: 1em; text-align: center;} /* calendar date color code notes */
.navtext {width:13em; float:left; margin: 0 0.5em; font-size:1.2em; text-align:center; background-color:#ffffe0;}
.navfocus {border: 0.3em solid #ffff00;}
.navunfocus {border: 0.3em solid #FFFFFF;}


.pricebox{width: 15em; float:left; margin: 1em 0 1em 0; padding:1em;}
.pricenotes{width: 46em; float:left; margin: 1em 14em 1em 1em; padding:1em; color:#666666;}
.cell1 {padding:0 1em 0 1em;}


.res_box {width:auto; float:left; clear:both;}
.focus_box {width: 65em; float:left; clear: both;  margin: 1em 0 1em 0; border: 0.3em solid #ffff00; 
 padding:1em; }
.unfocus_box {width: 65em; float:left; clear: both;  margin: 1em 0 1em 0; border: 0.3em solid #ffffff; 
 padding:1em; }
.helptext {width:20em; float:left; font-size:1.2em; text-align:center;}

/* Form Section */
form#reservation {width: 65em; clear:both; padding:1em 0 1em 0; -moz-border-radius: 2em;
    -webkit-border-radius:  2em; border-radius:  0.5em; background: #ffffe0;}
form#reservation fieldset { border: none; margin-bottom:1em;}
form#reservation label {width: 14em; float:left; clear:both; margin: 0.5em 0 0 1em; color: #666666 	;}
.box0 {float:left;}
.box80 {width:80em; float:left;}
.box1 {float:left; margin: 0.3em;}
.box2 {float:left; clear:both; margin: 0.3em;} 
.box3 {float:left; clear:both; margin: 0.3em 0.3em 0.3em 1em;} 
.box4 {width: 5em; float:left; clear:both; margin: 0.3em 0.3em 0.3em 1em;} 
.box5 {width: 45em; height:2em; float:left; clear:both; margin: 0.3em 0.3em 0.3em 1em;}
form#reservation input:hover, textarea:hover, input:focus, textarea:focus {border-color: Plum;}
input, textarea {padding: 0.5em; border: solid 1px #d3d3d3; outline: 0;  background: #FFFFFF;}
textarea {line-height: 150%; }
form#reservation select {float:left; clear:both; width: 20em;}





/* Reservation Summary */
.box6 {float:left; clear:both; margin: 0.1em 2em 0.1em 0.1em;}
.box7 {float:left; margin: 0.1em 2em 0.1em 0.1em;}
.box8 {float:left; width: 4em; margin: 0.1em 2em 0.1em 0.1em;text-align:right;}
.box9 {float:left; clear:both; width:10em; margin: 0.1em 2em 0.1em 0.1em;}
.greytext {color:#808080;}
.res_summary {float:left; clear:both; margin: 0.5em;}

/* Paid.php */

.message_thanks {width:80em; float:left; margin: 2em 0 5em 0; font-size:1em; text-align:center;}