/* CSS for  Parker's Classic American*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 80%;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  background: #231f20;
	color: #231f20;
	behavior: url("http://www.parkersbistro.com/css/csshover3.htc"); 
}
h1 {
	color: #670700;
	font-size: 1.3em;
	margin: 10px 0 10px 10px;
}
h2 {
	color: #330000;
	font-size: 1.2em;
	margin: 0 0 10px 0;
}
h3 {
	color: #2e2524;
	font-size: 1.2em;
	margin: 0 0 5px 0;
}
h4 {
	color: #333;
	font-size: 1.1em;
	margin: 0 0 5px 0;
}
h5 {
	color: #670700;
	font-size: 1em;
	margin: 3px 0 3px 0;
	text-align: center;
	text-decoration: underline;
}

input { padding: 2px; }
option { padding: 1px 3px 1px 2px; }
ul { margin: 0 0 0 25px; }
p { margin: 0 0 10px 0; }

a img { border: none; }
a:link { color:#670700; } 
a, a:visited, a:active { text-decoration:underline; color: #670700; }
a:hover { text-decoration:none; color: #670700; }
a h3 { margin: 0 0 5px 10px; }

.l { float: left; }
.r { float: right; }
.clear { clear: both; }

.m-tb-5 { margin: 5px 0; }
.m-tb-10 { margin: 10px 0; }
.m-t-10 { margin: 10px 0 0 0; }
.m-l-150 { margin: 0 0 0 150px; }

.b { font-weight: bold; }
.no-b { font-weight: normal; }
.u { text-decoration: underline; }
.no-u { text-decoration: none; }
.i { font-style: italic; }
.no-i { font-style: normal; }
.small { font-size: .9em; }
.t-c { text-align: center; }
.t-r { text-align: right; }

/* Header ------------------------------------------------------------------------------------------------------------*/

#header{
  width: 808px;
  height: 195px;
	margin: 10px auto 0 auto;
  background-color: #fff;
}



/* Navigation ------------------------------------------------------------------------------------------------------------*/

#nav, #nav ul { /* all lists */
	width: 800px;
  padding: 0 0 0 7px;
	margin: 4px auto 10px auto;
  display: block;
	list-style: none;
	line-height: 1.2em;
  text-align: center;
}

#nav a {
  width: 115px;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  color: #231f20;
  text-decoration: none;
  height: 22px;  
}

#nav a:hover{
  color: #999999;
}

#nav li { /* all list items */
	float: left;
	width: 125px; /* width needed or else Opera goes nuts */
	height: 25px;
  font-size: 1.2em;
  color: #fff;
}

/*  For potential use for dropdowns in the future should they be needed */
#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 115px;
	font-size: .75em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ 
  float: right;
  z-index: 100;
  margin-top: 22px;
  margin-left: 0; /*-10em in IE6 */
	
}

#nav li ul li a {
  color: #231f20;
	display: block;
  float: left;
	width: 109px;
  height: 18px;
  padding: 3px;
}

#nav li ul li a:hover{
  color: #999;
  background: #fff;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items*/
	left: auto;
}

/* Main ------------------------------------------------------------------------------------------------------------*/


#main{
  margin: 0 auto;
  width: 808px;

}

#central-copy{
  width: 806px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #fff;
	z-index: 5;
}

#background-box{
  width: 791px;
  background: #e3e1d3;
	border: #fff 8px solid;
	z-index: 7;
}

img.index-img{
  display: block;
  margin: 6px;
}

.contact-frame {
margin: 10px 15px 10px 8px;
  width: 425px;
  float:right;
  text-align:right;
  
}

#map{
  margin-top: 10px;
  width: 425px;
  float: right;
  margin-right: 13px;
}

#map iframe{
  border: 1px solid #666;
}


#SignUp .signupframe {
	color: #700f00;
	line-height: 1.5em;
	font: inherit;
	border: #fff 5px solid;
	padding: 10px 10px 10px 3px;
	margin-bottom:10px;
	margin-left: -10px;
	background: #D9D6C3;
	height: 190px;
	width: 300px;
	text-align: left;
	}
	
