html, body {	
	background:#EFE1C7 url(../images/bkgd.jpg) repeat 0% 0%;
	/*font-family: Arial, Helvetica, sans-serif;	*/
	font-size:100%;	
	line-height:125%em;	
	color:#4E3421;
	text-align:center;
	}

strong {font-weight: bold;}

/* IE6 PNG transparency fixes */
body { behavior:url("csshover3.htc"); }
img, div, a, ul, li,  { behavior: url("iepngfix.htc") }
	
#container, #fixed-header, #fixed-menuitems {width:100%; min-width:840px; margin-left:auto; margin-right:auto; display:block;
    /* IE Dynamic Expression to set the width - won't validate unless put in separate stylesheet for ie, and use conditional commenting in html to link it*/
    width: expression(document . body . clientWidth < 848 ? "840px" : "100%");
	}

#container	{
	padding-bottom:0px;
	margin-top:0px; margin-bottom:0px;
	background-color:transparent;
	border:0px solid gray;
	float:left; width: 100%;
	}

#footer	{ margin-left: 33%; margin-right: .5%; clear:both; 
	color:#4E3421;
	background-color:transparent;
	text-align:center;
	margin-top: 20px; padding-top:.5em; padding-bottom:.5em;
	font-weight:normal; font-size:75%;
	border:0px solid green;
	}

#fixed-menuitems {position:fixed; top:75px; z-index:810;
	background:transparent;
	height:33px; border:0px solid blue;
	text-align:center;
	}
#fixed-header {position:fixed; top:0px; z-index:800;
	background:transparent url(../images/bkgd.png) repeat-x 0% 0%;
	height:85px; border:0px solid blue;
	text-align:center;
	}
/* GLOBALHEADER : Notes: A grid system to have all image buttons with all states in one image file. The change in background position is used to change the portion shown for that button/state. #gobalheader is a "div", #globalnav is an unordered list "ul". The classes are used only show an "on state" for the current page that corresponds to it's button. li#gn-apple are id's for the list items "li".   */
#globalheader { width: 819px; height: 115px; margin-left:auto; margin-right:auto; position: relative; z-index: 105; display: block;} /* this sets the width and height of the enclosing div */
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 273px; height: 0px; padding-top: 86px; overflow: hidden; } /* this sets the width of each image section, with a height of 0 that will not show the text in the "li". */
#globalheader #globalnav li a { background-image: url(../images/locations.png); background-repeat: no-repeat; }
/* BUTTONS */
#globalheader #globalnav li#gn-sanbruno a { background-position: 0 0; }
#globalheader #globalnav li#gn-sanmateo a { background-position: -273px 0; }
#globalheader #globalnav li#gn-belmont a { background-position: -546px 0; }
/* OVER STATES */
#globalheader #globalnav li#gn-sanbruno a:hover,active { background-position: 0 -86px; }
#globalheader #globalnav li#gn-sanmateo a:hover,active { background-position: -273px -86px; }
#globalheader #globalnav li#gn-belmont a:hover,active { background-position: -546px -86px; }

.glblhdrmenu	{background:transparent url(../images/bkgd.png) repeat-x 0px 20px; }

/*#newsflash {position:fixed; bottom:10px; left:5px; width:273px; height:112px; z-index:999; display:block;}
#newsflash #newsnav  { margin: 0; padding: 0; }
#newsflash #newsnav li { display: inline; }
#newsflash #newsnav li a { float: left; width: 273px; height: 0px; padding-top: 112px; overflow: hidden; }
#newsflash #newsnav li a  { background-image: url(../images/news-medallion.png); background-repeat: no-repeat; }
#newsflash #newsnav li#fair a { background-position: 0 0; }
#newsflash #newsnav li#fair a:hover,active { background-position: 0 -112px; }*/
	
#container2	{width:100%}   /*  needed for ie cause fixed-header uses effective margin of div following it  */

#main-content {display:block; width:98%; 
	background-color:transparent; 
	margin-left:auto; margin-right:auto; 
	padding-top:6em;}

#logo	{ padding-top: 80px; margin-left:auto; margin-right:auto;
		width: 100%; max-width: 1300px; height: 380px;
		text-align: center;
		background: url(../images/logofull.png) no-repeat 98% 80px;
		border: 0px solid gray; }

#logotype	{ padding-top: 80px; margin-left:auto; margin-right:auto;
		width: 100%; max-width: 1300px; 
		text-align: center;
		background: url(../images/logotype.png) no-repeat 100% 80px;
		border: 0px solid gray; z-index: 999;}

