/* Resets for cross-browser compatibility */
body  { margin:0; padding:0; border:0; }
table  { margin:0; padding:0; border:0; text-align:left; }
img  { margin:0; padding:0; border:0; }
li  { margin:0; padding:0; border:0; }
ul  { margin:0; padding:0; border:0; }
button  { margin:0; padding:0; border:0; }
iframe  { margin:0; padding:0; border:0;  }

/* Generic formatting styles */
.italiangreen { color: #286463; }
.holidayred { color: #dd0000; }
.heavy { font-size: larger; font-weight: bold; }
.center { text-align: center; }
.centerme { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.verdana { font-family: Verdana, Arial, Helvetica, Geneva, SansSerif, sans-serif; }
.underlined { text-decoration: underline; }
.image-left  {  }
.image-right {  }
.image-border { border: 1px black solid; }

a { outline: none; }
a, a:visited { color: #009; }
a:hover, a:visited:hover { color: #990000; }

/* Pastore's Styles */
body { background-image: url('../img/bricks_small.png'); margin: 0; padding: 0;
	font-family: Georgia,"Times New Roman", Times, serif; font-size: 11pt; color: black;
  }
div.banner { width: 800px; margin: 0 auto; padding: 0; 
	background-color: transparent;
	position: relative;
	}
div.banner img { border: 0; padding: 0; margin: 0; }
div.facebook-top {  position: absolute; top: 62px; right: 7px; }

div.main { clear: both; width: 760px; margin: 0 auto; 
	padding: 0; padding-top: 1px;
  background: white url('../img/bodybg3.jpg') no-repeat; 
	border: 2px #990000 solid; border-top: 0;
	}
div.main hr { padding:0; margin:0; width: 90%; }

div.bodycontainer { padding: 0 2em; }
/* div.bodycontainer { margin-top: 24px; } */

.bottombodytag { text-align: center; margin: 0; padding-bottom: 4px; 
	font-size: smaller; font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.topphonenr { color: #af5a54; font-weight: bold; } 

#nav_container {
	margin:0px auto 0px auto; padding: 15px 0 10px 0;
	position:relative; width:700px; height:40px; z-index:200;
	font-size: 13px; font-family: Verdana, Arial, Helvetica, SansSerif, sans-serif; font-weight: bold;
}
#nav_container { margin-bottom: 24px; } /* <----------------------- */

#nav_container p.nchours { margin: 0; text-align: center; font-size: smaller; padding: 6px 0; font-weight: normal; }
#nav_container p.nccontacts { margin: 0; text-align: center; padding: 0 0 6px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
/* ================================================================ 
Menu by Will Fastie for Pastore's Delly, June 2007 (Revised to flat menu November 2011)
-- padding instead of text-indent to handle centered text
Other Notes:
-- font sizes in pixels for absolute control over height
-- The "transparent.gif" file mentioned below does not need to exist
   but must be mentioned for the overrun area to work.
=================================================================== */

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu ul {padding:0; margin:0; list-style-type: none;}

#pmenu {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, font color and borders */
#pmenu a:visited {display:block; width:105px; color:black;  text-decoration:none; padding:5px; border:1px solid #000; border-width:1px 0 1px 1px;}

#pmenu a {display:block; width:105px; color:black;  text-decoration:none; padding:5px; border:1px solid #000; border-width:1px 0 1px 1px;}
#pmenu a {display:block; width:105px; color:black;  text-decoration:none; padding:5px; border:1px solid #000; border-width:1px 0 1px 1px;}

/* Set up the sub level borders */
#pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li ul li a {border-width:0 1px 1px 1px;}
#pmenu li a.enclose:visited {border-width:1px;}

#pmenu li a.enclose {border-width:1px;}

/* Set up the list items. This is where the default color of the background is specified */
#pmenu li {float:left; background-color:#85A9A9; text-align:center;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#e4d1ca; color:#c00;}
#pmenu li:hover > a {background:#2b6969; color:white;}
/* Menu End =======================================================  */

h4 { margin-bottom: 3px; }
h4+p { margin-top: 0; padding-top: 0; }

.google-map { border: 1px black solid; }

.footer { clear: both; width: 760px; margin: 0 auto 0 auto; padding: 10px 0 ; 
	background-color: transparent; 
	font-family: Verdana, Arial, Helvetica, SansSerif, sans-serif; font-size: 10pt; color: black;
	text-align: center; 
	}
.footer p { margin: 0; padding: 0; }
.footer a { text-decoration: none; padding-left: .5em; padding-right: .5em; color: black; }
.footer a:hover { color: black; background: transparent url('../img/transbg.png'); }
.footer p.copyright { font-size: 80%; }
 
.menupage { text-align: center; /* padding: 0 2em; */ }
.menupage .menuarea { font-size: 14pt; font-weight: bold; margin-bottom: 0; padding-bottom: 0; text-decoration:underline; }
.menudesc { font-style:italic; margin-top: 0; margin-bottom: 10px; padding-top: 0; }
.menublock { display: block; width: 50%; margin: 0 auto; padding:0;  }
.menublockitem { float:left; font-weight: bold;  }
.menublockprice { float:right; text-align: right; font-size: 100%; font-weight: normal; }
.menublockdesc { clear:both; width: 80%; margin: 0 auto; font-size: 85%; font-style: italic; }
.gonzo { padding:1em; border: 1px dashed #286463; margin-top: 15px;  }

/* Inline sidebars & images for main pages */
.firstp { margin-top: 0; }
.photoleft { float: left; padding: 0; margin: 0 1em 0 0; }
.photoright { float: right; padding: 0; margin: 0  0 0 1em; }
.photocaption { margin: 0; padding: 0; text-align: center; font-size: 75%; font-style:italic; }
.photo { border: 1px solid black; margin: 0; padding: 0; }

.sidebarleft  { float: left;  padding: .5em; margin: 0 1em 0 0; 
		border: 1px black dashed;
		text-align: center;
}
.sidebarright { float: right; padding: .5em; margin: 0 0 0 1em; 
		border: 1px black dashed; 
		text-align: center;
}
.sidebarpaleyellow { background-color: #FFFF99; }

.top-5 { float: right; margin: 0 0 0 1em;
  border: 1px black solid;
  background-color: #ffb;
  border-collapse: collapse;
}
.top-5 td, .top-5 th { text-align: center; padding: 3px 14px; }
.top-5 th { font-size: 1.1em; font-weight: bold; 
  border-bottom: 1px black solid;
  background-color: #2b6969;
  color: white;
}
/* Weekly Dinner for 2 Special */
.dinner-special { float: right; margin: 0 0 0 1em; width: 300px;
  border: 1px black solid;
  background-color: #ffb;
  border-collapse: collapse;
}
.dinner-special td, .dinner-special th { text-align: center; padding: 3px 14px; }
.dinner-special td.ds-name { font-size: 1.2em; font-weight: bold; color: red; }
.dinner-special td.ds-desc { font-style: italic; }
.dinner-special th { font-size: 1.1em; font-weight: bold; 
  border-bottom: 1px black solid;
  background-color: #2b6969;
  color: white;
}

/* Styles for handling menu page tables */
/* -- Style the heading for each menu table */
.menutableheading { font-size: 14pt; font-weight: bold; margin-bottom: 0; padding-bottom: 0; text-decoration:underline; }
/* -- Menu tables must be contained within their own div using the .center style */
.center table { margin-left: auto; margin-right: auto; text-align: center; }
/* -- The table's text is set to center for cross-browser compatibility. */
.menutable { margin:0; padding:0; border:0; text-align:center; }
/* -- Text alignment is controlled by td styling. Most columns will align right (i.e., prices) */
.menutable td { text-align: right; vertical-align: top; }
.menutable td.nameleft { text-align: left; }
.menutable td.desc { text-align: left; padding-left: 15px; font-size: 85%; font-style: italic;  }
/* -- Style the header row */
.menutable th { text-align: right; font-style: italic; font-size: smaller; font-weight:normal; text-decoration: underline; }
/* -- The width of a menu table is determined by the width of its columns */
col.name { width: 20em; }
col.namenarrow { width: 16em; }
col.price { width: 4em;  }

/* Miscellaneous */
.paren { font-size: 9pt; font-style: italic; }

.fineprint { font-size: smaller; font-style: italic; }
.msgfineprint { font-size: 9px; font-family:Arial, Helvetica, sans-serif; }
.updated { font: italic 9px Verdana, Arial, Helvetica, Geneva, SansSerif, sans-serif; padding:3px; } 

a.imglnk { background-color: transparent; border: 2px solid transparent; }
a.imglnk img { border-color: transparent; }
a.imglnk:hover img { border-color: #286463; }

/* splash holiday notice */
#holidaynotice {
	float: right;
	margin: 0 0 0 10px;
	padding: 5px;
	background-color:transparent; 
	border: 1px red dashed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	display: none;
}
#holidaynotice img { margin:0; padding:0; clear:both; }
#holidaynotice p { margin:0; padding:0;	 }

/* This is the new menu structure for the green menu below the main menu. 
** This menu uses a little single-row table with fixed-size widths and an A tag in each one.
*/
.area-nav {
	font-family: Verdana, Arial, Helvetica, SansSerif, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.area-nav-table {
	border-collapse: collapse;
	margin: 0 auto;
}
.area-nav-table td {
	border: 1px black solid;
	width: 115px;
	text-align: center;
	padding: 0;
	background-color: #85A9A9;
	color: black;
}
.area-nav-table td:hover {
	background-color: #2b6969;
	color: white;
}
.area-nav-table td.active {
	background-color: #2b6969;
	color: white;
}
.area-nav-table a, .area-nav-table a:visited {
	display: block;
	padding: 5px 3px;
	text-decoration: none;
	background-color: transparent;
	color: black;
}
.area-nav-table a:hover, .area-nav-table a:visited:hover, .area-nav-table a.active {
	color: white;
}
.area-nav .vm-instructions {
	text-align: center;
	font-size: 12px;
	font-style: italic; font-weight: normal;
	margin-top: 3px; margin-bottom: 5px;
}

/* Styles for the menu's tabbed interface */
#menu-tabs {
	width: 675px;
	margin: 0 auto;
}