body { background: no-repeat center  0px fixed; 
  background-max-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
	margin:auto;
		background-position: 5% 0%;

}

/* TO MAKE BACKGROUND IMAGE EXPAND IF SCREEN BIGGER THAN IMAGE SIZE (1200px) */ 
@media only screen and (min-width: 1200px){
body {   background-max-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
}

@media only screen and (max-width: 1200px){
body {   background-max-size: 100%;

}
}

/*
body {

	margin:0;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed; 
}*/
body,html{
	height: 100%;
}
img {
	border:0;
}

blockquote.small { margin:6px}
#mainopening {display:none;}
#uparrow{display:none}
#big-logo{float:left; width:260px; margin:auto; text-align:center;}

#little-logo{display:none; float:left; width:260px; margin:auto; text-align:center;}

#times {width:212px; float:left;  }
#timesonly{display:none; width:212px; float:left; }

#tablemenu{margin-left:20px; }

#background-one{
background-image: url('/images/background01.jpg') ; background-color: #241e10;
}
#background-two{
background-image: url('/images/background02.jpg') ; background-color: #3b4d3b;
}
#background-three{
background-image: url('/images/background03.jpg') ; background-color: #3b4d3b;
}
#background-four{
background-image: url('/images/background04a.jpg') ; background-color: #241e10;
}
#background-five{
background-image: url('/images/background05.jpg') ; background-color: #241e10;
}
#navbox {   width:600px ;margin:5px auto;
text-align:center }
#introduction { width:70%; float:left; padding:30px 10px 10px 70px
}
.small-logo {float:left; margin-bottom:40px ;}
#container {background-image: url('/images/grey.png');
	
	
	min-width: 250px;
	max-width: 1200px;
	min-height: 100px; 

margin:auto; 
margin-top:20px;
box-sizing: border-box;
	padding: 10px ;
	border-radius: 15px;	
}
#small-times { text-align:center;}

#footbox {background-image: url('/images/grey.png');	border-radius: 15px;		max-width: 430px;	margin: 30px auto; 	padding: 10px 20px 10px 20px; text-align:center ; }

.navitem {line-height: 45px ;}
.navitem a {font-family:Verdana, Arial, Helvetica, Times, serif; font-size: 13px; padding:10px; background:#aaa; color:white; margin:10px; text-decoration:none;  
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; 
border: 2px solid #3f8b91;}

.navitem  a:hover {background:#4e89c5; color:white; }
.text {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	color: #FFFFFF;	line-height:170% ;}

.text h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #fff;;
/*background-color:#c4b798;
padding:4px;

display:inline;*/
text-align:center;
}
h1 span {
  background: rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.5);
}

.text h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0e4d50;

background-color:#ccc;
display:inline;

padding:4px;
text-align:center;
}

.text a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height:170% ;
}

