/* Natalies CSS */


body {
  margin:0;
	padding:0;
	background:#c7b08a url(../images/bg.png) top left repeat-x;
	min-height:569px;
}

body, td, th, textarea, input, select, h1, h2, h3, h4, h5, h6 {
	font: 83%/1.4 Georgia, "Times New Roman", Times, serif;
}

a {
  outline:none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

br.clear {
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height:0px;	
}

.frame {
  width:779px;
	background:url(../images/contentBack.png) top center repeat-y;
	position:relative;
	z-index:1;
}

#nav {
  width:100%;
}
#nav img {
  margin:0;
	padding:0;
}
#nav a img {
  border:0;
}

#content {
  width:707px;
	position:relative;
	z-index:2;
	margin:0 0 0 0;
	padding:36px 0 0 0;
	background:url(../images/contentBackTop.png) top left no-repeat;
	text-align:left;
}

#contentBottom {
  width:707px;
	height:94px;
	position:relative;
	z-index:3;
	margin:0px 0 0 0;
	background:url(../images/contentBackBot.png) top left no-repeat;
}

p.homeStory {
  font-size:146%;
	margin:0;
	padding:0 56px;
	color:#200000;
}
p.homeStory strong {
  font-size:130%;
	margin:0 0 0 170px;
	font-weight:normal;
	font-style:italic;
	display:block;
}

.homePic {
  float:right;
	margin:-80px 56px 0 0;
	padding:0 0 52px 0;
}
.homePic img { clear:both; float:none;}

img.homeFeat {
  float:left;
	margin:15px 0 0 56px;
	border:0;
}

#footer {
  text-align:center;
	margin:0 0 40px 0;
}
#footer img {
  border:0;
}


#rContainer {
  background:url(../images/rContent.png) top right repeat-y;
	width:707px;
	float:right;
	margin:-36px 0 0 0;
}

.rContent {
  background:url(../images/rContentTop.png) top right no-repeat;
	width:323px;
	float:right;
	min-height:400px;
	height: inherit;
}

.rContentBot {
	width:323px;
	height:94px;
	float:right;
}

img.menuPic {
  margin:35px 0 0 27px;
}

#rContainer h1 {
  font-style:italic;
	font-weight:bolder;
	font-size:126%;
	margin:5px 41px 5px 19px;
	text-align:center;
	line-height:120%;
}

#rContainer h2 {
	font-weight:bold;
	font-size:146%;
	margin:15px 41px 0px 19px;
	text-align:center;
	line-height:120%;
}

#rContainer p {
	margin:5px 41px 5px 19px;
	text-align:center;
}
#rContainer p strong {
  display:block;
}

#menu {
  margin:20px 0 0 0;
  width:375px;
	float:left;
}

#menu h1, #contact h1 {
	font-size:191%;
	text-align:center;
	margin:10px 0 0 60px;
	text-decoration:underline;
}
#menu h2 {
	font-size:151%;
	text-align:center;
	margin:15px 0 10px 60px;
	color:#390303;
}

.item {
  width:100%;
	font-style:italic;
	margin:0 0 8px 0;
}

.item div.dd {
	display:inline-block;
	margin:0 10% 0 15%;
	padding:0 0 5px 0;
	text-align:left;
	color:#666666;
	line-height:122%;
	font-size:90%;
	float: left;
}
.item div.dd strong {
  font-size:120%;
	font-weight:bolder;
  color:#000000;
	margin:0 6px 0 -3px;
}
.item div.dt {
  width:15%;
	float:right;
	clear:both;
	display:block;
	margin:-1.8em 0 0 0;
	text-align:right;
}


.section1, .section2 {
  width:100%;
	clear:both;
	margin:0 0 34px 0;
}

.catering {
  background:url(../images/cateringBack.png) top left no-repeat;
	width:333px;
	min-height:216px;
}

