body{
background:#91b460  url(../images/joesides.jpg) repeat-y center ;
line-height:1;
}

#wrapper
{
	background:transparent url(../images/top.jpg) top center no-repeat;
	min-height:1165px;
	height:auto !important;
	height:1165px;
}
#menu{
	/*top:366px;*/
	position:relative;
	height:317px;
	margin-top:-125px;
}

/*upper menu*/	
 #linklist {
    width: 950px; height: 220px;
    background:transparent url(../images/menu.jpg) no-repeat scroll 0px 0px;
    margin: 0px auto; padding: 0;
    position: relative;
	top: 0px;
	}
#linklist li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0px;}
#linklist li, #linklist a {
    top: 185px;height: 35px; display: block;}
/*lower menu*/	
 #linklist2 {
    width: 950px; height: 97px;
	background:transparent url(../images/menu.jpg) no-repeat scroll 0px -220px;
    margin: 0px auto; padding: 0;
    position: relative;
	margin:0px 0px;
	}
#linklist2 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0px;}
#linklist2 li, #linklist2 a {
    top: 20px;height: 35px; display: block;}

/*upper menu*/	
#indexPanel {left: 100px; width: 110px;}
#groceryPanel {left: 230px; width: 180px;}
#frozenyogurtPanel {left: 430px; width: 300px;position: relative;}
#deliPanel {left: 750px; width: 100px;position: relative;}
/*lower menu*/
#directionsPanel {left: 305px;top:50px; width: 210px;}
#yelpPanel {left: 545px;top:50px; width: 100px;height:55px}

#indexPanel a:hover {
    background: transparent url(../images/menuroll1.jpg)
   -100px -185px no-repeat;}
#groceryPanel a:hover {
    background: transparent url(../images/menuroll1.jpg)
    -230px -185px no-repeat;}
#frozenyogurtPanel a:hover {
    background: transparent url(../images/menuroll1.jpg)
    -430px -185px no-repeat;}
#deliPanel a:hover {
    background: transparent url(../images/menuroll1.jpg)
    -750px -185px no-repeat;}
	
#directionsPanel a:hover {
    background: transparent url(../images/menuroll1.jpg)
    -305px -240px no-repeat;}
#yelpPanel a:hover {
    background: transparent url(../images/menuroll1.jpg)
    -545px -230px no-repeat; height:55px;margin-top:-10px}

.content
{
height:641px;
width:950px;
position:relative;
/*top:240px;*/
}
#text{
width:581px;
margin:80px 190px;
overflow:hidden;
height:524px;
}
#text h1{padding-top:66px}
#text h1,h2{text-align:center;line-height:30px}
#text p{font-size:18px;padding:10px;line-height:19px;margin:0px}	
#text li {font-size:16px;line-height:16px}
#text strong{font-size:18px;line-height:18px;}

#meat_list{float:left}
#cheese_list{float:right}
	
#home{ background: transparent url(../images/Home.jpg) no-repeat scroll 0px 0px;}
#deli{ background: transparent url(../images/deli.jpg) no-repeat scroll 0px 0px;}
#frozenyogurt{ background: transparent url(../images/frozen.jpg) no-repeat scroll 0px 0px;}
#directions{ background: transparent url(../images/directions.jpg) no-repeat scroll 0px 0px;}
#more{ background: transparent url(../images/home2.jpg) no-repeat scroll 0px 0px;}
#grocery{ background: transparent url(../images/Grocery.jpg) no-repeat scroll 0px 0px;}
#deli #text{padding-top:160px}

#map_image{padding:20px 40px}



#frozenyogurt #text{margin-top:37px;text-align:center}
table{margin:0px;padding:0px;}
table p{text-align:center;margin:0px}
.odd{background:#91b460 }
label{position:relative;}
#flavor_table{margin-top:-1em;position:relative;}
#flavor_label {text-align:center;}
#price_table{width:35%;margin-top:-1em;position:relative;float:left;border:transparent}
#price_label {text-align:left;left:25%;position:relative;left:11%;top:-8px}
#topping_table{width:35%;position:relative;float:right;margin-top:-51px}
#topping_label {text-align:left;left:25%;position:relative;top:-47px}


td{border-width:0px}
 
#footer
{
background: transparent url(../images/foot.jpg);
position:relative;
height:333px;
/*top:240px;*/
}
#footer p{
padding:325px 0px 0px 20px;
color:whiteSmoke;
}