/* 
 basic colors:
 yellow: E7B236
 red: 6C3211
 cream: FEFBF0
 orange: D48028
*/



/* basic elements */

body {
	font-family: Arial;
	background-color: #FEFBF0; 
	color: #000000;
	font: .78em;
}

p, ul, li  { 
	color: #000000; 
	font: 10pt/14pt Arial; 
	margin-top: 0px; 
	text-align: left;
	}
	
blockquote {
	color: #000000; 
	font: 10pt/12pt Arial; 
	margin-left: 20px;
	}

address {
	font-style: normal;
}

h1, h2, h3 {
	font-weight: bold;
	font-family: Times;
	color: #6C3211;
	line-height: 1em;
}


h1 {
	font-size: 18pt;
	}
	
h2 {
	font-size: 16pt;
	}

h3 { 
	font-size: 12pt;
	font-style: italic;
	}
	
h4 {
	font-style: normal;
	font-weight: bold;
	font-size: 12pt;
	color: black;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D48028;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #E7B236;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #E7B236;
	}

small {font-size: 80%;}

/* tinyMCE additions for Atwaters */

.menu_item, .menu_garnish {
	text-align: left;
	line-height: 12pt;
	font-size: 10pt;
	color: black;
	}
.menu_item {
	font-variant: small-caps;
}
.menu_garnish{
	font-style: italic;
	}
/* end tinyMCE additions for Atwaters */

.lineHeight_80 {line-height: 80%;}

.pad_5px {
	padding: 5px;
}
/* title are same has h1, etc but with line height computed to 1.5em */
title1, title2, title3 {
	font-weight: bold;
	font-family: Times;
	color: #755D50;
	line-height: 1.5em;
}
title1 {
	font-size: 18pt;
	}
	
title2 {
	font-size: 16pt;
	}

title3 { 
	font-size: 12pt;
	font-style: italic;
	}

/* END basic elements */
	
/* specific divs */

#container { 
	margin-right: auto; 
	margin-left: auto; 
	border-color: #585854; 
	min-width: 740px; 
	border-right-width: 1px; 
	border-left-width: 1px; 
	border-bottom-width: 1px; 
	border-top-width: 1px; 
	background-color: #FEFBF0; 
	border-style: solid; 
	width: 740px;
	height: auto;
	text-align: left;
}

#pageHeaderContainer{
	display: inline;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #FEFBF0;
}

#pageHeader {
}

#pageHeaderTopBar {
	background-color: #6C3211;
	height: 13px;
	color: #6C3211;
}

#pageHeaderTopBarHome {
	background-color: #6C3211;
	height: 13px;
	color: #6C3211;
}

#pageHeaderHeaderGraphic {
	position: relative;
	background-color: #FEFBF0;
	height: 82px;
	width: 740px;
}

#atwaterLogo {
	display: inline;
	left: 552px;
	top: 3px;
	position: absolute;
	float: right;
}

#pageHeaderNav {
	height: 27px;
	padding-right: 0px;
	padding-left: 0px;
}

{
	list-style-type: none;
	top: 50px;
	position: relative;
}

{
	list-style-type: none;
	top: 50px;
	position: relative;
}

#pageHeaderbanner{
	height: 25px;
}

#breadcrumbcontainer {
	padding-top: 8px;
	padding-left: 10px;
	height: 25px;
	color: #ffffff;
	text-decoration: none;
	text-transform: capitalize;
	list-style: none;
	text-align: left;
}

#breadcrumbcontainer a { padding-top: 10px; color: #ffffff;}

#breadcrumbcontainer a:hover {}

/* place specific background image (watermark) in the div, depending on page */
#contentContainer {
	position: relative;
	background-repeat: no-repeat;
	background-position: left bottom;
	word-wrap: normal;
	z-index: 0;
}


#mainColumn {
	padding-top: 4px;
	min-height: 280px;
	height: auto;
	width: 500px;
}


#mainColumn_hm {
	height: auto;
	width: 500px;
}


#supportingText, #supportingTextStoreLoc_IEhack {
	padding-bottom: 10px;
	height: auto;
	max-height: 500px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 0px;
	overflow: auto;
}

