@charset "utf-8";
@import url("../webfonts/majesti_banner_book/stylesheet.css");
/* CSS Document */



 #topbar {
	position : fixed;
	width : 100%;
	bottom : auto;
	border-left-style: none;
	border-top-style: none;
	padding-top: 0px;
	border-left-color: #d4a18d;
	border-bottom-color: #41393d;
	border-top-color: #41393d;
	border-radius: 0%;
	background-color: #8a8c8f;
	border-bottom-width: medium;
	text-align: center;
	top: 0%;
	left: 0%;
	right: 0%;
 }

#topbar ul 
{
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	background-color: #8a8c8f;
	position: fixed;
	width: 100%;
	top: 0;
	color: #d7e4c2;
	background-color: #41393d;
	text-align: center;
	display: block;
	padding-left: 494px;
}
#topbar li {
	float: left;
	color: #d7e4c2;
	display: block;
	padding-left: 14px;
	padding-right: 16px;
	text-align: center;
}
#topbar li a{
	color: #d7e4c2;
	text-align: center;
	padding-bottom: 14px;
	display: block;
	border-style: none;
	border-color: #8a8c8f;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-transform: uppercase;
	text-decoration: none;
	
}
#topbar li a:hover {
	color: #41393d;
	background-color: #8a8c8f;
	border-style: solid;
	border-color: #d7e4c2;
	padding-left: 0px;
	display: block;
	text-decoration: underline;
	text-transform: capitalize;
	font-style: italic;
}
#topbar li a:active {
	color: #d4a18d;
	background-color: #41393d;
	border: medium solid #8a8c8f;
	float: none;
	padding-left: 0px;
	text-align: center;
	text-decoration: overline;
	text-transform: lowercase;
}
#fullmenu {
	width:1200px;
	height:800px;	
	
}
#fullmenu .turn-page{
	background-color:#41393d;
	background-size:100% 100%;
}
#weclome{
	text-align: center;
	
	
}
#contenthome{
	text-align: center;
	font-family: "athelas bold";
	position : fixed;
	top : 10%;
	margin-top: 3%;
	margin-bottom: 0px;
	width : 83.7%;
	height : 72%;
	color : #41393d;
	overflow : auto;
	border-style: none;
	padding-left: 0%;
	border-right-color: #41393d;
	left: 6%;
	padding-right: 0%;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	
}
#contentcontact
{
	text-align: left;
	font-family: "athelas bold";
	position : fixed;
	top : 10%;
	margin-bottom: 0px;
	width : 14.7%;
	height : 61%;
	color : #41393d;
	overflow : auto;
	border-style: none;
	padding-left: 0%;
	border-right-color: #41393d;
	left: 14%;
	padding-right: 0%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
}
#logo{
	position: fixed;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	opacity: 1;
	z-index: 2;
	margin-top: 0px;
	height: 0%;
	padding-top: 0px;
	padding-bottom: 0px;
	bottom: auto;
	visibility: inherit;
	overflow-y: visible;
	overflow-x: visible;
	clear: both;
	background-origin: border-box;
	background-attachment: fixed;
	top: 0%;
	left: 0%;
	display: inherit;
	background-position: 0% 0%;
	background-size: auto auto;
		 }
 #leftbar {
	position : fixed;
	height : 100%;
	color : #978888;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	overflow : auto;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	text-align: center;
	background-color: #41393d;
	font-family: "majesti banner heavy";
	width: 13%;
	display: block;
	left: 0%;
	top: 0%;
 }

#leftbar ul 
{
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	background-color: #8a8c8f;
	position: fixed;
	top: 0;
	color: #d7e4c2;
	background-color: #41393d;
	text-align: center;
	display: block;
}
#leftbar li {
	color: #d7e4c2;
	display: block;
	text-align: right;
	list-style-position: inside;
	padding-top: 10px;
	padding-bottom: 0px;
}
#leftbar li a{
	color: #d7e4c2;
	padding-top: 20px;
	padding-bottom: 0px;
	text-decoration: none;
	border-style: solid;
	clear: none;
	border-color: #8a8c8f;
	padding-left: 16px;
	display: block;
	text-align: right;
	text-transform: uppercase;
}
#leftbar li a:hover {
	color: #8a8c8f;
	background-color: #41393d;
	border-style: solid;
	border-color: #8a8c8f;
	display: block;
	text-align: right;
	vertical-align: middle;
	text-transform: uppercase;
}
#leftbar li a:active {
	color: #8a8c8f;
	background-color: #41393d;
	border-style: solid;
	border-color: #d4a18d;
}
#rightbar
{
	position : fixed;
	height : 100%;
	color : #978888;
	padding-top: 0%;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 0%;
	overflow : auto;
	bottom: 0%;
	margin-left: 0%;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	min-width: 0%;
	border-color: #41393d;
	background-color: #41393d;
	font-family: "majesti banner heavy";
	width: 40%;
	left: 88%;
	margin-top: 0%;
	display: block;
	top: 0%;
	vertical-align: middle;
}

