body {
    margin: 0px 0px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*background: url(stripeBack.gif) center repeat;*/
    background: rgb(48,48,48);
}
a:link {
    color: rgb(90,160,40);
}

a:hover {
    color: rgb(140,32,105);
}

.white, a.white:link, a.white:visited, a.white:hover {
    color: rgb(255,255,255);
}

#middleStripe {
    margin: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*background: url(middleStripe.gif) center repeat-x;*/
}

#mainColumn {
    text-align:justify;
    margin-left:auto;
    margin-right:auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 850px;
    padding: 0;
    border: solid 4px black;
    background: rgb(255,255,255);
}

#logo {
    height: 170px;
    padding: 0;
    padding-bottom:5px;
    margin: 0;
    background: #EDEDED url(http://www.yourpersonalchefms.com/logo.gif) no-repeat;
   
}

#contact {
   padding-left: 10px; padding-right:10px;
}

#content {
    width: 830px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align:justify;
    font-size:0.8em;
    padding:10px;
}

#footer {
    width: 850px;
    margin: 0 auto;
    margin-bottom: 15px;
    text-align:center;
    font-size:smaller;
    color: rgb(215,215,215);
}

#menuDownload
{
   border: solid 2px rgb(235,233,232);
   background: rgb(245,245,245);
   font-size:0.8em;
   width:200px;
}

.contactInfo
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

.menuTitle
{
    border-bottom:dotted 1px rgb(140,32,105);
    width:70%;
    text-align:left;
}

.menuFont
{
    color:rgb(140,32,105); font-family:Trebuchet, Verdana, sans-serif; font-weight:bold; font-size:1.2em;
}

.menuFont2
{
    color:rgb(140,32,105); font-family:Trebuchet, Verdana, sans-serif;
}
.holdButtons {
    width: 850px;
    margin: 0 auto;
    margin-top: 15px;
    text-align:left;
}

.buttons
{
    height:24px;
    vertical-align:middle;
    padding-top:4px;
}
.buttons a {
    color: rgb(100,182,50);
    padding: 6px 8px;
    font-weight: bold;
    text-decoration: none;
    display: inline;

}
.buttons a:hover {
    color: rgb(255,255,255);
    text-decoration: none;
    background-color: rgb(140,32,105);
}

.buttons #linksel{
    color: rgb(255,255,255);
    background-color: rgb(100,182,50);
}

.linknsel {
}

.slideFood {
    /*border:solid 5px rgb(100,182,50);*/
    width: 850px;
}

#modernbricksmenu{
padding: 0;
width: 800px;
background: #EDEDED
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 14px Arial;
margin:0;
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: #8C2069; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #5BA22E; /*Brown color theme*/
border-color: #5BA22E; /*Brown color theme*/
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #5BA22E; /*Brown color theme*/
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

.roundedcornr_box {
	background: url(tl.gif) no-repeat top left;
}
.roundedcornr_top {
	background: url(tr.gif) no-repeat top right;
}
.roundedcornr_bottom {
	background: url(bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom div {
	background: url(br.gif) no-repeat bottom right;
}
.roundedcornr_content {
	background: url(r.gif) top right repeat-y;
}

.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content, .roundedcornr_bottom {
	margin-top: -19px;
}
.roundedcornr_content { padding: 0 15px; }



@media (max-width: 874px) {
#content,
#footer,
div#mainColumn {
width: auto !important;
}
img {
max-width: 100%;
}
div#modernbricksmenu,
div#modernbricksmenu ul {
width: auto !important;
padding: 0 !important;
max-width: 100% !important;
min-width: 0;
}
div#modernbricksmenu ul li {
position: static !important;
display: block !important;
width: auto !important;
float: none !important;
margin: 0 !important;
padding: 0;
min-width: 0;
}
div#modernbricksmenu ul li a {
float: none;
margin: 0 !important;
min-width: 0;
}
div#logo {
background-position: 50% 0;
padding-top: 140px;
padding-bottom: 10px !important;
height: auto !important;
}
#logo table {
position: static !important;
float: none;
margin: 0 auto;
}
#logo table td {
	padding: 0 !important;
}
}
@media (max-width: 488px) {
	div#logo {
		background-size: auto 100px;
		padding-top: 100px;
	}
}

div#modernbricksmenu ul,
div#modernbricksmenu li {
margin: 0;
}

.lunchbuttons td {
padding: 0;

}
.lunchbuttons a {
font-size: 16px;
padding: 8px 8px 8px 30px;
display: block;
background: #5BA22E url(/zoom.png) 8px 50% no-repeat;
color: #FFF !important;
}
.lunchbuttons a:hover {
background-color: #8c2069;
}

@media (min-width: 875px) {
    #modernbricksmenu {
        width: 100%;
    }
    #modernbricksmenu ul {
        display: flex;
        flex-wrap: wrap;
    }
    #modernbricksmenu ul li {
        flex-grow: 1;
        display: block;
        max-width: unset;
        flex-basis: 18%;
    }
    #modernbricksmenu li a {
        float: none;
        text-align: center;
    }
}