.catering h1 {
  margin:10px 0 0 30px;
	font-size:190%;
	font-style:italic;
	color:#390303;
}

.catering p {
	padding:0;
  margin:2px 30px;
}
.catering ul {
  margin:5px 40px;
}

.section1 .catering, .section2 img.cateringPic {
  float:right;
	margin:0 60px 0 0;
}
.section2 .catering, .section1 img.cateringPic {
  float:left;
	margin:0 0 0 64px;
}
.section1 img.cateringPic {
	margin:17px 0 0 68px;
}
.section2 img.cateringPic {
	margin:17px 64px 0 0;
}

.catering input.sectionName {
  margin:10px 0 0 20px;
	font-size:190%;
	font-style:italic;
	color:#390303;
	background:none;
	border:1px dotted #000000;
	width:87%;
}

textarea.cateringDesc {
  margin:5px 0 5px 20px;
	width:87%;
	height:185px;
	background:none;
	border:1px dotted #000000;
}

.adminCateringPic {
  width:227px;
	float:left;
  margin:0 0 0 25px;
}
.adminCateringPic img.cateringPic {
  margin:0;
	padding:0;
}
.catering input.submit {
  margin: 0 0 0 20px;
}

ul.adminCatering li {
  list-style:none;
}


ul.adminItems {
  margin:0 0 0 20px;
}
ul.adminItems li {
  margin:6px 0 0 0;
	clear:both;
	list-style:none;
}
ul.adminItems a {
  cursor:pointer;
	color:#FF0000;
}

ul.adminItems li form {
  width:100%;
	clear:both;
}

input.name, input.price {
  display:block;
	width:80%;
	float:left;
	background:none;
	border:0;
	border:1px dotted #000000;
	margin:4px 0;
	padding:2px 0 2px 3px;
	font-size:120%;
	font-weight:bolder;
}

input.price {
  float:right;
	width:15%;
	margin:4pt 0 0 0;
	font-size:100%;
	font-weight:normal;
}

textarea.description {
	width:80%;
	clear:both;
	border:1px dotted #000000;
	background:none;
	color:#333333;
	height:53px;
	padding:2px 0 2px 3px;
}

span.handle {
	position:relative;
	float:right;
	background:url(../images/dragIco.png) top left no-repeat;
	width:22px;
	height:22px;
	margin:10px 10px 0 0;
	cursor:move;
}


ul.menuRight {
  margin:30px 0 0 0;
	padding:0;
	list-style:none;
}

ul.menuRight li {
  margin:20px 0 20px 30px;
	padding:0;
}
ul.menuRight li img.menuPic {
  margin:0 0 0 0;
}
input.browseSub {
	margin:3px 0;
}
input.browse {
  width:60%;
	margin:3px 0;
}
li.link {
  list-style:none;
	margin:5px 0 10px 22px;
	cursor:pointer;
}
li.link a:link, li.link a:visited, li.link a {
  color:#0000FF;
}
li.link a:hover {
  color:#FF0000;
}
ul.menuRight textarea {
	border:1px dotted #000000;
	background:none;
  width:80%;
	height:75px;
	padding:3px;
	margin:3px 0;
}
ul.menuRight label {
  display:block;


}
ul.menuRight textarea.menuSub {
  font-style:italic;
	font-weight:bolder;
	font-size:126%;
  text-align:center;
}
ul.menuRight textarea.menuDesc {
  height:120px;
}

ul.menuRight li span.handle {
  position:absolute;
  top:5px;
	left:-32px;
}

#adminHome {
  margin:20px 50px;
}
#adminHome h1 {
  font-size:160%;
}
#adminHome textarea {
  width:98%;
	height:350px;
  font-size:146%;
	color:#200000;
	border:1px dotted #000000;
	background:none;
	padding:3px;
}
#adminHome img {
  float:none;
	clear:right;
}
#adminHome p {
  float:left;
}

