/*******************************
Fre_Jac Restaurant CSS Document 
author: Pam Williamson;
version: one;
date: November 2007; 
***************************/ 	

/* top elements */
* { 
	padding: 0; margin: 0;
}
body {
	margin: 0; 	padding: 0;
	font: normal 13px Verdana, Tahoma, sans-serif;
	color: #ffffff;
	background: #630000;
	text-align: center;	
}
#hdr{
 height:125px;
 background-image:url(images/TopMesh.jpg);
 background-color:#879f87;
 margin-top:2px;
 }
 #lhdr-col{
	position: absolute;
	left: 0px;
	width:296px;
	margin: 7px;
	padding: 0px;
	height: 125px;
	top: 0px;
 }
#rhdr-col{
 margin: 0 0 0 299px;
 position :relative;
 }
 /*Bakery heading*/
 
 #Bakeryhdr{
 height:125px;
 background-color:#FFD684;
 margin-top:2px;
 }
 #Bakerylhdr-col{
	position: absolute;
	left: 0px;
	width:296px;
	margin: 7px;
	padding: 0px;
	height: 125px;
	top: 0px;
 }
#Bakeryrhdr-col{
 margin: 0 0 0 299px;
 position :relative;
 }
 
/* links within the main text */
a {
	color: #fae884;
	background-color: inherit;
	text-decoration: underline;
}
a:hover {
	color: #fae884;
	background-color: inherit;	
	text-decoration: underline;
}

/* headings within the text */
h1,h2, h3 {
	font:  Verdana, Arial, Sans-serif;
	color: #ffffff;	
}
h1 { font-size: 16px;} 
h2 { font-size: 15px; }
h3 { font-size: 14px; }

p, h1, h2, h3 {
	margin: 0 0 0 15px;
	padding: 10px 15px;
}
/*lists not used at the moment*/
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #ffffff;
}

/* images this is to put a border around them and place them on the page */
img {
	border: 2px solid  #112A11;
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
img.float-leftmap {
  margin: 5px 5px 5px 0px;
}

.imgcenter{
display:inline;
margin: 5px 0 5px 200px;
}

/* this is for putting in quotes or blocks of text*/
blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #cccccc;	
	font: bold 1em Verdana, Sans-serif;   
}


/*	 Layout of the page(s) */
#wrap {
	background: #630000; 
	margin: 20px auto 0 auto;	
	text-align: left;
	width: 84%;
}	

/* content-wrap */
#content-wrap {
	clear: both;
	margin: 0; padding: 0;
}

/* main */
#main {
	margin: 0 0 0 240px;		
	padding-top: 20px;
}

/* sidebar */
#sidebar {
	float: left;
	width: 240px;
	margin: 0;
	padding-top: 20px; 	
}

/* Footer */
#footer {
	height:18px;
	clear: both;
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size:8pt;
	color: #091409;
	text-align: right;
	padding-top: 3px;
}

#footer a { 
	text-decoration: underline; 
	color: #091409;
}


/* menu */
.green {padding:0 0 0 41px; margin:0; list-style:none; height:43px; background:#fff url(images/green_back.gif); position:relative; border:1px solid #000; border-width:0 1px 1px 1px; border-bottom-color:#444;}
.green li {float:left;}
.green li a {display:block; float:left; height:43px; line-height:23px; background:url(images/green_0.gif); color:#fff; text-decoration:none; font-size:12px; font-family:verdana; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor:pointer;}
.green li a b {float:left; display:block; padding:9px 12px 0 0; background:url(images/green_0.gif) right top;}
.green li.current a {color:#fae884; background:url(images/green_2.gif);}
.green li.current a b {background:url(images/green_2.gif) right top;}
.green li a:hover {color:#fff; text-decoration:none;background:url(images/green_1b.gif);}
.green li a:hover b {background:url(images/green_1b.gif) right top;}
.green li.current a:hover {color:#fff; background:url(images/green_2.gif); cursor:default;}
.green li.current a:hover b {background:url(images/green_2.gif) right top;}

/* end menu 

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear {	clear: both; }
.gray  {	color: #A0A0A0; }
.comments { 
	text-align: right; 
	padding: 7px 15px;
	margin: 20px 15px 15px 15px;
	background: #0A1646;	 
}