* {
    box-sizing: border-box;
}


html, body{
	margin:0; padding:0;
	position: relative;
	width:100%;
}
body{

	margin-bottom:260px;
	background-color:#fff; 
	/*background-image:url(../images/bkgd.jpg); */
   background-attachment:scroll; 
background-repeat:no-repeat;
}


@font-face {
font-family: 'Permanent Marker';

}







h1{
/*	
color:#FFF;
width:auto;
background:rgba(0,0,0,0.8);
box-shadow: 0px 0px 8px rgba(0,0,0,0.98);	
*/
font-size:2.6em;
border-radius:6px;
padding-left:8px;
}

h1:nth-of-type(1) {
    position:relative;
    top:-1em;
}

h1:nth-of-type(2) {
	margin-top:4%;	
  font-size:2.6em;

}

h1, h3, h5 { padding:0.4em 1em; color:#ff6d30; font-family: 'Permanent Marker',Arial, Helvetica, sans-serif; }

h2, h4 {padding:0.6em 1em; color:#86bd3c; font-family: 'Permanent Marker',Arial, Helvetica, sans-serif; }

h2 {font-size:2.2em;}

h3 {font-size:2em;}

h4 {font-size:1.8em;}

h5 {font-size:1.6em;}


h6, p {
font-family: Open Sans, sans-serif; 
margin:0;
padding:1em;
font-size:1.4em;
}

.bold {
	font-style:bold;
	font-size:1.2em;
}

a {
  text-decoration: none;
    	color:#ff6d30;
}

a:hover {
	color:#86bd3c; ;
	text-decoration:underline;
}

header {background:#fff;
}

#logo {
text-align: center;
  margin: 0 auto;
  display: block;
  }



#phone-bar {
    position: fixed;
    background-color:#ff6d30;
width:100%;
height:3em;
    z-index: 10;
    box-shadow: 0px 5px 5px black;
    
}

#phone-bar > p, #phone-bar > p > a {
    padding-top:0.2em;
    color:#fff;
    font-family: 'Permanent Marker', Arial, Helvetica;
    font-size:1.4em;
}

#phone-bar > p > a:hover {
    	color:#fff; 
	text-decoration:underline;
}

#content {
	min-height:540px;	
	display:inline;
	position:relative;
	}

section {

  background-color:#fff;
  position:relative;
  float:left;
  margin:0 4%;
  	display:inline;
  }
  
section > img {
	margin:0% 16.66%;

	}

aside{
	position:relative;
	float:left;
	margin:2% 0%; 
}


nav {
background-color:#ff6d30;
width:100%;
height:4em;
clear:both;

}

nav ul {
    position:relative;
    width:420px;
  list-style: none;
  text-align: center;
  line-height: 2em;
  height: 3em;
  margin:0 auto;
  padding:0px;
}

nav > ul > li > a {
  position:relative;
  display:inline;
/*  border-left: 1px solid #111;  */
  border-right: .25em solid #FFF; 
  color:#fff;
  font-family: 'Permanent Marker';
  padding: .5em;
  float:left;
  font-size:2em;
  
  }
  
  
  #selected {
  color:#86bd3c;
}
  .activity{
	display:inline; 
	width:100%;
	position:relative;
	background:#fff url(../images/image_bkgd.jpg) bottom center repeat-x;
	float:left;
	padding:10px 0px 20px 0px;
	margin:10px 0px;	
  }
    .activity > img{
	position:relative;
	margin:0 0 2% .75%;
	padding:0;
	width:32%;
/*	box-shadow: 0px 0px 12px rgba(0,0,0,0.98);	*/

  }

