/* CSS Document */

/* top level
+-----------------------------------------------------+
|T CSS Designed and written by Fox Valley Web Design.|
|A http://www.foxvalleywebdesign.com/ |
|G |
+-----------------------------------------------------+
*/
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

p {
font-size: 1em;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin: 1em 0;
padding: 0;
line-height: 1.5em;
}

h1 {
	font-size: 1.7em;
	font-weight: bold;
	background-image: url(../images/pawtan.gif);
	background-repeat: no-repeat;
	height: 50px;
	padding-left: 50px;
}
h2 {
	font-size: 1em;
	color: #336633;
	margin: 0;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #663300;
	margin: 0px 20px;
}
h4 {
	font-size: 1.5em;
	color: #8B3231;
}
h5 {
	font-size: .9em;
	font-weight: normal;
	color: #660000;
}
h6 { font-size: 1.2em;
      color:#FFFFFF;
	  text-align: center;
	  padding: 1px 0; 
	  margin: 3px 0px;}

li, dd, blockquote { margin-left: 1em; }
dl { margin: 0px; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
td, th { vertical-align: top; }
.clearboth {clear:both; height:0px; font-size:0em;}

/*************************************************************/

body {
text-align: center;
background-color:#000000;
}
#main {
	width: 1000px;
	margin: 19px auto;
	text-align: left;
}	
#header {
    background-image:url(../images/header.jpg);
	height: 155px;
	position: relative;
}
#nav {
   height: 31px;
   position: absolute;
   top: 117px;
   left: 220px;
   width: 900px;  
}
#nav dt a {
      float:left;
	  display:block;
	  color: #fff;
	  padding: 6px;
	  text-decoration: none;
}
#nav dt a:hover {
   color:#FFCC00;
}
#logobottom {
   background-image: url(../images/logobottom.gif);
   background-repeat: no-repeat;
   position: absolute;
   bottom: -82px;
   left: 76px;
   width: 150px;
   height: 82px;
} 	  
#middle {
   padding: 1px 0;
   background-image: url(../images/middlebg.jpg);
   background-repeat: repeat-y;
} 
#content {
   margin-top: 80px;
   margin-left: 140px;
   margin-right: 100px;
} 
#right {
   float: right;
   width: 250px;
   clear: left;
}
#rightpic {
   float: right;
   width: 250px;
   clear: left;
   margin-top: 62px;
}
#innercon {
   margin-right: 275px;
   text-align: justify;
}   
   
#footer {
   background-image: url(../images/footerbg.jpg);
   background-repeat: no-repeat;
   height: 145px;
   color:#990000;
   font-weight: bold;
   text-align: center;
   line-height: 50px;
   vertical-align: bottom;
}
#copyright {
   width: 1000px;
   margin: 10px auto;
   color:#FFF;
   font-size:10px;
}
#copyright a {
   color: #336600;
}
copyright a hover {
   color: #999999;
}   
#copyrightnav a {
   color: #999999;
   padding: 6px;
   text-decoration: none;
   font-size: 10px;
   text-align: center;
} 
#copyrightnav a:hover {
   color:#CCCCCC;
}
#rightspecial {
   width: 212px;
}
#righttop {
   background-image:url(../images/specialtop.gif);
   background-repeat: no-repeat;
   height: 55px;
   position: relative;
}
#rightmiddle {
   padding: 1px 0;
   background-image: url(../images/specialbg.gif);
   background-repeat:repeat-y;
   text-indent: 15px;
}
#rightbottom {
   background-image: url(../images/specialbottom.gif);
   background-repeat: no-repeat;
   height: 28px;
}
#righttitle {
   font-weight: bold;
   position: absolute;
   top: 20px;
   left: 60px;
}   
#menu {
    background-image: url(../images/menubg.jpg);
	background-repeat: repeat-y;
    width: 475px;
}
#menutop {
    background-image: url(../images/menutop.jpg);
	background-repeat:no-repeat;
	height: 25px;
}
#menubottom {
    background-image:url(../images/menubottom.jpg);
	background-repeat: no-repeat;
	height: 17px;
}
#menuitem {
    position: relative;
    width: 400px;
	margin-left: 20px;
}
#menudesc {
	z-index: 1px;
}
#menudesc span{
    background-color:#FFFFFF;
}
#price {
	background-repeat:repeat-x;
	position:absolute;
	bottom: 0px;
	right: 0px;
	text-align: right;
}	
#price span{
 background: #FFF;
}
#ephoto {
    width: 220px;
	margin: 5px;
	background-color:#990000;
	font-size:16px;
	color:#FFCC00;
	text-align: center;
	padding: 1px 0;
	float: left;
	
}	
			
