/* CSS Document */
<STYLE type="text/css">
{}

body {
font-family:"arabic typesetting", "times new roman", times, serif;
font-size: small;
background-image: url("../img/warmBG.gif");
background-repeat: repeat; 
background-color: #fefefe;
}

#header {
height: 170px;
margin-top: 0px;
margin-bottom: 0px;
background-image: url("../img/bannergr.jpg");
background-repeat: no-repeat;
background-color: #8db288; 
}

#header h2 {
font-size: 500%;
color: #000000;
text-align: center;
padding-left: 2em;
padding-top: 40px;
padding-bottom: 2px;
text-align: center;
/* background-image: url("../img/banner.jpg"); 
background-repeat: no-repeat;
background-color: #69096f; */
}

.drop {
font-size: 55%
}

#main {
position: relative;
top: 0;
left: 0;
height: 100%;
margin: 0 0 30px 0;
}

#content {
margin: 20px 0 0 250px;
}

#news {
font-size: 200%;
border-style: solid;
border-width: 0 0 2px 0;
border-bottom-color: #8e0606;
margin: 0 0 20px 0;
}

#news h3 {
font-size: 200%;
margin: 0 0 0 0;
}

#news ul {
line-height: 1.6em;
}

#news ul a {
text-decoration: none;
}

#news ul a img {
border-style: none;
}

#news ul.ref {
font-size: 100%;
}

#video {
height: 121px;
width: 124px;
background-image: url("../img/video_frame.gif");
background-repeat: no-repeat;
}

#description {
font-size: 200%;
}

#description p:first-letter {
font-size: 200%;
font-style: italic;
}

#description a:link, #description a:visited {
text-decoration:none;
}

.bold {
font-weight: bold;
}

.note {
font-style: italic;
font-size: 170%;
text-align: center;
}

#dinnermenulist, #lunchmenulist {
text-align: center;
}

#dinnermenulist h3 {
color: #3d0668;
}

#dinnermenulist h4 {
color: #8e0606;
}

#lunchmenulist h2 {
margin-bottom: 0;
font-size: 360%;
font-style: italic;
}

#lunchmenulist h3 {
color: #3d0668;
}

#lunchmenulist h4 {
color: #317138;
}

#dinnermenulist h2 {
margin-bottom: 0;
font-size: 360%;
font-style: italic;
}

h3 {
margin-bottom: 0;
font-size: 360%;
color: #3d0668;
}

h4 {
margin-top: 0;
margin-bottom: 0;
font-size: 240%;
}

#dinnermenulist p.highlight {
text-align: center;
font-size: 100%;
font-style: italic;
padding: 10px;
}

#contact {
float: left;
width: 200px;
margin: 0 100px 10px 0;
}

#dinnermenulist p, #lunchmenulist p, #contact p, #hours p, #contacttable p {
margin-top: 0;
font-family: arial, helvetica, sans-serif;
font-size: 130%;
color: #000000;
}

#hours {
float: left;
width: 400px;
}

#menuhours {
font-size: 85%;
color: #a50536;
}

.email {
font-size: 75%;
}

#contacttable {
margin-left: 50px;
margin-top: 0px;
}

.label {
font-style: italic;
}

#emailform {
margin-left: 50px;
width: 500px;
border-style: solid;
border-width: 3px 1px;
border-color: #003300;
padding: 10px 10px 10px 20px;
}

#emailform p {
margin-top: 0;
font-family: arial, helvetica, sans-serif;
font-size: 110%;
color: #000000;
}

#emailsent {
height: 300px;
}

#map {
clear: left;
margin-top: 15px;
margin-left: 15px;

}

.price {
font-family: arial, helvetica, sans-serif;
font-size: 55%;
font-weight: normal;
color: #000000;
}

.asterisk {
font-style: super;
color: #ee2f00;
}

.return {
text-align: right;
font-size: 80%;
font-style: italic;
}

.rightpic {
float: right;
margin: 10px 0 5px 5px;
}

.leftpic {
float: left;
margin: 0px 5px 5px 0;
}

#dinnermenulist p.reverse {
color: white;
background: #3d0668;
}

#quoteTraverse {
float: right;
width: 250px;
border: 3px inset #8e0606;
background: white;
margin: 10px 0 0 15px;
padding: 10px;
background-image: url(../img/openquote.gif);
background-repeat: no-repeat;
text-align: center;
color: #17450b;
}

p.quote {
font-size: 150%;
font-family:"times new roman", times, serif;
background-image: url(../img/closequote.gif);
background-repeat: no-repeat;
background-position: bottom right;
padding: 20px 20px 30px 0;
}

p.quote:first-letter {
padding: 0 0 0 20px;
}

#quoteTraverse p.ref {
font-size: 150%;
}

.ref {
font-style: italic;
margin: -15px 0 0 0;
}

#content a:link {
text-decoration: none;
}

#content a:hover {
color: #8e0606;
text-decoration: underline;
}

ul.links {
font-size: 200%;
}

ul.links a:link, ul.links a:visited {
text-decoration: none;
}

#sidebar {
clear: both;
position: absolute;
top: 0;
left: 0;
margin: 0 0 0 0;
width: 210px;
height: 100%;
background-color: #8db288; 
background-image: url("../img/sidebar.jpg");
background-repeat: no-repeat;
color: white;
font-size: 190%;
}

#sidebar ul {
list-style: none;
margin: 50px 0 0 0;
padding-left: 1em;
padding-bottom: 0px;
line-height: 1.4em;
}

#sidebar ul.submenu {
margin-top: 0;
margin-bottom: 10px;
font-size: 90%;
font-style: italic;
}

#sidebar ul a:link, #sidebar ul a:visited { 
color:  white; 
text-decoration: none;
}

#sidebar ul a:hover {
color: white;
text-decoration: underline;
}

.active {
font-weight: bold;
}

#footer {
clear: both;
border-style: solid;
border-width: 5px 0 0 0;
border-top-color: #4c0650;
padding-top: 5px;
font-size:120%;
text-align: center;
}

</STYLE>