#logotype-menu	{ padding-top: 113px; margin-left:auto; margin-right:auto;
		width: 100%; max-width: 1300px; 
		text-align: center;
		background: url(../images/logotype.png) no-repeat 100% 113px;
		border: 0px solid gray; z-index: 999;}

#page-title	{margin: 0px 280px 0px 34%; min-height: 130px;
		text-align: center;
		background: url(../images/image-name.jpg) no-repeat top right;
		border: 0px solid gray; z-index: 22;}

#page-title h1 { margin: 4px 0 9px 0; }
#page-title h2 { padding: 4px 0 4px 0; color:#007236;}

#hours	{margin: 0px 0px 0px 34%; padding-left:20px;
		text-align: left;
		background: url(../images/image-name.jpg) no-repeat top right;
		border: 0px solid gray; z-index: 22;}

#history	{margin: 0px 32% 0px auto;
		width: 350px;
		text-align: center;
		background: url(../images/-slices_07.png) no-repeat top right;
		border: 0px solid gray; }

#history-text	{margin: 0px; float: right;
		width: 350px; 
		border: 0px solid gray; }

#history-text p	{ padding-top: 7px; text-indent: 1em;
		font-family: Times New Roman, Times, serif; 
		font-style:italic;
		font-size:100%;	
		line-height:110%;	
		color: #4E3421; text-align: left; }
		
#parchment {position: static; margin-left: 35%; margin-right: 5%; clear:both; }
.menu {position: static; margin-left: 33%; margin-right: .5%; clear:both; }