.clearfloat {
   clear: both;
   height: 0px;
   font-size: 0px;
}

#skip a {
 color: #FFFFFF;
 text-decoration: none;
 font-size:16px;
 position:absolute;
 top: 0;
 right:0px;
 padding-right: 15px;
 z-index: 2;
}
 .padding {
 padding: 10px;
}
.border {
	padding: 1px;
	border: 1px solid black;
	margin: 10px;
}

#hours {
 clear: both;
 border:thin dashed #000000;
 }

#scrollleft a{
 display: block;
 height: 127px;
 width: 34px;
 background: url(/cal/arrow_left.gif) top center;
 float: left;
 text-decoration: none;
}

#scrollleft a:hover{
 background-position: bottom center;
}

#scrollright a{
 display: block;
 height: 127px;
 width: 34px;
 background: url(/cal/arrow_right.gif) top center;
 float: right;
 text-decoration: none;
}

#scrollright a:hover{
 background-position: bottom center;
}

#thumb_gal{
 margin-bottom: 20px;
}

#thumb_inner{
 padding: 0;
 width: 691px;
 overflow: hidden;
 margin-left: 10px;
}

#thumb_inner img{
 padding: 0;
 border: 1px solid black;
 margin: 0 2px;
}

#thumb_inner table, #thumb_inner tr, #thumb_inner td{
 margin: 0;
 padding: 0;
 border-collapse: collapse;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(/_layouts/images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(/_layouts/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
a:link {
	color: #993300;
}
a:visited {
	color: #993300;
}
a:hover {
	color: #990000;
}

#dinnermenus {
 width: 150px;
 height: 6200px;
 float: left;
}
#dinnermenus .menu_icons a {
 display: block;
 width: 150px;
 height: 150px;
 margin: 10px 0;
 background-position: top left;
}
#dinnermenus .menu_icons a span {
 display: none;
}
#dinnermenus .menu_icons a:hover {
 background-position: bottom left;
}
#dinnermenus .menu_icons a.selected {
 background-position: center left;
}
#menu_1.menu_icons a {
 background-image: url(/_layouts/images/dinner_menu.gif);
}
#menu_2.menu_icons a {
 background-image: url(/_layouts/images/lunch_menu.gif);
}
#menu_3.menu_icons a {
 background-image: url(/_db/3.gif);
}
#lunchmenus {
 width: 150px;
 height: 8300px;
 float: left;
}
#lunchmenus .menu_icons a {
 display: block;
 width: 150px;
 height: 150px;
 margin: 10px 0;
 background-position: top left;
}
#lunchmenus .menu_icons a span {
 display: none;
}
#lunchmenus .menu_icons a:hover {
 background-position: bottom left;
}
#lunchmenus .menu_icons a.selected {
 background-position: center left;
}
#lunchmenus #menu_1.menu_icons a {
 background-image: url(/_layouts/images/dinner_menu.gif);
}
#lunchmenus #menu_2.menu_icons a {
 background-image: url(/_layouts/images/lunch_menu.gif);
}
#items {
 margin-left: 150px;
 padding: 5px;
}
#items h2 {
 text-align: center;
 margin: 1em 0;
}
#categories {
 margin-left: 150px;
 padding: 0 5px;
}

#item {
}
#item h2 {
 text-align: left;
 display: block;
 font-weight: bold;
 color: #610000;
}
#item p {
 display: block;
 margin: 0;
 font-size: .8em;
}
#item span#item_price {
 display: block;
 font-size: 1.2em;
 text-align: right;
}
#item span#item_price span#name {
 padding: 10px;
 font-weight: bold;
}

#cardvalue{
 text-align: center;
}

.special_item {
 width: 250px;
 float: left;
}
.special_item h2 {
 font-size: 1.3em;
}
.special_item p {
 margin: 0px;
 text-align: center;
 font-weight: bold;
}