.key {
color:#07454d; font-weight:bold;
}
.introtext {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	color: #FFFFFF;	line-height:170% ; }

.menutext {font-family:Verdana, Arial, Helvetica, Times, serif; font-size: 13px; color:#dbeeda ; letter-spacing:1.5px ; padding-left:40px ;line-height:130%;}
.menutext h1 { font-size: 16px; color:#6d533b; margin-left:-30px ;}
.menutext h2 { font-size: 14px; color:#dbeeda; margin-left:-30px ; font-weight:bold;}
.menutext a {color:#331903}
.menutext a:hover {color:#28235b}

.btext{font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:14px; line-height:180%; }
.btext a {color:#6d533b}
.btext a:hover {color:#465a46}

.ctext{font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:14px; line-height:180%; }
.ctext a {color:#331903}
.ctext a:hover {color:#724b08}

.dtext{font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:14px; line-height:180%; }
.dtext a {color:#331903}
.dtext a:hover {color:#724b08}

.smalltext{font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:10px; }
.smalltext a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }
.smalltext a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffff66; }

.smalltoptext {padding-top:10px; font-family: Times New Roman, Times, serif; font-size:20pt; text-align:center  }
.bigtoptext{padding-top:10px; font-family: Times New Roman, Times, serif; font-size:12pt; text-align:center}

.redtext {font-family:Verdana, Arial, Helvetica, sans-serif; color:#9f1b11;  font-size:18px; line-height:130%; }
.bluetext {font-family:Verdana, Arial, Helvetica, sans-serif; color:#c3d9ed;  font-size:12px; line-height:130%; }
.black {color:#000;}
.black a {color:#000;}

#uparrow {
	position:fixed;
	right:25px;
	bottom:25px;
	width:50px;
	height:50px;
	z-index:1;}
/*STUFF TO MAKE PICTURES SHRINK*/

.flexbox_container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
}
.flexbox_item {
  flex-basis: 88%;
  object-fit: fill;
padding:5px
}

.flexbox_item img {
  vertical-align: middle;
  width: 100%;
  height: 100%;
border: 1px solid #b9aa9f 

}

/*END STUFF TO MAKE PICTURES SHRINK*/


/* STUFF TO DO WITH NAVICON */
#biggreen {display:none;
	background-image: url('/images/bigstrip.jpg');
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	font-size: 15px;
	color: #FFF;
	height: 75px;  
	padding-left: 10px; 
	padding-bottom: 10px; 
	margin-right: 10px; 
	margin-bottom: 0px; 
	margin-left: 10px; 
	margin-top: 5px; 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

}
#green {display:none;
	background-image: url('/images/strip.png');
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	font-size: 15px;
	color: #FFF;
	height: 35px;  
	padding-left: 10px; 
	padding-bottom: 10px; 
	margin-right: 10px; 
	margin-bottom: 0px; 
	margin-left: 10px; 
	margin-top: 5px; 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

}
#subs {display:none;
}
/*STUFF TO DO WITH DROPDOWN MENU*/
#nav {
display:inline;
text-align:left;
position:relative;
list-style-type:none;
}
#nav > li {
float:left;
padding-top:5px;
position:relative;
}
#nav > li > a {
font-size:28px;
padding:5px 20px 4px 20px;
position:relative;
text-decoration:none;
}

#nav > li.selected  > a {
background-color:#555;

z-index:2;
}
#nav li div {background-color:#000;
position:relative;
}
#nav li div div {
background-color:#332222;
filter: alpha(opacity=85);
-moz-opacity: .85;
KhtmlOpacity: .85;
opacity: .95;
display:none;
margin:0;
position:absolute;
top:3px;
z-index:11;
width:130px;
}
#nav li div div a {color:#fff; top-margin:0px; text-decoration:none; padding: 5px 10px 5px 10px ; display:block}
#nav li div div a:hover {color:#fff; background-color:#000; text-decoration:none; }
. subs{padding-top:100px;}

#nav li div ul {
padding:0px;

position:relative;
width:130px;
float:left;
list-style-type:none;
}


/*END STUFF TO DO WITH DROPDOWN MENU*/



			#wrapper {
			float:left;
				width: 735px;
				height: 180px;display: flex;
align-items: center;
justify-content: center;
	

padding-left:30px ; padding-top:20px
			}

			#carousel {
				width: 735px;
				position:relative;
			}
			#carousel ul {
				list-style: none;
				display: block;
				margin: 0;
				padding: 0;
			}
			#carousel li {

				font-size: 40px;
				color: #999;
				text-align: center;
				display: block;
				width: 232px;
				height: 178px;
				padding: 0;
				margin: 6px;
				float: left;
				position: relative;
			}

			#carousel li img {
				width: 201px;
				height: 127px;
				margin-top: 14px;
				border: 7px white solid;
				border-radius: 15px;
			}
			
			

			.clearfix {
				float: none;
				clear: both;
			}
			#carousel .prev, #carousel .next {
				background: transparent url(/images/carousel_control.png) no-repeat 0 0;
				text-indent: -999px;
				display: block;
				overflow: hidden;
				width: 15px;
				height: 21px;
				margin-left: 10px;
				position: absolute;
				top: 70px;				
			}
			#carousel .prev {
				background-position: 0 0;
				left: -30px;
			}
			#carousel .prev:hover {
				left: -31px;
			}			
			#carousel .next {
				background-position: -18px 0;
				right: -20px;
			}
			#carousel .next:hover {
				right: -21px;
			}				
			#carousel .pager {
				text-align: center;
				margin: 0 auto;
			}
			#carousel .pager a {
				background: transparent url(img/carousel_control.png) no-repeat -2px -32px;
				text-decoration: none;
				text-indent: -999px;
				display: inline-block;
				overflow: hidden;
				width: 8px;
				height: 8px;
				margin: 0 5px 0 0;
			}
			#carousel .pager a.selected {
				background: transparent url(img/carousel_control.png) no-repeat -12px -32px;
				text-decoration: underline;				
			}

