/* CSS Document */

body { text-align: center; margin:0; padding:0;}

#mainContainer {
	width: 720px;
	margin: 0 auto; /* We are going to center this design */
	padding: 0;
	text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */
	border: 1px solid #445b3b;
	background: #D9D9D9 url(images/content_bg.gif) repeat-y ;
}

#header {
	background: #445b3b;
	color: #fff;
	height:140px;
}
#intro{
	background: #fff8c2;
	color: #000;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #445b3b;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	text-align:center;
	font-weight:bold;
}

#content {
float: left; /* Our content is going to be left aligned */
width: 240px; /* And it's going to have a 240px width */
voice-family: "\"}\""; /* Box Hack for IE5 etc */
voice-family:inherit;
width:175px;
padding-left:65px;
padding-top:10px;
}


#column {
float: right; /* Our column is going to be right aligned */
width: 480px; /* Our total width - content width is 260px */
background: #fff;
 }
 
#column p{
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	text-align:center;
	
}

#food_content {
float: left; /* Our content is going to be left aligned */
width: 220px; /* And it's going to have a 240px width */
voice-family: "\"}\""; /* Box Hack for IE5 etc */
voice-family:inherit;
width:155px;
padding-left:65px;
padding-top:10px;
}



#food_column {float: right; /* Our column is going to be right aligned */
width: 500px; /* Our total width - content width is 260px */ }
 
#food_column h3{
	color: #445b3b;
	font-family: "Times New Roman", Times, serif;
	text-align:left;
	padding-left:32px;
	padding-bottom:0px;
	margin:10px 0 0 0;
	font-size: 40px;
	font-weight:normal;	
}

#food_column p{
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	text-align:left;
	padding-left:32px;
	margin: 5px 0 0 0;
}

#contact { float: right; /* Our column is going to be right aligned */
width: 480px; /* Our total width - content width is 260px */
background: #fff;}
 
#contact p{
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	text-align:left;
	padding-left:15px;
	margin: 5px 0 0 0;
}

#footer {
	clear: both; /* We have to clear our floats */
	width: 720px; /* We need to set the width on the footer since it's outside the mainContainer, and therefor isn't controlled by it */
	margin: 0 auto; /* We need to center the footer also */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-align: left;
 }
 
#menu2 {float:right;}
 
#mini-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#mini-menu li
{
float: right;
margin: 0 0.15em;
}

#mini-menu li a
{
	height: 1.em;
	line-height: 1.5em;
	float: left;
	width: 7em;
	display: block;
	color: #fff8c2;
	text-decoration: none;
	text-align: center;
	background-color: #445b3b;
	font-variant: small-caps;
}

#mini-menu li a:hover
{
	color: #445b3b;
	background-color: #fff8c2;
	}




/* Hide from IE5-Mac \*/
#mini-menu li a
{
float: none
}
/* End hide */


#mini-menu
{
	width:55%;
	float:left;
	text-align: left;
} 

.clear {
clear: both;
} 

.cushycms p {padding-right: 10px}