input.submit {
  font-size:130%;
	padding:4px 6px;
	clear:both;
	float:none;
}

input.smSubmit {
  font-size:90%;
	color:#003300;
	margin:-2.4em 0 0 0;
	padding:2px;
	float:right;
	clear:both;
}
input.menuSectionName {
	font-size:151%;
	text-align:center;
	margin:5px 0 0 75px;
	color:#390303;
	border:1px dotted #000000;
	background:none;
	width:74%;
}


input.sectionSubmit {
  clear:both;
	margin:5px 0 0 75px;
	font-size:small;
}

img.arrow {
  margin:0 -34px -24px 34px;
	border:0px;
}
img.arrow2 {
  margin:0 -34px -24px 34px;
	border:0px;
}
div.rightColArrows {
  position:absolute;
	left:-40px;
}
div.rightColArrows img.arrow {
  margin:0;
}

h3 {
  font-size:190%;
	margin:20px 0 0 64px;

}

div.cateringArrows {
  margin:-30px 0 34px 0;
}

div.cateringArrows2 {
  margin:-30px 0 34px 0;
}


#contact {
  margin:20px 0 0 0;
  width:375px;
	float:left;
}
#contact form {
  font-size:120%;
	margin:0 0 0 64px;
}

#contact input {
  padding:2px 0 2px 3px;
	width:229px;
	clear:both;
	display:block;
}
#contact input.submit {
	width:auto;
	margin:5px 0 0 0;
  font-size:90%;
}
#contact label {
  font-size:90%;
	clear:both;
	display:block;
	margin:5px 0 0 0;
}
#contact textarea {
	width:289px;
  height:180px;
  padding:2px 0 2px 3px;
}


#menu img.delItem {
  float:right;
	margin:-48px 36px 0 0;
	border:0;
}
img.delItem2 {
  float:left;
	margin:-100px 0 -10px -271px;
	border:0;
}

#menu img.delSection {
  float:left;
	margin:-17px 0 0px 54px;
	border:0;
}
#rContainer img.delRight {
  float:right;
	margin:-21px 176px 0px;
	border:0;
}



p.successAlert {
  padding:10px;
	font-size:140%;
	color:#006600;
	text-align:center;
}



#lbFrame {
  width:325px;
	clear:both;
}
#lbFrame h1 {
	font-size:179%;
	margin:5px 20px;
	color:#3c1512;
}
#lbFrame p {
	margin:5px 20px;
	display:block;
	min-height:70px;
	line-height:normal;
}


#adminHomeForm {
	clear:both;
}


p#seasonalText {
	clear:right;
	float:none;
}

p#seasonalText textarea{
  height:150px;
	clear:both;
	float:none;
}
p#seasonalText input{
	font-size:179%;
	color:#3c1512;
	margin:2px 0 6px 0;
	border:1px dotted #000;
	padding:1px 3px 3px 3px;
	background:none;
	width:90%;
}
p#seasonalText label{
	display:block;
}
.seasonalSpecials {
  margin:10px 0;
	width:325px;
	background:#FFFFFF;
	padding:20px;
}

textarea#seasonalDesc {
  font-size:100%;
	color:#000000;
}


/* Login Form */
div.depot-form {
  width:300px;
	border:8px solid #CCCCCC;
	padding:25px;
	background:#FFF;
	font-size:120%;
	text-align:left;
	margin:30px 0 0 0;
}

div.depot-form h1 {
  font-size:140%;
	font-weight:normal;
	margin:0 0 15px 0;
	padding:0;
}

div.depot-form label {
  display:block;
	width:80px;
	float:left;
	margin:5px 0 0 0px;
}

div.depot-form input {
  display:block;
	float:right;
	margin:5px 0 0 20px;
	padding:3px 0 2px 3px;
}


p.alert {
  color:#FF0000;
	font-size:140%;
	padding:20px;
	border-left:3px solid #FF0000;
	margin:20px 2%;
}