body
{
  background-image:url("../images/SpringBlossoms.jpg") ;
  background-repeat: no-repeat ;
  background-attachment: fixed ;
  background-position: center ;
}

/********************************************************************/
/**  BEGINNING OF COVID-19 SPECIAL CODE                            **/
/********************************************************************/
#covid
{
  height: 90px ;
  border: solid 2px #0000fe ;
  background-color: #a5feff ;
}

#inner_covid
{
  width: 800px ;
  text-align: center ;
  background-color: #ffffff ;
  margin: auto ;
}

#heart
{
  float: left ;
}

#covid_notice
{
  background-color:  #a5feff ;
  color: #0000fe ;
  font-family: 'Wire One' ;
  font-size: 1.8em ;
  display: block ;
  padding-top: 10px ;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #a5feff ;
  color: #0000fe ;
  margin: auto ;
  border: 3px solid #0000fe ;
  width: 80%;
}

#border_div
{
  border: 1px solid #0000fe ;
  padding: 20px;
  margin: 2px ;
}

/* The Close Button */
.close {
  color: #0000fe ;
  float: right ;
  font-size: 36px ;
  font-weight: bold ;
}

#covid:hover
{
  cursor: pointer;
}

.close:hover,
.close:focus
{
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.intro
{
  font-family: 'Wire One', sans-serif ;
  font-size: 2.5em ;
  font-weight: 900 ;
  color: #0000fe ;
}

.procedure
{
  font-family: 'Oswald', sans-serif ;
  color: #0000fe ;
}

/********************************************************************/
/**  END OF COVID-19 SPECIAL CODE                                  **/
/********************************************************************/

#header
{
  height: 129px;
  background-color: #fefb80;
  border: 2px solid #000000;
}

h1
{
  font-family: Handlee; color:black; font-size:2.8em;
  height: "129";
  padding-left: 230px;
}

img.logo
{
  float: left;
}

img.main
{
  float: right;
}

#container
{
  margin: auto;
  width: 960px;
  background-color: beige;
}

/***************************************************/
/* BLACK LIVES MATTER                              */
/***************************************************/

#width_frame
{
  font-family: Roboto ;
  font-size: 2em ;
  font-weight: 900 ;
  width: 100% ;
  height: 60px ;
  background-color: black ;
  color: yellow ;
  border: none ;
  text-align: center ;
}

.black_lives
{
  display: inline-block ;
}

.yellow_line
{
  width: 100% ;
  height: 2px ;
  background-color: yellow ;
}

.black_line
{
  width: 100% ;
  height: 4px ;
  background-color: black ;
}

.black_lives:hover
{
  background-color: yellow ;
  color: black ;
}

#halloween
{
  width: 100% ;
  height: 600px ;
  position: absolute ;
  z-index: 2 ;
  display: none ;
}

p.happy
{
  text-align: center ;
  font-family: Creepster ; color: #ff8000 ; font-size: 10em ;
  top: 40px ;
  margin-left: auto ;
  margin-right: auto ;
  width: 900px ;
}

#photo_block
{
  width: 940px;
  height: 274px;
  margin: auto;
}

.menu_frame
{
  width: 960px;
  position: absolute;
}

#main_left_frame
{
  position: relative;
  float: left;
  margin: 10px;
  box-shadow: 8px 8px 5px #888888;
  border: 2px solid #000000;
  width: 440px;
  height: 247px;
}

#main_left_photo
{
  width: 440px;
  height: 247px;
  background: url('../images/home/Collection.jpg') 0 0;
}

#main_right_frame
{
  position: relative;
  float: right;
  margin: 10px;
  box-shadow: 8px 8px 5px #888888;
  border: 2px solid #000000;
  width: 440px;
  height: 247px;
}

#main_right_photo
{
  width: 440px;
  height: 247px;
  background: url('../images/home/Collection.jpg') -441px 0;
}

img.left_block
{
  float: left;
}

img.right_block
{
  float: right;
}

#main_menu
{
  font-weight:900;
  list-style-type:none;
  padding:0;
  overflow:hidden;
  list-style-type: none;
}

.high_menu
{
  position:absolute;
  height: 45px;
  width: 870px;
  left:50px;
  background-color:#fcfa87;
}

#nav
{
  margin: auto ;
  padding: 0 ;
  float: left ;
  width: 870px ;
}

#nav li
{
  display: inline ;
  padding: 0 ;
  margin: 0 ;
}

#nav a:link,
#nav a:visited
{
  color: #000000 ;
  background-image:url("../images/NavFade.jpg") ;
  background-position: 0px 0px ;
  padding: 12px 8px 2px 8px ;
  float: left ;
  text-align: center ;
  text-decoration: none ;
  text-transform: uppercase ;
  height: 33px;
}

#nav a:hover,
#nav a:focus
{
  color: #a8a8a8 ;
}

.english
{
  font: bold 1.4em Overlock ;
}

.french
{
  font: bold 1.2em Overlock ;
}

#midpage_block
{
  padding-left: 0px ;
  padding-right: 0px ;
  margin-left: 0px ;
  margin-right: 0px ;
  width: 956px ;
  min-height: 450px ;
  text-align: justify ;
  border:1px solid beige ;
}

p {color:black; font-size:1.1em; max-width: 960px;}
p {font-family: Overlock, Geneva, sans-serif;}

#language_block
{
  width: 596px;
  height: 36px;
  margin: auto;
}

p.languages_spoken
{
  font-family: Handlee;
  font-size: 1.3em;
  text-align: center;
}

img.language
{
  float: left ;
  margin-top: 24px ;
  margin-right: 10px ;
}

#blurb
{
  float: left;
  border: 6px groove #deb887;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  margin-right: 0px;
  width: 590px;
  text-align: justify;
}

#divider
{
  top: -10px;
  position: relative;
  float: left;
}

#restaurants
{
  right: 0px;
  top: 0px;
  margin-top: 70px;
  margin-left: 640px;
  margin-right: 0px;
  width: 296px;
  text-align: center;
}

#dining_text
{
  width: 254px;
  right: 0px;
  text-align: center;
  margin-left: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

#dining_photo
{
  box-shadow: 5px 5px 3px #888888;
}

a.dining
{
  font-family: Handlee;
  font-weight: 900;
  font-size: 1.5em;
  text-decoration: none;
  color: #000000;
  padding: 0px;
  background: #fefb80;
}

a.dining:hover,a:active
{
  color:#0000ff;
}

.centering_frame
{
  text-align: center ;
  margin: auto ;
  display: block ;
  width: 250px ;
}

.image_block
{
  position: relative ;
}

.framed_blog_link
{
  text-align: center ;
  display: block ;
  height: 50px ;
  border: 1px solid black ;
  box-shadow: 0px 4px 8px #222222 ;
}

.chefhelene_text
{
  position: absolute ;
  font-family: Helvetica ;
  font-size: 1em ;
  color: white ;
  top: -28px ;
  left: 28px ;
}

#visit_us
{
  width: 100% ;
  height: 54px ;
  padding-left: 20px ;
}

#facebook_box
{
  position: relative ;
  top: 2px ;
  left: 150px ;
  height: 50px ;
  width: 200px ;
  background-color: #3B589E ;
  text-align: center ;
}

a.facebook
{
  position: relative ;
  padding-left: 205px ;
  top: -18px ;
}

a.visit_link
{
  position: relative ;
  font-family: Ariel, Helvetica, sans-serif ;
  font-weight: 500 ;
  color: white ;
  font-size: .85em ;
}

a.caption_height05
{
  top: 5px ;  
}

a.caption_height15
{
  top: 15px ;  
}

#tripadvisor_box
{
  position: relative ;
  left: 500px ;
  top: -48px ;
  height: 50px ;
  width: 200px ;
  background-color: #6A9F47 ;
  text-align: center ;
}

a.tripadvisor
{
  position: relative ;
  padding-left: 205px ;
  top: -36px ;
}

#seasons
{
  width: 960px;
  height: 350px;
  background-image:url("../images/Seasons2.jpg")
}

#intro
{
  padding-top: 50px ;
  padding-left: 15px ;
  font-family: Handlee; color:black; font-size:2.25em; 
  left:9px;
}

.monthlist
{
  position: absolute ;
  height: 86px ;
  width: 954px ;
  margin-left: 6px ;
}

.icon
{
  padding-top: 0px ;
  margin-left: 12px ;
  width: 66px ;
  height:  86px ;
  position: relative ;
  float: left ;
  box-shadow: 4px 4px 3px #888888;
}

.monthlist img
{
  height: 86px ;
  width:  66px ;
  -moz-transition:-moz-transform 0.1s ease-in ; 
  -webkit-transition:-webkit-transform 0.1s ease-in ; 
  -o-transition:-o-transform 0.1s ease-in ;
}

.monthlist img:hover
{
  -moz-transform:scale(1.3) ; 
  -webkit-transform:scale(1.3) ;
  -o-transform:scale(1.3) ;
  z-index: 2 ;
}

#instruct
{
  font-family: Handlee;
  color:black; 
  font-size:1.675em ; 
  text-align: center ;
  left: 9px ;
}

#we_are
{
  width: 100% ;
  height: 101 ;
  overflow: auto ;
}

#lead_in
{
  position: relative ;
  float: left ;
  font-family: Handlee ;
  font-size: 1.3em ;
  width: 300px ;
  position: relative ;
  margin-left: 25px ;
  margin-top: 20px ;
  color: black ;
}

#YMBBA
{
  position: relative ;
  float: right ;
  padding-top: 5px ;
  padding-right: 15px ;
  color: black ;
  width: 250px ;
}

#chamber
{
  position: relative ;
  float: right ;
  padding-top: 15px ;
  padding-right: 10px ;
  color: black ;
}

#footer_menu
{
  list-style-type: none ;
  margin: auto ;
  padding: 0 ;
  overflow: hidden ;
  list-style-type: none ;
}

.low_menu
{
  height: 55px ;
  width: 100% ;
  border-top: 3px solid #000000 ;
  border-bottom: 3px solid #000000 ;
  background-color: #fefb80 ;
}

li
{
  float:left;
}

a.menufr1
{
  display: inline;
  margin-left: 20px;
  font-family: Handlee;
  font-weight: 900;
  font-size: 1.25em;
  text-decoration: none;
  color: #000000;
  padding: 0px;
}

a.menufr1:hover,a:active
{
  color:#0000ff;
}

a.menu2
{
  display:inline;
  margin-left:36px;
  font-family: Overlock;
  font-size:1.1em;
  color:#000000;
  padding: 8px;
}

a.menu2:hover,a:active
{
  color:#0000ff;
}

a.menufr2
{
  display:inline;
  margin-left:36px;
  font-family: Overlock;
  font-size: 1em;
  color:#000000;
  padding:2px;
}

a.menufr2:hover,a:active
{
  color:#0000ff;
}

#footer
{
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  text-align: center;
  line-height: 250%;
}

.contact_box
{
  height: 45px ;
  width: 100% ;
  background-color: beige ;
}


/****************************/
/* Tabbed page styles       */
/****************************/

#navigation_frame
{
  padding-top: 10px ;
  height: 55px ;
  width: 100% ;
  margin: auto ;
  background-color: beige ;
}

#tab_header
{
  font-family: Handlee;
  font-size: 2em;
  font-weight: 700;
  text-align: center;
}

.tab_subheader
{
  font-family: Handlee;
  font-size: 1.7em;
  font-weight: 700;
  text-align: center;
}

#text_box
{
  width:500px;
  height:70px;
  margin: auto;
}

#transparent_container
{
  margin:auto;
  width:960px;
  background-image:url("../images/Transparent.gif")
}

#list_table
{
  width:500px;
  margin: auto;
  background-color: #ffffff;
  font-family:Tahoma, Geneva, sans-serif;
}

.sub_bullets
{
  margin-top: 0px ;
  margin-bottom: 0px ;
  width: 400px ;
}

.bullet_points
{
  width: 400px ;
}

img.bullet
{
  width:25px;
  height:25px;
  background:url('../images/Logo_icon.jpg') 0 0;
}

img.blank
{
  width:25px;
  height:25px;
  background:url('../images/Logo_icon.jpg') 0 25;
}

#first_col
{
  width:35px;
}

.language_spec
{
  position: absolute ;
  padding: 10px ;
}

a.translate
{
  font-family: Handlee ;
  font-size: 1em ;
  text-decoration: none ;
  color: #000000 ;
  padding: 0px ;
}

a.translate:hover,a:active
{
  color:#0000ff;
  text-decoration: underline;
}

/***************************/
/* Your Room page styles   */
/***************************/
#room_container
{
  width:800px;
  margin:auto;
  background:url('../images/Bedspread.jpg') 0 0;
  border:1px solid black;
}

#room_text_box
{
  width:600px;
  margin: auto;
  text-align:justify;
}

#fun_picts
{
  height: 320px;
  width: 598px;
}

#left_image
{
  top: 20px;
  position: relative;
  left: -10px;
  height: 200px;
  width: 290px;
}

#right_image
{
  position: relative;
  top: -200px;
  float: right;
  height: 200px;
  width: 290px;
}

#bottom_image
{
  position: relative;
  left: -10px;
  height: 100px;
  width: 290px;
}

#li_image
{
  background-color: #ffffff; 
  left: 15px; 
  padding: 0px; 
  position: absolute; 
  top: 15px; 
  -moz-transform: rotate(5deg); 
  -webkit-transform: rotate(5deg); 
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
    M11=0.996194698091746, M12=-0.087155742747658, 
    M21=0.087155742747658, M22=0.996194698091746); 
}

#ri_image
{
  background-color: #ffffff; 
  left: 15px; 
  padding: 0px; 
  position: absolute; 
  top: 15px; 
  -moz-transform: rotate(-3deg); 
  -webkit-transform: rotate(-3deg); 
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
    M11=0.996194698091746, M12=-0.052335956242944, 
    M21=0.052335956242944, M22=0.996194698091746); 
}