#rightbar ul 
{
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	background-color: #8a8c8f;
	position: fixed;
	width: 100%;
	top: 0;
	color: #d7e4c2;
	background-color: #41393d;
	text-align: center;
}
#rightbar li {
	color: #d7e4c2;
	display: block;
	text-align: left;
	list-style-position: inside;
	float: none;
	padding-top: 10px;
	padding-bottom: 0px;
}
#rightbar li a{
	color: #d7e4c2;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 0px;
	text-decoration: none;
	border-style: solid;
	clear: none;
	border-color: #8a8c8f;
	padding-left: 16px;
	display: block;
}
#rightbar li a:hover {
	color: #8a8c8f;
	background-color: #41393d;
	border-style: solid;
	border-color: #8a8c8f;
	display: block;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
}
#rightbar li a:active {
	color: #8a8c8f;
	background-color: #41393d;
	border-style: solid;
	border-color: #d4a18d;
}
 #contenthead {
	font-family: "majesti banner heavy";
	text-decoration: underline;
	font-style: italic;
	font-size: 35pt;
	font-weight: bold;
		 }
 #content {
	position : fixed;
	top : 13%;
	bottom : 100px;
	margin-top: 3%;
	margin-bottom: 0px;
	width : 72.7%;
	height : 72%;
	color : #41393d;
	overflow : auto;
	border-style: none;
	padding-left: 0%;
	border-right-color: #41393d;
	border-top-color: #41393d;
	left: 14%;
	padding-right: 0%;
 }
 #content h1, #content h2 {
	color : #41393d;
	background-color: undefined;
	height: 5%;
	width: 83%;
 }
#toplogo 
		 {
	text-align: center;
	text-color: #be1e2d;
	color: #be1e2d;
	float: none;
	clear: none;
		 }
 #footer {
	position: fixed;
	width: 100%;
	height: 96%;
	top: 80.9%;
	right: 0;
	bottom: 0;
	margin-left : 0px;
	border-left-style: none;
	border-right-style: none;
	border-left-color: #d4a18d;
	border-right-color: #d4a18d;
	border-bottom-color: #41393d;
	border-top-width: medium;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 0px 0px;
	border-spacing: 0px 0px;
	border-top-left-radius: 0px 0%;
	background-color: #d7e4c2;
	left: 0%;
 }
#address
{
	left: 0%;
	width: 13%;
	height: 15.8%;
	text-align: center;
	border-color: undefined;
	color: undefined;
	background-color: #d7e4c2;
	margin-top: 0%;
	margin-left: 44%;
	position: fixed;
}
#hours{
	width: 15%;
	height: 15%;
	margin-left: 6.3%;
	color: undefined;
	background-color: #d7e4c2;
	margin-top: 0%;
	position: fixed;
}
#contact {
	text-align: center;
	color: #d7e4c2;
	margin-left: 76.6%;
	width: 27%;
	border-color: #41393d;
	height: 17%;
	background-color: #d7e4c2;
	padding-top: 0px;
	margin-top: 0%;
	position: fixed;
	
	
}
 body {
	margin-top: 6px;
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 6px;
	padding : 0px;
	background-color : #8a8c8f;
	color : #41393d;
	position: fixed;
	height: auto;
	width: auto;
	top: auto;
	clear: none;
	float: none;
	background-attachment: fixed;
	left: auto;
	right: auto;
	bottom: auto;
	line-height: 1.5em;
	font-family: "Majesti Banner", Medium;
}
h3 {
	font-family: "Athelas", Bold;
	font-size: 25pt;
	font-style: normal;
	font-weight: bold;
	
	color: #d7e4c2;
}


