html {
	overflow-y			:	scroll;
}

body {
	background-color	:	darkseagreen;
	font-family			:	"Times New Roman",Serif;
}

.float-left {
	float				:	left;
}

.float-right {
	float				:	right;
}

a {
	color				:	darkgreen;
	text-decoration		:	none;
}

a:hover {
	text-decoration		:	underline;
}

img {
	border				:	none;
}

div.specials_gallery_block {
	position			:	relative;
	top					:	22px;
	left				:	10px;
	width				:	798px;
	height				:	320px;
}

div.specials_scroll {
	position			:	absolute;
	top					:	0px;
	left				:	10px;
	width				:	360px;
	height				:	300px;
	overflow			:	auto;
	margin				:	0px;
	border				:	2px solid darkgreen;
}

#myGallery {   /* needs to be called myGallery because the javascript references it */
	position			:	absolute;
	top					:	0px;
	left				:	386px;
	padding				:	0px;
	margin				:	0px;
	border				:	none;
}

div.frame {
	position			:	relative;
	margin-left			:	auto; 
	margin-right		:	auto;
	margin-top			:	0px;
	margin-bottom		:	0px;
	width				:	856px;
	border				:	4px solid darkgreen;
	/*
	background			:	#ffffcb url("./images/background.gif") repeat top left;
	background			:	#ffffcb;
	*/
	background			:	cornsilk;
	background-repeat	:	repeat;
	text-align			:	center;
	height				:	40em;
}

div.footer {
	position			:	absolute;
	bottom				:	0px;
	left				:	0px;
	margin				:	0px auto 5px auto;
	text-align			:	center;
	width				:	856px;
}

div.footer-inner {
	width				:	520px;
	margin				:	0px auto 0px auto;
}

p.footer {
	font-size			:	9pt;
	padding				:	0px;
	margin				:	0px;
}

div.main_page {
	position			:	relative;
	top					:	10px;
	height				:	420px;
	width				:	820px;
	margin-left			:	auto;
	margin-right		:	auto;
	text-align			:	center;
	background			:	palegoldenrod;
	border				:	3px outset palegoldenrod;
}

h1.main_page {
	font-size			:	18pt;
	padding				:	0.5em 0px 0px 0px;
	margin				:	0px;
}

p.main_page {
	padding				:	0px;
	margin				:	0px;
}

div.hours_outer {
	position			:	relative;
	margin				:	0px auto 0px auto;
	text-align			:	center;
	padding-top			:	0.5em;
	width				:	220px;
	height				:	4em;
}

div.hours_left {
	text-align			:	left;
	float				:	left;
}

div.hours_right {
	text-align			:	left;
	float				:	right;
}

p.hours {
	padding				:	0px;
	margin				:	0px;
}

p.hours_title {
	font-size			:	12pt;
	border-bottom		:	1pt solid black
}

p.hours_detail {
	font-size			:	10pt;
}



/************************
 * Jobs Page Formatting
 ************************/
div.jobs_page {
	position			:	relative;
	top					:	1em;
	width				:	800px;
	background			:	palegoldenrod;
	text-align			:	center;
	margin-left			:	auto;
	margin-right		:	auto;
	padding-top			:	1em;
	padding-bottom		:	1em;
	border				:	3px outset palegoldenrod;
	margin-top			:	0px;
	padding-top			:	0px;
}

h1.jobs_page {
	font-size			:	18pt;
	font-weight			:	bold;
}

p.jobs_page {
	margin				:	0px;
	padding				:	0.2em 6em 0.0em 6em;
}

.jobs_page_links {
	margin				:	0px auto 0px auto;
	padding				:	0px;
}


/************************
 * Follow Page Formatting
 ************************/
div.follow_page {
	position			:	relative;
	top					:	10px;
	width				:	800px;
	background			:	palegoldenrod;
	text-align			:	center;
	margin-left			:	25px;
	margin-right		:	25px;
	padding-top			:	1em;
	padding-bottom		:	1em;
	border				:	3px outset palegoldenrod;
}

h1.follow_page {
	font-size			:	18pt;
	font-weight			:	bold;
	margin-bottom		:	0.2em;
	margin-top			:	0px;
	padding-top			:	0px;
}

p.follow_page {
	margin				:	0px;
	padding				:	0px;
}

img.follow_page {
	margin				:	0px;
	padding				:	0px;
	height				:	40px;
	border				:	0px;
}

div.follow_page_row {
	text-align			:	center;
	padding				:	0em;
	margin				:	1em auto 1em auto;
	width				:	500px;
}