div.parchment { min-height: 150px; background: url(../images/parchment_br.gif) no-repeat bottom right; color: #4E3421; }
div.parchment div { min-height: 150px; background: url(../images/parchment_bl.gif) no-repeat bottom left; }
div.parchment div div { background: url(../images/parchment_tr.gif) no-repeat top right; }
div.parchment div div div { background: url(../images/parchment_tl.gif) no-repeat top left; }
div.parchment div div div div { padding: 40px 8% 40px 8%; }

		
.sample-div {width:auto; height:20px; background-color:#FF9966; display:inline; margin:5px; text-align:center; font:small-caps bold 14px arial;}

/* TEXT ANCHOR LINKS */
	a {text-decoration: none}
	a:link { color: red; }
	a:visited { color: red; }
	a:hover, a:active {color: green; }
	
.horiz-nav {margin:0; overflow: visible;}
.horiz-nav ul li {display:inline; }
.horiz-nav ul li a {padding: 4px 6px 4px 6px; font-weight: bold; color: #fff; background-color: #036;; }
.horiz-nav ul li a:hover {color: #fff; background-color: #369; }


#fixed-menu {position:fixed; top:65px; right: 66%; z-index:100;
	width: 733px; height:100%; background-image:url('../images/fixed-menu-bkgd.png'); background-repeat: repeat-y 0px 0px; text-align:left; border:0px solid blue;
	}

#fixed-pizza {position:absolute; top:0px; left:0px; z-index:100;
	background-image: url('../rotator....pizza-menu-01.gif'); background-repeat: no-repeat;
	margin-left:0;
	width: 733px; height:513px; overflow: hidden;
	}

#rotator  /* use the background url here for the fixed-pizza above, and place the images for the pizza in the rotator folder. Only works on PHP hosted sites (and WAMP on Windows */ 
{position:absolute; top:0px; left:0px; z-index:101;
	background-image: url('../rotator/rotate.php'); background-repeat: no-repeat;
	margin-left:0;
	width: 733px; height:513px; overflow: hidden;
}


/* BLOCK NAV*/
#blocknav { width: 230px; height: 251px; position: absolute; top:44px; left:510px; z-index: 200; display: block;} /* this sets the width and height of the enclosing div */
#blocknav #menunav { margin: 0; padding: 0; }
#blocknav #menunav li { display: block; float:left;}
#blocknav #menunav li a { display: block; float: left; width: 140px; height: 0px; padding-top: 50px; overflow: hidden; } /* sets the width of each image section, with a height of 0 that will not show the text in the "li". */
#blocknav #menunav li a { background-image: url(../images/navmenu.png); background-repeat: no-repeat; }

/* BUTTONS */
#blocknav #menunav li#mn-home a { margin-left: 1px; background-position: 0 0; }
#blocknav #menunav li#mn-ourmenu a { margin-left: 36px; background-position: 0 -50px; }
#blocknav #menunav li#mn-catering a { margin-left: 66px; background-position: 0 -100px; }
#blocknav #menunav li#mn-aboutus a { margin-left: 80px; background-position: 0 -150px; }
#blocknav #menunav li#mn-findus a { margin-left: 83px; background-position: 0 -200px; }

/* OVER STATES */
#blocknav #menunav li#mn-home a:hover,active { background-position: -140px 0px; }
#blocknav #menunav li#mn-ourmenu a:hover,active { background-position: -140px -50px; }
#blocknav #menunav li#mn-catering a:hover,active { background-position: -140px -100px; }
#blocknav #menunav li#mn-aboutus a:hover,active { background-position: -140px -150px; }
#blocknav #menunav li#mn-findus a:hover,active { background-position: -140px -200px; }


p { text-align: justify; color: #4E3421; font-size: 95%; line-height: 125%; padding-bottom: 6px;}

h1 { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:200%;
	background-color:transparent;
	color:#E11D24;
	line-height:100%; margin-top: 16px;
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
	}
h2 { font-family: "Times New Roman", Times, serif;
	color:#E11D24;
	font-weight: bold;
	font-size:130%;
	line-height:100%; padding: 12px 0 4px 0;
	}
h3 {  font-family: "Times New Roman", Times, serif;
	font-style: italic; font-weight: bold;
	color:#007236;
	font-size:115%;
	line-height:100%; padding: 0 0 10px 0;
	}
h4 {  font-family: "Times New Roman", Times, serif;
	color:#007236;
	font-size:100%;
	line-height:130%; padding: 4px 0 4px 0;
	}
h5 {  font-family: "Times New Roman", Times, serif;
	color:#007236;
	font-style: italic;
	font-size:95%;
	line-height:110%; padding: 4px 0 10px 0;
	}

.italic {	font-style: italic;	}

.initial-cap {font-size: 200%;}

.script-text {font: 145%/125% "Monotype Corsiva", "Apple Chancery", "URW Chancery L", cursive; }

.horiz-nav ul { display: inline; }
.horiz-nav li { display: block; margin: 4px 0 0 0; }
.horiz-nav a { color: #4E3421; background-color: #F4E8D0; font-weight: bold;
width: auto; padding: 3px 9px; line-height: 200%;
text-decoration: none; 
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 2px solid #B8AD9B;
border-bottom: 2px solid #B8AD9B;
}
.horiz-nav a:hover { display: inline; background-color: #DFD1BB; color: #E11D24;
border-top: 2px solid #B8AD9B;
border-left: 2px solid #B8AD9B;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

.menu-btm-nav ul { display: inline; }
.menu-btm-nav li { display: inline; }
.menu-btm-nav a { color: #B8AD9B; font-size: 11px; font-weight: bold;
width: auto; padding: 0px 6px; line-height: 70%;
text-decoration: none; 
border-left: 1px solid #B8AD9B;
border-right: 1px solid #B8AD9B;
}
.menu-btm-nav a:hover { display: inline; color: #E11D24;
}

#menu-hdr-pizza	{ position: static; padding:0; margin: 0; width:100%; min-height:70px; overflow: hidden; margin-left: auto; margin-right: auto; 
background-image:url(../images/menu-hdr-pizza.png); background-position:center; border:0px solid gray;}

#menu-hdr-pasta	{ position: static; padding:0; margin: 0; width:100%; min-height:70px; overflow: hidden; margin-left: auto; margin-right: auto; 
background-image:url(../images/menu-hdr-pasta.png); background-position:center; border:0px solid gray;}

#menu-hdr-combo	{ position: static; padding:0; margin: 0; width:100%; min-height:70px; overflow: hidden; margin-left: auto; margin-right: auto; 
background-image:url(../images/menu-hdr-combo.png); background-position:center; border:0px solid gray;}

#menu-hdr-sandwich	{ position: static; padding:0; margin: 0; width:100%; min-height:70px; overflow: hidden; margin-left: auto; margin-right: auto; 
background-image:url(../images/menu-hdr-sandwich.png); background-position:center; border:0px solid gray;}

#menu-hdr-salad	{ position: static; padding:0; margin: 0; width:100%; min-height:70px; overflow: hidden; margin-left: auto; margin-right: auto; 
background-image:url(../images/menu-hdr-salad.png); background-position:center; border:0px solid gray;}

#menu-hdr-beverages	{ position: static; padding:0; margin: 0; width:100%; min-height:70px; overflow: hidden; margin-left: auto; margin-right: auto; 
background-image:url(../images/menu-hdr-beverages.png); background-position:center; border:0px solid gray;}