#bi_image
{
  background-color: #ffffff; 
  left: 155px; 
  padding: 0px; 
  position: absolute; 
  top: -85px; 
  -moz-transform: rotate(2deg); 
  -webkit-transform: rotate(2deg); 
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
    M11=0.996194698091746, M12=-0.087155742747658, 
    M21=0.087155742747658, M22=0.996194698091746); 
}

#bi2_image
{
  background-color: #ffffff; 
  left: 155px; 
  padding: 0px; 
  position: absolute; 
  top: -85px; 
  -moz-transform: rotate(-2deg); 
  -webkit-transform: rotate(-2deg); 
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
    M11=0.996194698091746, M12=-0.087155742747658, 
    M21=0.087155742747658, M22=0.996194698091746); 
}

.shadowbox
{
  box-shadow: 8px 8px 5px #888888;
}

/******************************/
/* Bon Appétit! page styles   */
/******************************/
#detail_container
{
  width:800px;
  margin:auto;
  background-color: #ffffff;
  border:1px solid black;
}

img.photo_left
{
  float: left;
  margin-top: 10px;
  margin-right: 18px;
  margin-bottom: 10px;
  box-shadow: 8px 8px 5px #888888;
  border: 1px solid #000000;
}

img.photo_right
{
  float: right;
  margin-top: 10px ;
  margin-left: 18px ;
  margin-bottom: 10px ;
  box-shadow: 8px 8px 5px #888888 ;
  border: 1px solid #000000 ;
}