.spacer {
    
    padding-bottom:4em;
}


  .image-full{
	display:inline; 
	position:relative;
	background:#fff;
	float:left;
  }
    .image-full > img{
	position:relative;
	padding:0;
	float:left;
/*	box-shadow: 0px 0px 12px rgba(0,0,0,0.98);	*/

  }


 .topic{
  position: relative;
  display:block;
  margin:0 auto;
  padding:2em;
  }
  
  .food{
	display:inline; 
	position:relative;
  background-color:#86bd3c; 
	float:left;
  }



  div.food > a {width:50%; }
  

  div.food > a:hover {color:#fff;}
 div.food > a > img { margin:0 16.66%; }
  
  div.food > a > p {  font-family:'Permanent Marker', arial, Helvetica, sans-serif; font-size:2em; line-height:3em; text-align:center;}
  

.collapsible {
  background: #86bd3c;
  color: #fff;
  cursor: pointer;
  padding: 1em;
  width: 100%;
  text-align: center;
  outline: none;
  font-size: 1.22em;
  border:solid 0.4em #ff6d30;
  font-family:'Permanent Marker', arial, Helvetica, sans-serif; line-height:2.4em; text-align:center;
}

  .collapse {
  display: none;
  overflow: hidden;
}


active, .collapsible:hover {
  text-decoration:underline;
  color:#ff6d30;
  box-shadow: 0.4em 0.4em 0.6em rgba(255,255,255, 0.6) inset;

}


  footer{
	float:left;
	width:100%;
	min-height:260px;	
/*	background:url(../images/footer2.png) bottom center no-repeat; */
	background-color:#ff6d30;

}
  

footer > div > h2 {
		text-align:center; 
 
}


 footer > div {
	position:relative;
    float:left;	
	display:inline;
	

}

.phone {
	position:relative;
font-family: 'Permanent Marker', serif;
    text-align:center;
	margin:0;
	padding:0;
	color:#fff;
    font-size:1.6em;

}




.address {
    font-family: 'Open Sans', serif;
	position:relative;
	text-align:center;
	margin:0;
	padding:0;	color:#fff;
 
}

.address > p {  line-height:3em; font-size:2em; color:#FFF; }

p.address:first-of-type { font-family:'Permanent Marker', Arial, Helvetica, sans-serif;  text-indent:0px; font-size:2.4em;
 }



.center > a {
color:#ff6d30;	
}



.center { text-align:center; }

nav > ul > li:nth-child(3) > a {
    border-right:none !important;
}

.script { 

    font-family:'Permanent Marker', Arial, Helvetica, sans-serif; 
	font-size:2em;
}

.social  { display:inline; position: relative; left: 80px;}


.menus {
    margin:0  8.33%;
    padding-bottom:4em;
}



th {
	font-size: 1.4em;
	font-family: 'Permanent Marker', arial, helvetica;
	color: #86bd3c;
  background-color:none !important;
}

tr:nth-of-type(even){
  background-color:#efe;
}

tr:nth-of-type(even) th{
background-color:#fff;
}

td {     font-family:Arial, Helvetica, sans-serif; 
        padding:0.4em;
}

td:nth-of-type(odd)
{  
    font-weight:bold;
    vertical-align: top;
}

td:nth-of-type(2)
{
    padding:1em 0.4em;
}

td:nth-of-type(4)
{
    font-weight:bold;
    vertical-align: top;
}

footer > div > a {
	
	text-align:center;
}

.map {
  position:relative;
  float:left;	
  display:inline;
  margin:0 2%;
}

footer > p {
	text-align:center;
}
 
footer > * { padding-top:20px ; } 
 
nav > ul > a:hover, nav > ul > a > li:hover {
  text-decoration: none;
  border-bottom: .125em solid #fff;
  color:#FFF;
}

.offset {
    
    position:relative;
    top:6px;
}

.photos{
	height:20%;
	display:block;
	background-color:#111;
}

.photos > img {
display:inline;
margin: .25em;
}

.noMargin
{
    
    margin:0;
    padding:0;
}

#menu { position:relative; height:40px; margin:0 auto; }



ul#menu > li { display:inline; font-size:18px; font-family:'Permanent Marker', arial, Helvetica, sans-serif; list-style:none; background:#888; margin:0 4%; position:relative; /*width:100px; height:32px; left:64px; text-align:center; line-height:24px; padding:10px;}

ul.menu > a > li { color:#000;  }
*/}

.collapsible > h1 {
    top:0 !important;
}

ul#menu > a:hover { color:#FF0004; }

.links {float:left; font-family:'Permanent Marker', arial, Helvetica, sans-serif; font-size:1.6em; margin:0 4%; padding-bottom:1em;} 

#menu > * { font-size:18px; font-family:'Permanent Marker', arial, Helvetica, sans-serif; }

.IEfont { font-weight:bold;  }

#menu > tbody > tr { padding-top:1em; }

 /* For mobile phones: */
[class*="col-"] {
    width: 100%;

}
@media only screen and (max-width: 419px){
section {margin: 0;}
	/* For tablets: */
    .col-p-1 {width: 8.33%;}
    .col-p-2 {width: 16.66%;}
    .col-p-3 {width: 25%;}
    .col-p-4 {width: 33.33%;}
    .col-p-5 {width: 41.66%;}
    .col-p-6 {width: 50%;}
    .col-p-7 {width: 58.33%;}
    .col-p-8 {width: 66.66%;}
    .col-p-9 {width: 75%;}
    .col-p-10 {width: 83.33%;}
    .col-p-11 {width: 91.66%;}
    .col-p-12 {width: 100%;}
        #phone-bar > p, #phone-bar > p > a {font-size:0.8em;}
	/*
    footer > p { margin:0; padding:0; }
	footer > a > img { margin:2% 0%; }	
 	.activity > img { margin:0 0 2% .4%; }
	div.food > a > p { margin:0; padding:0;}
	footer > * {margin:0 8.33%;}
	.map {margin:0 8%;}
	div.food > a > img { margin:0; }
	p { margin:0 4%; }
	    .image-full > img{ margin:2% 4%;}
 h1, h2, h3, h4 { margin:0 2%; }
	    .address, .phone, p.address:first-of-type {font-size:1em;}
*/
nav ul { width:100%;}
nav ul li, nav ul li a, .collapsible{ font-size:1.2em;}

}

@media only screen and (min-width: 420px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
        #phone-bar > p, #phone-bar > p > a {font-size:1em;}

 	div.food > a > img { margin:0; }
	div.food > a > p { margin:0; padding:0;}
	footer > * {margin:0 8%;}
	.map  { margin:0 8.33%; }
 h1, h2, h3, h4 { margin:0 4%; }
	p { margin:0 6%; }
	    .image-full > img{ margin:2% 4%;}
nav ul { width:420px;}
nav ul li, nav ul li a { font-size:1.2em;}

    table.menus {
  width:83.33%;
}
}

@media only screen and (min-width: 720px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    table.menus {
  width:83.33%;
}
            #phone-bar > p, #phone-bar > p > a {font-size:1.2em;}

 	div.food > a > img { margin:0 16.66%; }
 	.activity > img { margin:0 0 2% .75%; }
	.social  {left: 2%;}
	.map  { margin: 0 4%; }
	footer > * {margin:0 2%;}
	p { margin:0 8%; }
 h1, h2, h3, h4 { margin:0 6%; }
nav ul li, nav ul li a { font-size:1.4em;}

    .topic {padding:1em;}
}




	
	
    /* For desktop: */
/* html {margin-bottom:32%; 
}
*/



    /* For desktop: */
@media only screen and (min-height: 920px){
/*html { margin-bottom:36%;} */
table.menus {
  width:83.33%;
}

}