/*

              C S S   S t y l e   S h e e t   f o r
                F r o m   T h e s e   R  o o t s
________________________________________________________________
*/



/* HTML ELEMENTS */

BODY{
	background: #5e2913 url('../images/body_bg_4.jpg') 50% 0% repeat-y;
	color: #000000;
	font-size: 10pt;
	font-family: Helvetica,"Bitstream Vera Sans",sans-serif;
	padding: 0px;
	margin: 0px;
}


A{
	color: #593b1c;
	font-weight:bold;
	text-decoration: underline;
}

A:Hover{
	color: #000000;
	font-weight:bold;
	text-decoration: underline;
}

/* Remove extra borders and spaces from specific elements */

IMG{
	border: 0px;
}

FORM{
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: inline;
}


TABLE {
	text-align: left;
}

TD {
	vertical-align: top;
}


/* Remove extra space and set sizes of Heading elements */
H1,H2,H3 {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	font-family: Papyrus,Helvetica,"Bitstream Vera Sans",sans-serif;

}

H2 {
	font-size: 16px;
	text-align: center;
}

H3 {
	font-size: 14px;
}

H4 {
	font-size: 12px;
}


/* DIV ID'S */

#main_container {
	width: 770px;
	margin: 0px auto;
}

#inner_container {
	background-image: url('../images/interface_container_bg.png');
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

#header {
	background-image: url('../images/interface_header_bg.png');
	background-position: right top;
	background-repeat: no-repeat;
	height: 143px;
	width: 770px;
	padding: 0px;
}

#header H1, #header H2{
	display:none;	
}

#infobar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	color: #FFFFFF;
	background: url('../images/transpBlack50.png') 0px 0px repeat-x;
}

#infobar-status {
	float: left;
	font-weight: bold;
	padding: 6px 5px 6px 5px;
	color: #999999;
}

#infobar-options {
	float: right;
	font-weight: bold;
	padding: 6px 5px 6px 5px;
}

#infobar-options A {
	color: #FFFFFF;
	background: none;
}

#infobar-options A:Hover {
	color: #FFFFFF;
	background: none;
	text-decoration: underline;
}


#home_button{
	background-image: url('../images/FromTheseRoots.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height:143px;
	width:256px;
	border: 0px;
	cursor: pointer;
} 


#footer {
	background-image: url('../images/interface_footer_bg.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 65px;
	width: 770px;
	font-size: 8px;
	clear: both;

}

#footer A{
	color: #555555;
}

#footer P{
	width: 490px;
	text-align: center;
	margin: 0px 0px 0px 221px;
	padding: 8px 10px 0px 10px;
	color: #888888;
}


#content {
	text-align: left;
	width: 491px;
	margin: 0px 0px 0px 221px;
	padding:10px; 
	background: #FFFFFF;
}

#content .blockfloat {
}


#navigation {
	margin: 0px 0px 0px 24px;
	position: relative;
	left:1px;
	padding: 0px;
	width: 195px;
	float: left;
	text-align: left;

}

#navigation UL {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	list-style-type: none;
}

#navigation UL UL {
	margin: 0px 0px 0px 45px;
	padding: 0px;
	color: #D7D7D7;
	list-style-type: disc;
}

#navigation LI {
	position: relative;
	margin: 0px;
}

#navigation LI A{
	font-family: Papyrus,Helvetica,"Bitstream Vera Sans",sans-serif;
	font-size: 16px;
	line-height: 28px;
	text-align: left;
	letter-spacing: 2px; 
	text-decoration: none;
	font-weight:normal;
	background: none;
	display: block;
	padding: 0px 0px 0px 25px;
	margin: 0px;
	color: #D6D6D6;
	width: 181px;
}

#navigation LI A:Hover{
	background: url('../images/nav_highlight.png') 0px 50% no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation LI A.active{
	background: url('../images/nav_active2.png') 0px 50% no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}


#navigation UL UL LI A{
	font-family: Papyrus,Helvetica,"Bitstream Vera Sans",sans-serif;
	font-size: 12px;
	text-align: left;
	letter-spacing: 1px; 
	text-decoration: none;
	background: none;
	display: block;
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 0px 0px;
	color: #D7D7D7;
	width: 145px;
}

#navigation UL UL LI A:Hover{
	background: url('../images/nav_active.png') -15px 50% no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}



#navigation UL#cart LI{
	background: url('../images/nav_active.png') -15px 50% no-repeat;
	font-family: Papyrus,Helvetica,"Bitstream Vera Sans",sans-serif;
	font-size: 10pt;
	text-align: left;
	letter-spacing: 2px; 
	text-decoration: none;
	font-weight:normal;
	background: none;
	display: block;
	padding: 0px 0px 0px 25px;
	margin: 0px;
	color: #D6D6D6;
	width: 181px;
}

#navigation h2{
	background: url('../images/nav_highlight.png') 0px 50% no-repeat;
}

#store_hours-box{
	width: 165px;
	margin: 0px auto 0px 20px;
	color: #999999;
}