#map {
	margin: 120px 0; 
	height: 400px;
	width: 70%px;
	margin: auto; 
}
#mapbox{width:70%; float:left; padding:10px;}

#food-big {display: block ;}
#food-small{display:none ;}
#shutopen{display:none;}
/* STUFF TO MAKE SITE MOBILE FRIENDLY*/

@media only screen and ( max-width: 1200px ) {
td, th{
	display: block;
}
body { background: no-repeat center  0px fixed; 

	margin:auto;
		background-position: 5% 0%;
background-size: cover;

}
#mapbox{width:90%; }
#mainopening {display:block;}
#shutopen{display:block;}
#timesonly{display:block; width:212px; float:left; }

#biggreen {display:block;}
#introduction { width:90%; padding:10px 10px 10px 50px
}
#big-logo{display:none;}
#medlogo{display:block; width:260px; margin:auto; text-align:center;}





#containery {background-image: url('/images/grey.png');
		
	min-width: 250px;
	max-width: 1000px;
	min-height: 100px;
max-width: 260px;
margin: auto
	margin-top: 10px; 
box-sizing: border-box;
	padding: 10px ;
border-radius: 15px;	
}



#container {
background-image: url('/images/grey.png');
	
	min-width: 250px;
	max-width: 800px;
	min-height: 100px; 
	margin:auto ;
	margin-top: 10px; 
	padding-left: 10px; 
	padding-bottom: 8px; 
 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}


.navitem a {font-size: 12px; padding:8px; background-image: url('/images/grey2.png');}
#navbox { display:block;
max-width:1200px; 
min-width:50px; 
margin: auto; text-align:center;  }
#little-logo{display:block; float:left; width:130px; margin:auto; text-align:center;}

}




@media only screen and ( max-width: 800px ) {
#background-one{
background-image: url('/images/background05.jpg') ; background-size: cover; background-position: right;
}
#background-two{
background-image: url('/images/background05.jpg') ; background-size: cover; background-position: right;
}
#background-three{
background-image: url('/images/background05.jpg') ; background-size: cover; background-position: right;
}
#background-four{
background-image: url('/images/background05.jpg') ; background-size: cover; background-position: right;
}

#mainopening {display:none;}
#uparrow{display:block}
#times {display:none;}

#biggreen {display:none}
#green {display:block;}
#navbox{display:none;}

#food-big {display: none ;}
#food-small{display:block;text-align: center ;}

td, th{
	display: block;
}

#introduction { width:90%; padding:0px 10px 10px 10px
}
#container {
background-image: url('/images/grey.png');
	
	min-width: 250px;
	max-width: 700px;
 
	margin: auto ;
	margin-top: 10px; 
	padding-left: 10px; 
	padding-bottom: 8px; 
 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-sizing: border-box;
}
#outer { 
display:block;
padding:5px
}
	#wrapper{display:none}


div.text {font-size:12px}
.navitem a {font-size: 12px; padding:8px; background-image: url('/images/grey2.png');}
.subs{display:block}


#little-logo{display:block; float:left; width:130px; margin:auto; text-align:center;}
#green {display:block;}
#biggreen{}
#navbox{display:none;}
}