body {
    background-color:rgb(65,57,61); margin:0;
}
h1 {
    font-family:Majesti Banner Medium; font-size:30px; color: rgb(190,30,45); text-align: center;
    margin: 0; 
}

h3 {font-family: Athelas Regular}

p {font-family: Athelas Regular}

.nav {font-family: Athelas Regular}

@font-face {font-family: "Majesti Banner Medium";
src: url('Majesti-Banner-Medium.eot') format('embedded truetype'),
	url('Majesti-Banner-Medium.ttf') format('truetype');
	font-weight: normal;
		font-style: normal;
}

@font-face {font-family: "Athelas Regular";
	src:url(athelas-regular-webfont.eot) format('embedded opentype'),
		url(athelas-regular-webfont.otf) format('opentype');
	font-weight: normal;
	font-style: normal;
}

    /*Navigation bar styling */

.nav li {
    display: inline;
}
.nav li a {
    display: inline;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.nav li a:hover {
    color: rgb(190,30,45);
} 
        .nav li {
    border-right: 1px solid white;
}
         .nav li:last-child {
    border-right: none;
}

header {text-align: center}

a:hover {color: rgb(190,30,45)}

.navandfoot {display:inline; color:white; text-align:center; text-decoration: none}

section#page-text {
	padding: 10px;
	font-size: 14;
    font-family: Athelas Regular;
	background: white;
    opacity: 0.85;
	box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	-o-box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	border-bottom: 1px solid white;
    overflow: auto;
}


.sitemap li {
	text-align: left;
	font-family: Athelas Regular;
	list-style: disc;
	padding-left: 20px;
}

.sitemap li a {
	color: rgb(65,57,61);
}

.sitemap li {
	padding: 0.5em 0;
}

.reservations {
    position: relative;
    text-align: center;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background:white;
	opacity: .85;
	padding: 30px;
	line-height: 60%;
	font-size: 16pt;
}

.pdfmenu li a {
   display: inline;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

div.menu {text-align: center}

.menu li {
    display: inline;
}
.menu li a {
    display: inline;
    text-align: center;
	color:black;
    padding: 14px 16px;
    text-decoration: none;
	font-size: 16pt;
}
.menu li a:hover {
    color: rgb(190,30,45);
}

div.vision
 {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
}

.teapot {padding-left: 50px}

div.about
 {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
}
.noodles
{padding-right: 50px}