table.store_hours{
	color: #D6D6D6;
	border-collapse: collapse;
	font-size: 10px;
	text-align: center;
	vertical-align: top;
	padding: 0px;
	margin: 0px auto;
	border: 0px;
	width: 155px;
}

table.store_hours td{
	padding: 3px;
	margin: 0px;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	border: 0px;
}

table.store_hours th{
	padding: 3px;
	margin: 0px;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	border: 0px;
}

table.store_hours tr{
	padding: 0px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

table.store_hours .day_of_week{
	
/*
	border-right: 1px solid #4E240E;
	border-bottom: 1px solid #4E240E;
*/
	padding-top:7px;
	text-align: left;
}

table.store_hours .hours_open{
/*
	border-bottom: 1px solid #4E240E;
*/
	padding-top:7px;
	text-align: right;
}






#event_calendar{
	width: 490px;
	height: 400px;
	border-width: 0px;
}


table.locations TD{
	padding: 10px;
}





.LabeledMarker_markerLabel{
	width: 20px;
	height: 20px;
	font-weight: bold;
	font-size: 9px;
	text-align: center;
}

.map_marker{
	float: left;
	margin: 9px 6px 0px 0px;
	background: url('../images/marker.png') 0px 0px no-repeat;
	width: 20px;
	height: 34px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	padding: 4px 0px 0px 0px;
	cursor: pointer;
}




.NI_Link{
	text-decoration: none;
	font-size: 8pt;
	color: #88715a;
}

table.nutrition{
	background: #FFFFFF;
	font-family: "Arial Narrow",arial,Helvetica,sans-serif;
	font-size: 10pt;
	padding: 0px;
	margin: 0px auto;
	border-collapse: collapse;
}
table.nutrition TH{
	padding: 2px;
}
table.nutrition TR{
	border: 1px solid black;
}
table.nutrition TD{
	padding: 3px;
	white-space: nowrap;
}
table.nutrition TD.dv{
	text-align: right;
}
table.nutrition TH H3{
	font-family: "Arial Narrow",arial,Helvetica,sans-serif;
	font-size: 14pt;
	display: inline;
}
table.nutrition TD H5{
	font-size: 7pt;
	display: inline;
}



.div{
	height:1px;
	width:90%;
	border-top: 1px solid brown;
}

.product_head {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.product_head H2 {
	font-family: Papyrus,Helvetica,"Bitstream Vera Sans",sans-serif;
	text-align: left;
	color: #000000;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	font-size: 18px;	
}


.product_body {
	border-bottom: 2px solid #E7E0CF;
	margin: 0px;
	padding: 0px;
	color: #000000;
	width: 492px;
}

.product_body P {
	font-family: Helvetica,"Bitstream Vera Sans",sans-serif;
	text-align: left;
	color: #000000;
	font-size: 11pt;
	line-height: 1.3em;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.product_body .image {
	float: right;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}


.product_body .button_bar{
	clear: both;
}


.product_body .button_bar A{
	text-decoration: none;
	font-size: 10px;
	float: right;
	text-decoration: none;
}

.product_body .button_bar A:Hover{
	text-decoration: none;
}


.product_body .button_bar A.print{
	padding: 2px 0 5px 25px;
	background: url("../images/recipe_printer.png") no-repeat 0 50%;
}

.product_body .button_bar A.edit{
	padding: 2px 5px 5px 5px;
/*	background: url("../images/recipe_printer.png") no-repeat 0 50%; */
	text-decoration: underline;
	float: left;
}

.product_body .button_bar A.delete{
	padding: 2px 5px 5px 5px;
/*	background: url("../images/recipe_printer.png") no-repeat 0 50%; */
	text-decoration: underline;
	float: left;
}


#addProduct_form{
	margin: 0px;
	padding: 0px;
	text-align:center;
}

#addProduct_form table{
}

#addProduct_form table td{
	text-align: center;
}

#addProduct_form input#product_name-field{
	width: 300px;
	font-weight:bold;
	font-size: 14px;
}

#addProduct_form textarea#Description-field{
	width: 290px;
	height:110px;
	padding:5px;
}


#addProduct_form label{
	text-align: left;
	border: 0px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	color: #4F3A27;
	text-transform: uppercase;
	font-size: 10px;
	display: block;
}

#product_admin_photoBox{
	width: 175px;
	float: right;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#product_admin_photoContainer{
	border: 1px solid #999999;
	width: 170px; 
	height: 120px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	background: url('../images/products/none.png') top left no-repeat;
}

#product_admin_photoIMG{
	width: 170px; 
/*	height: 120px; */
	border: 0px;
	margin: 0px;
	padding: 0px;
}





/* Recipe Cards */


.recipe_head {
	background: url('../images/recipe_card-long.png') 0px 0px no-repeat;
	height: 31px;
	position: relative;
	cursor: pointer;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	text-align: left;
}