#food_text_box
{
  width: 600px ;
  margin: auto ;
  background-color: #ffffff ;
  text-align:justify ;
}

#recipes
{
  height: 70px ;
  width: 424px ;
  margin: auto ;
  border: 2px solid #000000 ;
  background-color: #fefb80 ;
  background-image:url("../images/KnifeSmall.jpg") ;
}

#recipe_text
{
  font-family: Handlee ;
  font-size: 1.4em ;
  text-align: center ; 
}

#sample_menus
{
  width: 796px ;
  height: 550px ;
  margin: auto ;
  background-color: #ffffff ;
  text-align: center ;
}

#sample1
{
  position: relative;
  width: 245px;
  height: 355px;
  top: 0px;
  left: 10px;
  border: 1px solid black;
  background-color: beige;
  box-shadow: 8px 8px 5px #888888;
}

#sample2
{
  position: relative;
  width: 245px;
  height: 355px;
  top: -330px;
  left: 275px;
  border: 1px solid black;
  background-color: beige;
  box-shadow: 8px 8px 5px #888888;
}

#sample3
{
  position: relative;
  width: 245px;
  height: 355px;
  top: -660px;
  left: 540px;
  border: 1px solid black;
  background-color: beige;
  box-shadow: 8px 8px 5px #888888;
}