h2 {
	font-family: "Athelas", light;
	font-weight: bold;
	text-align: center;
	background-color: undefined;
	
	
	
}
h1 {
	text-align: center;
	font-size: 50pt;
	color: #d7e4c2;
	font-family: "athelas bolditalic";
}
a {
	text-align: center;
	color: #d7e4c2;

}
A:link {
	color: #d7e4c2;
	font-size: 12 pt;
	background-attachment: fixed;
	}
A:visited {
	color: #d7e4c2;
	text-decoration: none;
	font-weight: lighter;
	font-style: italic;
	text-transform: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

A:active {
	color: #d7e4c2;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
} 
A:hover {
	color: #d7e4c2;
	text-decoration: underline;
	text-transform: none;
	font-weight: bold;
	font-style: italic;
	border: medium groove #000;
}
li {
	text-align: left;
	color: #41393d;
}
ul {
	color: #be1e2d;
	text-decoration: none;
	text-align: right;
	list-style-position: outside;
	list-style-type: none;
	padding-left: 0px;
	width: auto;
}
p {
	color: #d7e4c2;
	font-family: "majesti banner bookitalic";
}
#justice {
	text-align: justify;
	font-family: "majesti banner book";
	font-style: normal;
}
#lunchitem1{
	margin-left: 2%;
	position: fixed;
	margin-top: -4%;
	
	
	
}
#lunchitem2{
	margin-top: -4%;
	margin-left: 32%;
	position: fixed;
}
#lunchitem3{
	margin-top: -5%;
	width: 0%;
	margin-left: 56%;
	position: fixed;
	
}
#dinneritem1{
	margin-left: 2%;
	position: fixed;
	
	
}
#dinneritem2{
	margin-left: 32%;
	width: 14%;
	position: fixed;
	
	
}
#dinneritem3{
	margin-left: 56%;
	position: fixed;
	
	
}
#lunchmenu{
	position: fixed;
	margin-top: -8px;
	width: 94%;
	top: 23%;
	height: 106%;
	
	
	
}
#dinnermenu{
	width: 93%;
	position: fixed;
	top: 47%;
	height: 0%;
	
	
	
}
.sidenav {
	height: 60%;
	width: 200px;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #41393d;
	overflow-x: hidden;
	padding-top: 20px;
}


/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}
/* Style all font awesome icons */
.fa {
    padding: 20px;
    font-size: 25px;
    width: 25px;
    text-align: center;
    text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
    background: #3B5998;
    color: white;
}

/* Twitter */
.fa-twitter {
    background: #55ACEE;
    color: white;
}
.form {
	text-align: left;
}
#page-wrap { 
    width: 500px; margin: 40px auto 5px; background: #91c7ff; 
    padding: 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background: -moz-linear-gradient(top,  #eee,  #ccc);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}

#main-content { padding: 14px; }

h1 { font: bold 32px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; padding: 14px; color: #333; text-shadow: 1px 1px 1px white; }
p { margin: 0 0 15px 0; }
 
nav ul { 
    list-style: none; background: #154c85; padding: 5px 20px; width: 478px; position: relative; 
    left: -9px;
}
nav ul li { display: inline; }
nav ul li a {
	display: block;
	float: left;
	border-top: 1px solid #96d1f8;
	background: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
	background: -moz-linear-gradient(top,  #65a9d7,  #3e779d);
	height: 17px;
	padding: 0 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	-webkit-text-stroke: 1px transparent;
	font: bold 11px/16px "Lucida Grande", "Verdana", sans-serif;
	color: rgba(255,255,255,.85);
	text-decoration: none; 
	margin: 0 5px 0 0;
}
nav ul li a:hover {
	border-top: 1px solid #4789b4;
	background: #28597a;
	background: -webkit-gradient(linear, left top, left bottom, from(#3d789f), to(#28597a));
	background: -moz-linear-gradient(top,  #3d789f,  #28597a);
	color: rgba(255,255,255,.85); 
}	
nav ul li a:active, nav ul li a.current {
	border-top-color: #245779;
	background: #1b435e;
	position: relative;
	top: 1px; 
}

#topnav {
	position: fixed;
	top: 0;
    margin: 0;
    padding: 0;
	width: 100%
       
}
.topnavmu {
	
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
	position: fixed;
	width: 100%;
	top: 0;

	
}

li .topnavmu{
	float: left;
	
}
li a .topnavmu
{
	display: block;
	color: 
	
	
}