/* simontonnew Document */

* {
  margin: 0;
  padding: 0;
}


	
body {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 1em;
 background: #FFF url(../images/gradient80487504.png) repeat;

 }

		
#wrapper {
 background: #ebe2c3;
 width: 900px;
 margin: 0 auto;
 border:2px solid #000;
 margin-top: 20px;
  }
	
#header {
 height: 250px;
 width: 900px;
}
#navigation {
 float: left;
 width: 900px;
 padding: 10px;
 
 }
	
#nav {
 float: left;
 background: #402d1c;
 list-style-type: none;
 width: 890px; 
 border-bottom: 1px #000 solid;
 display: block;
 height: 30px;
 padding: 5px;
}

#nav li {
display: block;
float: left;
width: 100px;
text-align: center;
font-size: .8em;
 
}

#nav a {
 color: #FFF;
 text-decoration: none;
 line-height: 2.5;
 text-align: center;
 }



#nav a:hover {
 
 color: #b94b06;
 font-weight: bold;
 padding: 5px;

}

#body_home #nav_home a, #body_hist #nav_hist a,
#body_menu #nav_menu a,#body_empl #nav_empl a,
#body_phot #nav_phot a, #body_cont #nav_cont a,
#body_dire #nav_dire a, #body_link #nav_link a {
 background: #402d1c;
 color: #b94b06;
 font-weight: bold;
 }

h1{
padding-top: 10px;
padding-bottom: 15px;
font-size:1.5em;
}

h2{
font-size: 1.2em;
margin-top: 10px;
margin-bottom: 10px;
}

h4 {
margin-top: 15px;
margin-bottom: 20px;
font-size: 1.2em;
}

p {
margin-bottom: 15px;
}

.small{
font-size: .7em;
margin-left: 70px;
padding-top: 5px;
padding-bottom: 20px;
}

#content { 
 float: right;
 padding: 10px;
 width: 678px;
 display: inline;
 margin-top: 20px;
}


img.threepics {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  margin-bottom: 15px;
}



.title {
margin-top: 25px;
margin-bottom: 20px;
font-size: 1.2em;
font-weight: bold;
}


#leftcolumn { 
 margin-top: 20px;
 padding: 10px;
 width: 179px;
 float: left;
 background: url(../images/mugpig.jpg)  no-repeat;
 }
 
 #leftcolumn ul {
 list-style: none;
 margin-left: 18px;
 font-weight: bold;
 font-size: .9em;
 margin-bottom: 20px;
 }
 
#leftcolumn ul ul {
 list-style: none;
 margin-left: 17px;
 font-size: .9em;
 font-weight: normal;
 font-style:italic;
}

#centered {
border: double #402d1C;
color: #402d1c;
text-align:center;
font-size: .7em;
margin-top: 40px;
line-height: .4em;
margin-right: 10px;
margin-bottom: 4px;
padding-top: 8px;
}

.cent {
color: #b94b06;
font-weight:bold;
} 




.hours {
font-weight: bold;
}

.employment{
padding-left: 20px;
line-height: 2em;
}

.employ {
font-weight:bold;
margin-bottom: 20px;
}

.employ a {
Color: #b94b06;
font-weight: bold;
}

.list li{
line-height: 2em;
color: #000;
list-style-type: none;
}

.list a {
color: #b94b06;
font-weight: bold;
text-decoration: none;
}

#map {
display: block;
margin-left: 100px;

  }


#footer {
text-align: center;
 width: 880px;
 clear: both;
 padding: 10px;
 background: #402d1c;
 color:#AF9B5F;
 font-size: .7em;
}

#footer a:link {
color:#b94b06;
text-decoration: none;
}

/* ------------ CSS Photo Gallery ------------ */
#thumbwrap {
	width:484px; 
	height:558px;
	border:2px solid #000;
	margin-left: 70px;
	background:#402d1c;
	padding:6px;
	position:relative;
}
.thumb .small {
	float:left;
	padding:2px;
	background:#000;
	border:6px solid #402d1c;
}
.thumb .small:hover {
	padding:3px;
	border:5px solid #402d1c;
	position:relative; /* Opera 9.5 needs this to show :hover */
}
.thumb:hover {
	border:0; /* IE6 needs this to show large image */
}
.thumb span {
	z-index:1;
	position:absolute;
	top:285px;
    left:12px;
	visibility:hidden;
}
.thumb span img {
	border:2px solid #000;
	background:#fff;
	padding:10px 59px;
}
.thumb:hover span {
	visibility:visible;
}
.visible {
	visibility:visible;
}

/* ------------ CSS Restaurant Menu ------------ */


dl {
width: 100%;
overflow: auto;
margin: 0 0 1em;
font-size: 86%;
background: #e2d7b0;
}


dt,dd.price {
font-size: 1em;
font-weight: bold;
}

dt {
float: left;
padding-right: 3px;
color: #402d1c;
}

dd {
margin: 0;

}

dd.price{
float: right;
padding-left: 3px;
color: #402d1c;
background: #e2d7b0;
}

dd.ingredients{
float: left;
width: 100%;
padding: 3px 0;
font: italic .65em  verdana, arial, helvetica, sans-serif;
color: #555;
background: #ebe2c3;
}

h3 {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 30px;
font-size: 1.5em;
font-weight:bold;
color: #b94b06;
}

p.info {
margin-top: 3px;
margin-bottom: 7px;
font-size: .7em;
color: #402d1c;
}

img.menubutton {
	margin-bottom: 20px;
	margin-left: 30px;
}