.pdf {
margin-left: 230px;
display: inline;
}	
	
#menus {
width: 590px;
height: auto;
font-size: .97em;
text-align: left;
}


#menus b {
color: #670700;
font-size: .99em;
}

#menus i {
color: #333333;
}

#menus ol {
list-style-type: none;
list-style-position: outside;
display: block;
margin: 3px 3px 3px 0;
}

#menus li ol li{
font-weight: normal;
}

#menus li {
width: auto;
font-weight: normal;
}
#menus li.title {
	font-weight:bold;
	width: auto;
}

.price {
color: #333333;
font-size: .92em;
font-weight: normal;
text-align: right;
margin: 0 0 0 10px;
width: auto;
height:auto;

}
#menus .left-side {
width: 290px;
height: auto;
margin-right: 10px;
float: left;
}
#menus .right-side {
width: 290px;
height: auto;
float: right;
}


/* Left Col -------------------------------------------- */


#left-col{
  width: 600px;
	padding: 10px;
	margin: 0 0 0 10px;
	min-height: 550px;
	top: 218px;
  z-index: 50;
	color: #000;
}


/* Right Col -------------------------------------------- */

#right-col{
  width: 154px;
	height: 397px;
  margin-left: 630px;
	padding-left: 10px;
	top: 218px;
  position: absolute;
  z-index: 75;
	color: #fff;
}

#right-col a {
	text-decoration:none;
	text-align: center;
	color: #fff;
}
#right-col a:hover {
	text-decoration:underline;
}

#right-col img.right-top {
	margin-bottom: 30px;
}

#right-col div#promo{
  width: 105px;
	height:100px;
	margin: 35px 0 0 19px;
	padding-bottom: 80px;
  position: absolute;
  z-index: 85;
}

#right-col div#promo h2{
	color: #fff;
	font-size: 1.2em;
	margin-bottom: 0;
	text-align: center;

}

#right-col div#promo p{
	color: #c9c8c7;
	font-size: .9em;
	line-height: 1.25em;
	margin: 2px 0 5px 0;
}


/* Left Col Facebook -------------------------------------------- */


#left-col-fb{
  width: 600px;
	min-height: 660px;
	height: auto;
	padding: 10px;
	margin: 0 0 0 10px;
	top: 218px;
  z-index: 50;
	color: #000;
}



/* Right Col Facebook-------------------------------------------- */

#right-col-fb{
  width: 154px;
	height: 660px;
  margin-left: 630px;
	padding-left: 10px;
	top: 218px;
  position: absolute;
  z-index: 75;
	color: #fff;
}

#right-col-fb a {
	text-decoration:none;
	text-align: center;
	color: #fff;
}
#right-col-fb a:hover {
	text-decoration:underline;
}

#right-col-fb img.right-top {
	margin-bottom: 30px;
}

#right-col-fb div#promo{
  width: 105px;
	height:100px;
	margin: 35px 0 0 19px;
	padding-bottom: 80px;
  position: absolute;
  z-index: 85;
}

#right-col-fb div#promo h2{
	color: #fff;
	font-size: 1.2em;
	margin-bottom: 0;
	text-align: center;

}

#right-col-fb div#promo p{
	color: #c9c8c7;
	font-size: .9em;
	line-height: 1.25em;
	margin: 2px 0 5px 0;
}

#right-col-fb div#promo-btm{
  width: 140px;
	height: 221px;
	margin: 35px 0 0 0; 
	float: left;
	background-color:#fff;
  position: absolute;
  z-index: 85;
}

#right-col-fb div#promo-btm img{
position: absolute;
margin-left: 10px;
margin-top: 10px;
}

/* Footer -------------------------------------------- */


#footer {
	background-color: #fff;
	width: 808px;
	margin: 0 auto 10px auto;
	padding: 10px 0;
}
#footer p{
  text-align: center;
  color: #333;
  font-size: .92em;
}

#footer p.info{
  text-align: center;
  color: #666666;
  font-size: .82em;
  padding: 10px 20px 0 20px;
}

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

#footer a:hover{
  text-decoration: underline;
}

#footer a.author:hover{
  text-decoration: none;
  color: #66CC33;
}