/***********************************
 * Friend and Art Gallery Formatting
 ***********************************/
div.gallery_page {
	position			:	relative;	
	top					:	10px;
	width				:	800px;
	background			:	palegoldenrod;
	text-align			:	center;
	margin-left			:	25px;
	margin-right		:	25px;
	padding-top			:	1em;
	padding-bottom		:	1em;
	border				:	3px outset palegoldenrod;
}

div.gallery_page_header {
	width				:	540px;
	text-align			:	center;
	margin				:	0px auto 0px auto;
	padding-bottom		:	1em;
}

img.gallery_page_logo {
	float				:	left;
	margin-right		:	2em;
}

p.gallery_page_notice {
	padding-top			:	1em;
	padding-bottom		:	1em;
	padding-left		:	4em;
	text-align			:	left;
}

div.gallery_page_pics {
	clear				:	both;
}

div.gallery_page_row {
	margin-top			:	0.5em;
}

img.gallery_page {
	margin-left			:	0.5em;
	margin-right		:	0.5em;
	border				:	1px inset palegoldenrod;
}

p.gallery_page {
	text-align			:	center;
	margin-top			:	0px;
	margin-bottom		:	0px;
}

/**********************************
 * Comments Page
 **********************************/
div.comments_page {
	position			:	relative;
	top					:	10px;
	height				:	18em;
	width				:	855px;
	background			:	cornsilk;
	margin-left			:	auto;
	margin-right		:	auto;
	text-align			:	left;
}

fieldset.commentform {
	padding				:	0em 8em 1em 8em;
	margin				:	0px 1em 5em 1em;
	font				:	90%/1 "Times New Roman",Serif;
	border				:	3px outset palegoldenrod;
	background			:	palegoldenrod;
}

legend.commentform {
	padding				:	0.2em 0.5em 0.2em 0.5em;
	border				:	2px outset darkgreen;
	color				:	palegoldenrod;
	background-color	:	darkgreen;
	font-size			:	150%;
	text-align			:	left;
}

label.commentform {
	float				:	left;
	width				:	32%;
	margin-right		:	0.5em;
	padding-top			:	0.2em;
	text-align			:	right;
	font-weight			:	bold;
}

p.commentform {
	text-align			:	left;
}

div.commentform {
	text-align			:	center;
	margin				:	0em auto 0em auto;
}

div.menu_download {
	position			:	absolute;
	top					:	190px;
	left				:	28px;
	width				:	800px;
	background			:	cornsilk;
	margin-left			:	auto;
	margin-right		:	auto;
	text-align			:	center;
}

div.menu_download_block {
	margin-left			:	auto;
	margin-right		:	auto;
	text-align			:	left;
}

/**********************************
 * Menu Page -- for the page with 
 * the actual restaurant menus
 **********************************/
div.menu_display {
	position			:	absolute;
	top					:	190px;
	left				:	28px;
	background			:	cornsilk;
	margin-left			:	auto;
	margin-right		:	auto;
	text-align			:	center;
}

div.menu_display_items {
	position			:	relative;
	width				:	800px;
	height				:	34px;
	margin-left			:	auto;
	margin-right		:	auto;
	background			:	palegoldenrod;
	border				:	2px outset palegoldenrod;
}

div.menu_display_item {
	float				:	left;
	height				:	25px;
	width				:	200px;
	text-align			:	center;
	margin-top			:	5px;
}

div.menu_display_pdf {
	margin-top			:	0.5em;
	margin-bottom		:	0.5em;
}

embed.menu_display {
	border				:	0px;
	width				:	800px;
	height				:	1320px;
}

iframe.menu_display {
	border				:	none;
	width				:	800px;
	height				:	1320px;
}

p.menu_display_help {
	font-size			:	8pt;
	padding				:	0px 0px 8px 0px;
	margin				:	0px;
}

/**********************************
 * Menu Page -- for the page with 
 * the actual restaurant menus
 **********************************/
div.menu_page {
	position			:	relative;
	top					:	1em;
	background			:	cornsilk;
	margin-left			:	auto;
	margin-right		:	auto;
	text-align			:	center;
}

div.menu_page_items {
	position			:	relative;
	width				:	800px;
	height				:	22em;
	margin-left			:	auto;
	margin-right		:	auto;
	background			:	palegoldenrod;
	border				:	2px outset palegoldenrod;
}

