/*PRIMARY ---------------------------------------------------------------------------------------------------------------*/
body {background: #d6eac2 url(../images/layout/screen-bg.gif) repeat-x 0 0; margin:0; padding: 0; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; color: #575757; font-size: 13px;}
h1, h2, h3, h4, h5, h6 {color:#222; margin: 18px 0 18px 0; font-family: Helvetica, Arial, sans-serif;}
h2 {font-size: 24px;}
strong {font-weight: bold;}
em     { font-style: italic; }
p      { margin: 18px 0; }
blockquote  { margin: 18px 0 18px 23px; color: #777; font-style: italic; }
.amp { font-family: "Palatino Linotype", "Palatino","Book Antiqua", "Warnock Pro", "Goudy Old Style", serif; font-size: 1.1em; line-height:10%; font-style: italic;}

img {display: block; margin: 0;}

.white      {color: #fff;}
.large      {font-size: 13px;}
.small      {font-size: 11px;}
.text-right {text-align: right;}

a:link, a:visited, a:active {color: #6b3592; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}

/* Clear fix */
.clear  {clear: both; font-size: 1px;}
#header {width: 741px; margin: 0 auto;}
#header:after {content:  "."; display: block; height: 0; margin: 0; clear: both; visibility: hidden;}
#header {display:inline-block;}
/* Hide from IE Mac \*/
* html #header {display:block;}
* html #header {height: 1px;}
/* End hide from IE Mac */

/*Logo*/
div#logo     {margin: 18px 0 0 0;}
div#logo h1  {display: inline;}
a.logo       {display: block; text-indent: -9999px; padding: 0; margin: 0; width: 234px; height: 122px; text-decoration: none; background: url(../images/layout/logo.gif) no-repeat 0 0;}
a.logo:hover {background: url(../images/layout/logo.gif) no-repeat 0 -122px;}

/*SECTION STYLES --------------------------------------------------------------------------------------------------------*/

/*Primary Page Styles*/
#page_surround { width: 761px; margin: 0 auto; padding:18px 0 0 0; background: transparent url(../images/layout/extra-bg.jpg) no-repeat center top; }
#content_surround {background: transparent url(../images/layout/content-bg.gif) no-repeat center top; padding-top: 5px; padding-left: 10px; padding-right: 10px; margin-top: 10px; min-height: 400px;}
#content_surround:after {content:  "."; display: block; height: 0; margin: 0; clear: both; visibility: hidden;}
#content_surround {display:inline-block;}
/* Hide from IE Mac \*/
* html #content_surround {display:block;}
* html #content_surround {height: 400px;}
/* End hide from IE Mac */

#menu{margin-left: 365px; margin-top: 110px; margin-bottom: 0; height: 35px; width: 142px; float: left;}
#menu ul{margin: 0; padding: 0; line-height: 1;}
#menu ul li{list-style-type: none; display: block; float: left;}

/*HOME =========================================================*/
#menu ul#nav li a.menu_home{display: block; width: 64px; height: 23px; text-indent: -9999px; background: url(../images/layout/menu.gif) no-repeat 0 0;}
#menu ul#nav li a.menu_home:hover{background: url(../images/layout/menu.gif) no-repeat 0 -23px;}

/*HISTORY =========================================================*/
#menu ul#nav li a.menu_history{display: block; width: 88px; height: 23px; text-indent: -9999px; background: url(../images/layout/menu.gif) no-repeat -63px 0;}
#menu ul#nav li a.menu_history:hover{background: url(../images/layout/menu.gif) no-repeat -63px -23px;}

/*MENU =========================================================*/
#menu ul#nav li a.menu_menu{display: block; width: 70px; height: 23px; text-indent: -9999px; background: url(../images/layout/menu.gif) no-repeat -151px 0;}
#menu ul#nav li a.menu_menu:hover{background: url(../images/layout/menu.gif) no-repeat -151px -23px;}

/*CONTACT =========================================================*/
#menu ul#nav li a.menu_contact{display: block; width: 72px; height: 23px; text-indent: -9999px; background: url(../images/layout/menu.gif) no-repeat -220px 0;}
#menu ul#nav li a.menu_contact:hover{background: url(../images/layout/menu.gif) no-repeat -220px -23px;}


/*Column Structure -----------------------------------------------------------------------------------------------------------------------*/
.column   {margin: 0 10px; float: left; padding:0;}

/* HACK IT \*/
* html .column { display: inline; }
/* End */

.span-1   { width: 19px; } /*1 col*/
.span-2   { width: 58px; } /*2 col*/
.span-3   { width: 97px; } /*3 col*/
.span-4   { width: 136px; } /*4 col*/
.span-5   { width: 175px; } /*5 col*/
.span-6   { width: 214px; } /*6 col*/
.span-7   { width: 253px; } /*7 col*/
.span-8   { width: 292px; } /*8 col*/
.span-9   { width: 331px; } /*9 col*/
.span-10  { width: 370px; } /*10 col*/
.span-11  { width: 409px; } /*11 col*/
.span-12  { width: 448px; } /*12 col*/
.span-13  { width: 487px; } /*13 col*/
.span-14  { width: 526px; } /*14 col*/
.span-15  { width: 565px; } /*15 col*/
.span-16  { width: 604px; } /*16 col*/
.span-17  { width: 643px; } /*17 col*/
.span-18  { width: 682px; } /*18 col*/
.span-19  { width: 721px; } /*19 col*/
.span-20  { width: 760px; } /*20 col*/
.span-21  { width: 799px; } /*21 col*/
.span-22  { width: 838px; } /*22 col*/
.span-23  { width: 877px; } /*22 col*/
.span-24  { width: 916px; } /*24 col*/

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 78px; }  
.append-2   { padding-right: 156px; } 
.append-3   { padding-right: 234px; } 
.append-4   { padding-right: 312px; } 
.append-5   { padding-right: 390px; } 
.append-6   { padding-right: 468px; } 
.append-7   { padding-right: 546px; } 
.append-8   { padding-right: 624px; } 
.append-9   { padding-right: 702px; } 
.append-10  { padding-right: 780px; }
.append-11  { padding-right: 858px; }
.append-12  { padding-right: 936px; }

/* Add these to a column to prepend empty cols. */
.prepend-2   { padding-left: 78px; }  
.prepend-3   { padding-left: 234px; } 
.prepend-4   { padding-left: 312px; } 
.prepend-5   { padding-left: 390px; } 
.prepend-6   { padding-left: 468px; } 
.prepend-7   { padding-left: 546px; } 
.prepend-8   { padding-left: 624px; } 
.prepend-9   { padding-left: 702px; } 
.prepend-10  { padding-left: 780px; }
.prepend-11  { padding-left: 858px; }
.prepend-12  { padding-left: 936px; }

.border-left { margin-left:0; padding-left: 9px; border-left: 1px solid #f5ffe7;  }
.border-right { margin-right:0; padding-right: 9px; border-right: 1px solid #f5ffe7; }

.first { margin-left: 0; }
.last  { margin-right: 0; }

a.stamp{display: block; width: 23px; height: 23px; margin: 5px 0px 0px 74px; text-indent: -9999px; text-align: left; background: url(../images/layout/mm-stamp.gif) no-repeat 0px 0px;}
a.stamp:hover{background: url(../images/layout/mm-stamp.gif) no-repeat 0px -23px;}

#food_menu h2 { color: #6b3592; font-size: 26px; letter-spacing: 1px;}
#food_menu h3 { font-size: 14px; }
#food_menu p  { margin: 0 0 18px 0; font-size: 11px;}
#food_menu h3 span{color: #666666; font-size: 14px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}

#side {font-size: 11px;}
#side h2 {font-size: 14px;}
ul#food_options    { padding: 0; margin: 18px 0; font-family: Helvetica, Arial, sans-serif; }
ul#food_options li { list-style: none; margin: 0; padding: 2px; border-top: 1px solid #f5ffe7; font-size: 12px;}

ul#food_options li a:link, ul#food_options li a:visited ul#food_options li, a:active {color: #6b3592; text-decoration: none;}
ul#food_options li a:hover {color: #000; text-decoration: underline;}

#hours    {font-size: 11px; font-family: Helvetica, Arial, sans-serif; margin-top: 36px;}
#hours h3 {margin: 18px 0 0 0; font-size: 14px;}
#contact    {font-size: 13px; font-family: Helvetica, Arial, sans-serif; margin-top: 36px;}
#contact h3 {margin: 18px 0 0 0; font-size: 14px;}
#contact address {font-style: normal; font-size: 11px;}

#food_menu table{margin: 0 0 18px 0;}
#food_menu table tbody tr td {padding: 0 0 18px 0;}
#food_menu table tbody tr td.food {color: #000; font-family: Helvetica, Arial, sans-serif; font-weight: bold;}
#food_menu table tbody tr td.food em {font-weight: normal;}
#food_menu table tbody tr td.price {text-align: right; vertical-align: top;}
#food_menu table thead th {text-align:right; font-size: 10px;}

#content h2 { color: #6b3592; font-size: 26px; letter-spacing: 1px;}
#content h3 { font-size: 14px; }
#content p  { margin: 18px 0 18px 0; font-size: 13px;}

.ui-tabs-hide { display: none; }
#footer {width: 741px; margin: 0 auto; padding: 18px 0; font-size: 11px;  font-family: Helvetica, Arial, sans-serif;}
address {font-style: normal;}