#menu-hdr-sides	{ position: static; padding:0; margin: 0; width:100%; min-height:70px; overflow: hidden; margin-left: auto; margin-right: auto; 
background-image:url(../images/menu-hdr-side.png); background-position:center; border:0px solid gray;}

#menu-hdr-lunch	{ position: static; padding:0; margin: 0; width:100%; min-height:70px; overflow: hidden; margin-left: auto; margin-right: auto; 
background-image:url(../images/menu-hdr-lunch.png); background-position:center; border:0px solid gray;}

#menu-hdr-catering	{ position: static; padding:0; margin: 0; width:100%; min-height:70px; overflow: hidden; margin-left: auto; margin-right: auto; 
background-image:url(../images/menu-hdr-catering.png); background-position:center; border:0px solid gray;}

/*Menu Tables (1 is align center, 2 is align-right) */
.menu-table1
{	font-family: "Times New Roman", Times, serif; font-size: 100%; color: #007236;
	background: transparent; margin: 0px; width: 100%;
	border-collapse: collapse; text-align: center; }
.menu-table1 th
{	font-weight: bold;
	border-bottom: 1px dotted #E6D7C1; padding: 5px 3px; }
.menu-table1 td
{	border-bottom: 1px dotted #E6D7C1; padding: 2px 8px; }
.menu-table1 tbody tr:hover td
{	background: #F2E7D1; }

.menu-table2
{	font-family: "Times New Roman", Times, serif; font-size: 100%; color: #007236;
	background: transparent; margin: 0px; width: 100%;
	border-collapse: collapse; text-align: right; }
.menu-table2 th
{	font-weight: bold;
	border-bottom: 1px dotted #E6D7C1; padding: 5px 3px; }
.menu-table2 td
{	border-bottom: 1px dotted #E6D7C1; padding: 2px 8px; }
.menu-table2 tbody tr:hover td
{	background: #F2E7D1; }

.width1	{width:60px;}
.width2	{width:60%;}
.width3	{width:120px;}
.width4	{width:40%;}
.width5	{width:50px;}
.width6	{width:60px;}
.width7	{width:80%;}


.align-left {text-align: left; }
.align-center {text-align: center; }
.align-right {text-align: right; }

.nw {white-space: nowrap;}

.text {  font-family: "Times New Roman", Times, serif;
	color:#007236;
	background-color:#fff;
	font-size:110%;
	line-height:140%;
	cellpadding:9px;
	border-bottom: '100' 'solid' '#000';
	}

.form {  font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color:#007236;
	font-size:110%;
	line-height:180%;
	}
	
#Book { display:block; position:absolute; right: 3%; background-image: url(../album/book-bkg_11.png);
	height: 658px;
	width: 1120px;
	border:0px solid gray; overflow:hidden; 
	margin-left: auto; margin-right: auto; 
	z-index: 1;}

#album {width: 202px; height: 230px; float: right; display: inline; margin: 0 0 0 24px; padding: 0; background: none;}

#map-all	{ width: 614px; height: 585px; padding: 0; margin: 0; background: url(../images/map-all3.jpg) no-repeat; position:static; margin-left: auto; margin-right: auto; }

#map-google	{ width: 720; height: auto; padding: 0; margin: 0; background: none; position:static; margin-left: auto; margin-right: auto; }

.inline {display: inline; }

.min720px	{	min-width:720px;	}

#map1 { width: 65px; height:56px; background:none; margin: 0; padding: 0; border: 0px solid green; position: relative; top: 106px; left: 113px; display: block; float: left;}
#map1 a { background-image: url(../images/map-marker.png); background-repeat: no-repeat; 
width: 65px; height: 0px; padding-top: 56px; overflow: hidden; position: relative; float: left; }
#map1 a:hover,active { background-position: 0 -56px; }

#map2 { width: 65px; height:56px; background:none; margin: 0; padding: 0; border: 0px solid green; position: relative; top: 365px; left: 338px; display: block; float: left;}
#map2 a { background-image: url(../images/map-marker.png); background-repeat: no-repeat; 
width: 65px; height: 0px; padding-top: 56px; overflow: hidden; position: relative; float: left; }
#map2 a:hover,active { background-position: 0 -56px; }

#map3 { width: 65px; height:56px; background:none; margin: 0; padding: 0; border: 0px solid green; position: relative; top: 456px; left: 357px; display: block; float: left;}
#map3 a { background-image: url(../images/map-marker.png); background-repeat: no-repeat; 
width: 65px; height: 0px; padding-top: 56px; overflow: hidden; position: relative; float: left; }
#map3 a:hover,active { background-position: 0 -56px; }

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