#menu_label
{
  font-size: 2em;
  font-style:italic;
  text-align: center;
}

#menus_text
{
  font-family: 'Parisienne', cursive;
  font-size: 1.4em;
  text-align: center;
}

#menu_flair
{
  padding-left:5px;
  padding-right:6px;
}

#sample_photos
{
  width:796px;
  height:170px;
  margin: auto;
  background-color: #ffffff;
}

#food_photo1
{
  position: relative;
  width: 245px;
  height: 137px;
  top: -120px;
  left: 10px;
  box-shadow: 8px 8px 5px #888888;
  border:2px solid #000000;
}

#food_photo2
{
  position: relative;
  width: 245px;
  height: 137px;
  top: -95px;
  left: 20px;
  box-shadow: 8px 8px 5px #888888;
  border:2px solid #000000;
}

#food_photo3
{
  position: relative;
  width: 245px;
  height: 137px;
  top: -70px;
  left: 30px;
  box-shadow: 8px 8px 5px #888888;
  border:2px solid #000000;
}

/*****************************/
/* Reservations page styles  */
/*****************************/
#reservations_text_box
{
  width: 600px ;
  margin: auto ;
}

#calendar_frame
{
  width: auto ;
  height: 280 ;
}

#calendar
{
  padding-left: 45px ;
}

#credit_cards
{
  position: relative ;
  text-align: center ;
}

#cc_wrapper
{
  display: inline ;
  margin-right: 10px ;
}


/****************************/
/* Directions page styles   */
/****************************/
#map_frame
{
  width: 800px;
  margin: auto;
  background:url('../images/CenterLine.jpg') 0 0;
  border: 1px solid black;
}

#map_canvas
{
  width: 500px;
  height: 400px;
  margin: auto;
  border: 2px solid black;
}

#directions_table
{
  width: 500px ;
  margin: auto ;
  background-image:url("../images/Transparent.gif") ;
}

/****************************/
/* Contact Us page styles   */
/****************************/
#contact_text_box
{
  width: 600px ;
  margin: auto ;
  background-image:url("../images/OldPhone.jpg") ;
  background-repeat: no-repeat ;
}

#your_hosts
{
  margin: auto ;
  color: black ;
  width: 230px ;
  padding-left: 10px ;
}

.captions
{
  position: relative ;
  font-family: Ariel, Helvetica, sans-serif ;
  font-weight: 700 ;
  color: black ;
  font-size: .8em ;
  text-align: center ;
  top: -8px ;
  left: -10px ;
}