div.menu_page_item {
	float				:	left;
	height				:	380px;
	width				:	200px;
	text-align			:	center;
	margin-top			:	5px;
}

div.menu_page_item_detail {
	text-align			:	center;
	padding				:	0.5em;
	font-size			:	8pt;
	font-family			:	"Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, San-serif;
	font-style			:	italic;
	margin-left			:	0.5em;
	margin-right		:	0.5em;
}

a.menu_page_item {
	display				:	block;
	font-weight			:	bold;
	font-size			:	12pt;
	height				:	20px;
	width				:	164px;
	text-align			:	center;
	padding-top			:	1px;
	padding-bottom		:	2px;
	background			:	palegoldenrod;
	border-bottom		:	1px outset khaki;
	border-left			:	1px outset khaki;
	border-right		:	1px outset khaki;
	margin-left			:	16px;
	margin-right		:	16px;
}

a.menu_page_item:hover {
	background			:	darkgreen;
	color				:	palegoldenrod;
	font-weight			:	bold;
	text-decoration		:	none;
}

a.menu_page_item_selected {
	color				:	palegoldenrod;
	background			:	darkgreen;
	font-weight			:	bold;
}

img.menu_page_pic {
	border				:	1px inset khaki;
	margin-left			:	auto;
	margin-right		:	auto;
}

div.menu_page_pic_each {
	width				:	200px;
	padding-top			:	6px;
	padding-bottom		:	0em;
	text-align			:	center;
}

a.menu_page_detail {
	text-decoration		:	none;
}

img.menu_page_page {
	width				:	798px;
	border				:	1px solid gray;
}

/**********************************
 * Title Bar Stuff
 **********************************/
div.title_bar {
	position			:	relative;
	height				:	150px;
	text-align			:	left;
	padding				:	0px 0px 0px 0px;
	margin				:	0px 0px 0px 0px;
	background-image	:	url("./images/stripe.gif");
	background-position	:	center center;
	background-repeat	:	no-repeat;
	background-color	:	#ffffcb;
}

img.title_bar_image_logo {
	position			:	relative;
	top					:	6px;
	left				:	28px;
}

img.title_bar_image_wifi {
	position			:	absolute;
	top					:	40px;
	right				:	28px;
}

/**********************************
 * Menu related stuff
 **********************************/
ul.tabbed_menu {
	position			:	relative;
	width				:	100%;
	list-style-type		:   none;
	height				:   26px;
	padding				:	0px;
	margin				:	0px;
	background			:   palegoldenrod;
	border-top			:   3px solid darkgreen;
	border-bottom		:   3px solid darkgreen;
}
li.tabbed_menu {
	display				:   inline;
	text-align			:   center;
}
a.tabbed_menu {
	text-align			:   center;
	float				:   left;
	width				:   107px;
	font-weight			:   bold;
	font-size			:   16px;
	background			:   palegoldenrod;
	padding				:   4px 0px 2px 0px;
	margin				:   0px 0px 0px 0px;
}
a.tabbed_menu_selected {
	background			:   darkgreen;
	color				:   khaki;
	border-bottom		:   2px solid darkgreen;
}
a.tabbed_menu:hover {
	background			:   darkgreen;
	color				:   khaki;
	border-bottom		:   2px solid darkgreen;
	text-decoration		:	none;
}

/**********************************
 * Contact page formatting
 **********************************/
div.contact_page {
	position			:	relative;
	top					:	10px;
	width				:	760px;
	background			:	palegoldenrod;
	margin				:	0px auto 0px auto;
	text-align			:	center;
	height				:	20em;
	border				:	2px outset khaki;
	padding				:	20px;
}

div.contact_page_address {
	width				:	36%;
	float				:	left;
	text-align			:	center;
	font-size			:	18pt;
	background			:	palegoldenrod;
}

p.contact_page_address {
	padding				:	0px;
	margin				:	0px;
	font-size			:	14pt;
}

div.contact_page_map {
	float				:	right;
	border				:	2px inset khaki;
}

/**********************************
 * thankyou and error are styles 
 * that format the pages that are
 * invoked after the comments form
 * is used and feedback.php runs.
 **********************************/
div.thankyou {
    position            :   relative;
    top                 :   10px;
    width               :   760px;
    background          :   palegoldenrod;
    margin              :   0px auto 0px auto;
    text-align          :   center;
    border              :   2px outset khaki;
	padding-bottom		:	1em;
}

h1.thankyou {
}

p.thankyou {
	margin-left			:	auto;
	margin-right		:	auto;
	width				:	450px;
}