.recipe_head H2 {
	font-family: Papyrus,Helvetica,"Bitstream Vera Sans",sans-serif;
	text-align: left;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 45px;
	font-size: 16px;	
	line-height: 31px;
}

.recipe_body {
	padding: 0px 20px 0px 20px;
	background: url('../images/recipe_card-long.png') bottom left no-repeat;
	color: #000000;
}

.recipe_image_bg{
	float: right;
	text-align:center;
	position: relative;
	right:-10px;
	background: url('../images/recipes/recipe_image_bg.png') top left no-repeat;
	width: 254px;
	height: 196px;
	margin: 0px 0px 0px 0px;
}

.recipe_image_container{
	text-align:center;
	position: absolute;
	top: 11px;
	left: 15px;
	width: 224px;
	height: 166px; 
	border: 0px;
	margin: 0px auto;
	padding: 0px;
}

.recipe_image_container A{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.recipe_image_container A:hover{
	border: 0px;
}

.recipe_image_container IMG{
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	width: 224px;
	height: 166px;
}

.recipe_body .button_bar{
	height: 25px;
	clear: both;
}


.recipe_body .button_bar A{
	text-decoration: none;
	font-size: 10px;
	float: right;
	text-decoration: none;
}

.recipe_body .button_bar A:Hover{
	text-decoration: none;
}


.recipe_body .button_bar A.print{
	padding: 2px 0 5px 25px;
	background: url("../images/recipe_printer.png") no-repeat 0 50%;
}

.recipe_body .button_bar A.edit{
	padding: 2px 5px 5px 5px;
/*	background: url("../images/recipe_printer.png") no-repeat 0 50%; */
	text-decoration: underline;
	float: left;
}

.recipe_body .button_bar A.delete{
	padding: 2px 5px 5px 5px;
/*	background: url("../images/recipe_printer.png") no-repeat 0 50%; */
	text-decoration: underline;
	float: left;
}



/* Recipe Admin Page */

#addRecipe_form{
	margin: 0px;
	padding: 0px;
}

#addRecipe_form label{
	text-align: left;
	border: 0px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	color: #4F3A27;
	text-transform: uppercase;
	font-size: 10px;
}

input#recipe_name-field{
	font-size: 14px;
	font-weight: bold;
	margin-left: 47px;
	width: 270px;
}

#addRecipe_form input#Description-field{
	font-size: 14px;
	font-weight: bold;
	width: 450px;
}

#recipe_admin_photoBox{
	width: 226px;
	float: right;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#recipe_admin_photoContainer{
	border: 1px solid #999999;
	width: 226px; 
	height: 166px;
	margin: 0px auto;
	padding: 0px;
	background: url('../images/recipes/none.png') top left no-repeat;
}

#recipe_admin_photoIMG{
	width: 224px; 
	height: 166px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#addRecipe_form input#File-field{
	width: 224px;
}

textarea#Appetizer-field{
	width: 210px;
	height:109px;
}

textarea#Dessert-field{
	width: 210px;
}

textarea#Meat-field{
	width: 450px;
}

textarea#Wine-field{
	width: 450px;
}

textarea#Text-field{
	width: 450px;
}





.RSS_box {
	background: #f2efeb url('../images/RSS_bg.jpg') top left no-repeat;
	height:59px;
	width:490px;
	margin:10px auto 0px auto;
}
.RSS_box P {
	color: #000000;
	font-size: 10px;
	text-align: left;
	padding: 9px 0px 0px 62px;
}

.RSS_box P A {
	color: #593b1c;
	text-decoration: none;
	letter-spacing: 1px;
}

.RSS_box P A:hover {
	text-decoration: underline;
}



/* CLASSES */

/* ___Specific classes___ */


.NI_Table{
	display: none;
}


/* ___General classes___ */

.bold{
	font-weight: bold;
}

.italics{
	font-style: italic;
}

.underline{
	text-decoration: underline;
}

.center{
	text-align: center;
}


.color {
	color: #5588FF;
	font-weight: bold;
}

.form_label{
	text-align: left;
	border: 0px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	color: #4F3A27;
	text-transform: uppercase;
	font-size: 10px;
	display: block;
}


.clear{
	clear: both;
}


.alert {
	margin: 10px auto 0px auto;
	padding:8px;
	width: 472px;
	font-weight:bold;

/*
	padding: 5px 5px 3px 5px;
	margin: 0px 0px 10px 0px;
	border: 1px dotted #000000;
	text-align: center;
*/
}

.alert.red {
	color: #aa0000;
	border-color: #ff0000;
	background-color: #fff7f7;
}

.alert.green {
	color: #2A853D;
	border: 2px solid #A3EBB2;
	background-color: #E6FFEB;

/*
	color: #00aa00;
	border-color: #00ff00;
	background-color: #e5ffeb;
*/
}


.superscript {
	position: relative;
	vertical-align: top;
	top: -0.4em;
	font-size: 0.6em;
}



/*
              E n d   o f   S t y l e   S h e e t
________________________________________________________________ 
*/