.watermark_atwaters {background-image: url(images/watermark_Atwaters.jpg);}
.watermark_bread {background-image: url(images/watermark_Bread.jpg);}
.watermark_cheese {background-image: url(images/watermark_Cheese.jpg);}
.watermark_pastry {background-image: url(images/watermark_Pastry.jpg);}
.watermark_soupsalad {background-image: url(images/watermark_Soupsalad.jpg);}

#sidebarContainer {
	min-height: 275px;
	max-height: 350 px;   
	background-color: #6C3211; 
	float: right;
	display: inline;
	top: 0px;
	position: absolute;
	left: 500px;
	width: 240px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 4px;
}
#sidebarContainer_hm {
	max-height: 350px;
	float: right;
	display: inline;
	top: 0px;
	position: absolute;
	left: 500px;
	width: 240px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
#sideBarTopBanner {
	background-color: #6C3211;
	height: 40px;
	}
	
/*  text-align: center = Hack To Keep IE5 Windows Happy */
#footer {                                                                                  
	margin-right: auto;                                                                                  
	margin-left: auto;                                                                                  
	min-width: 740px;                                                                                                                                                                   
	font-family: Helvetica, Verdana, Arial, sans-serif;                                                                                                                                                                   
	width: 740px;                                                                                  
	padding-top: 30px;                                                                                  
	padding-bottom: 16px;                                                                                                                                                                       
	text-align: center; 
}

#footer p {
	text-align: center;
}

#footer a:link, #footer a:visited {
	font-style: normal;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	color: #6C3211;
	text-transform: capitalize;

}
	
#footer a:hover, #footer a:active {
	
}

.linkHome {
	right: 200px;
	position: relative;
	top: -6px;
	display: inline;
}

img {
	border-style: none;
}

#bottomBarContainer {
	margin-left: 0px;
	margin-right: 0px;
	background-color: #FEFBF0;
	}
	
/* font-size: 1px; = ie6 hack to make height of div render */
#bottomBar01 {
	font-size: 1px; 
	max-height: 1px;
	min-height: 1px;
	height: 1px;
	width: 740px;
	background-color: black;
}

#bottomBarFood {
	position: relative;
	padding: 0px;
	height: 132px;
	width: 740px;
}

.bottomBarFoodImages {
	position: absolute;
	top: 4px;
	height: 124px;
	max-width: 142px;
	min-width: 142px;
	width: 142px;
}

#bottomBarFoodImage_01 {left: 0px;}
#bottomBarFoodImage_02 {left: 149.5px;}
#bottomBarFoodImage_03 {left: 298.5px;}
#bottomBarFoodImage_04 {left: 448.5px;}
#bottomBarFoodImage_05 {left: 598px;}

/* font-size: 5px;  = ie6 hack to make height of div render */
#bottomBar03 {
	font-size: 5px; 
	height: 5px;
	width: 740px;
	background-color: #E7B236;
	color: #e7b236;
}
/* font-size: 5px; = ie6 hack to make height of div render */
#bottomBar04 {
	font-size: 5px;
	height: 36px;
	width: 740px;
	background-color: #6C3211;
	color: #6C3211;
}

.bold {
	font-weight: bold;
}

.borderBox {
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-width: 1px;
	border-color: #755D50;
	border-style: solid;
}

element {
}

#2columns_01 {
	left: 0px;
	top: 0px;
	position: relative;
}

#2columns_02 {
	left: 0px;
	top: 0px;
	position: relative;
}

#2columns_soups {
	left: 0px;
	top: 0px;
	position: absolute;
}

#2columns_salads {
	left: 150px;
	top: 0px;
	position: absolute;
}

#2columns_where {
	left: 0px;
	top: 0px;
	position: absolute;
}

#2columns_sandwhiches {
	left: 150px;
	top: 0px;
	position: absolute;
}
.noDisplay {
	display: none;
}
/* ie6 fixes * /

/* fix for the IE 1px-off margin error */
* html .StupidIEMarginHack { margin-right: 1px; }
* html .StupidIEWidthHack { width: 100%; }

/* ie6 fix for not rendering min-height in #contentContainer */
* html #contentContainer { height:1%; }

/* ie6 fix for not rendering auto height & hence no scrollbars for text */
* html #supportingText { height:500px; }
/* ie6 fix for not rendering auto height, storeLocation page needed extra height */
* html #supportingTextStoreLoc_IEhack { height: 600px;}
/* ie6 fix for not rendering height as % */
* html #sidebarContainer { height:300px; }