img.floatright { 
    float: right; 
    margin: 10px; 
	}
img.floatLeft { 
    float: left; 
    margin: 4px;
	}



body{
	background: #FFF;
	text-align:center;
	background-image: url(/images/widecheckerboard.jpg);
	background-position:top center;
	background-repeat: repeat-y;
	height:100%;	
	margin:0px;
	padding:0px;
}
p{
	margin-left:100px;
	margin-right:100px;

}
h1{
	margin: 1em auto 0.3em;
	color: #05c439;
	
	font-family:serif;
	font-weight:bolder;
	font-size:2.5em;
	font-variant : small-caps;	
	text-align:center;
	letter-spacing:7px;
}
h2.aboutus{
	margin: 1em auto 0.3em;
	color: #05c439;
	color:blue;
	font-family:serif;
	font-weight:bolder;
	font-size:2.2em;
	font-variant : small-caps;	
	text-align:center;
	letter-spacing:5px;
	
}
p#webplug{
	background-color:black;
	color:white;
	width:200px;
	text-align:right;
	float:right;
}
/*layout divs*/
div#footer{

	position:relative;
	display:block;
	height:50px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(/images/redslate_background.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
	color:#FECCC3;
	text-align:center;
	clear:both;
}
p.footer{
	padding-top:10px;
	color:white;
	font-size:1em;
	text-align:center;
}
p.plug{
	color:#FFF;
	font-size:10px;
	padding-top:-10px; /*doesn't work in IE*/ /*BUG*/
	text-align:center	;
}
	

div#main{
	background-color:white;
	width:750px;
	margin: 0 auto;
	font: 90% "Trebuchet MS",Arial,sans-serif;
	text-align:left;
	border:1px black;
	min-height:100%;
	height:100%;
	
}
div#frontbox_left{
	float:left;
	background-color:white;
	width:33%;
}
div#frontbox_right{
	float:right;
	width:33%;
}

	


/*menu style*/
	dl{
		overflow: auto;
		padding-left:100px;
		padding-right:100px;
		width:550px;
	}
		dl.description{
			width: 80%;
			overflow: auto;
			text-align:center;
		}
	dt,dd.price{
		background: #FFF;
		font-size: 100%;
		font-weight: bold;
/*		margin-right:150px;
		margin-left:150px;*/
	}
	dt{
		float: left;
	/*	color: #F70000;*/
		color: black;
	}		
	dd{
		margin:0
	}
	dd.price{
		float: right;
		color: black;
	}
	h3.priceexplain{
		float:right;
		color:black;
		margin-right:100px;
	}
	dd.ingredients{
		float:left;
		width:80%;
		font: italic 100% Georgia,Times,sans-serif;color: #555;
		text-align:left;
		padding-left:25px;
		}

/*end of menu style*/
				
				
/*navigation menu*/
/* ———————- Redslate nav ———————- */
.red #slatenav{

	position:relative;
	display:block;
	height:42px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(/images/redslate_background.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
	margin-top:-10px;
}
.red #slatenav ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;

}
.red #slatenav ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;

}
.red #slatenav ul li a{
	display:block;
	float:left;
	color:#FECCC3;
	text-decoration:none;
	padding:14px 22px 0 22px;height:28px;

}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{
	color:#fff;
	background:transparent url(/images/redslate_backgroundOVER.gif) no-repeat top center;
}




/*2 collumn menu*/
.menu-col
{

	width:350px;
	background-color:white;
	float: left;
	height:auto;
	margin-left:0px;
	padding-left:0px;	
}
div.menu-col h2{
	font-variant:small-caps;
	letter-spacing:5px;
	text-align:center;
	border-bottom:1px solid black;
}
div.menu-col dl{
	overflow: auto;
	width:350px;
	color:blue;
	padding-left:0px;
	padding-right:0px;
}
div.menu-col dl.description{
		overflow: auto;
		}

div.menu-col dt{
		float: left;
		color:black;
		margin-left:5px;
		
		
	}		
div.menu-col dd{
		margin:0
	}
div.menu-col dd.price{
		float: right;
		color:black;		
		padding-right:15px;
	}
div.menu-col h3.priceexplain{
		float:right;
		color:#AAA;
	}
div.menu-col dd.ingredients{
		float:left;
		font: italic 100% Georgia,Times,sans-serif;color: #555;
		text-align:left;
		padding-left:15px;
		margin-left:0px;
	}


/*styling for index.php*/
div.homepageBlurb h2{
	text-align:center;
	font-size:1.5em;
	letter-spacing:5px;
	color:#FF3334;
}
/*3 panels for the Italian Flag on index.php*/
div.flag p{
	text-align: center;
	
}
div.flag h3{
	color:white;
	font-family:serif;
	font-weight:bolder;
	font-size:1.5em;
	font-variant : small-caps;
	
	letter-spacing:5px;
}
div.flag h4{
	color:white;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	font-weight:bold;
	font-size:1.2em;
	font-style : italic;

}
div.flag p{
	color:white;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:2px;
}

div.bottom-panel h3{
	color:black;
}
div.bottom-panel p{
	color:black;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	font-size:1.2em;
	font-weight:normal;


}
.bottom-panel-left
{
	margin-left:00px;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:100px;
	background: #d3e4ed url(/images/bottom-panel.gif) no-repeat;
	width:240px; 
	background-color:white;
	float: left;
	min-height: 400px;
	height: auto !important;
	height: 200;
	float:left;
	background-color:#05c439;
	text-align:center;
	
}
.bottom-panel-right
{
	margin-bottom:20px;
	margin-top:20px;
	padding-top:100px;
	
  background: #d3e4ed url(/images/bottom-panel.gif) no-repeat;
  width:240px;
  background-color:white;
  min-height: 400px;
  height: auto !important;
  height: 200;
  float:right;
	text-align:center;
	background-color:#FF3334;
}
.bottom-panel
{
	margin-left:22px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	padding-top:100px;
	
  width:220px;
  background-color:white;
  float: left;
  min-height: 400px;
	height: auto !important;
  height: 200;

}

/*about us page*/
p{

	font-family:serif;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:2px;
	text-align:justify;
}
/*form*/
label,input {
        display: block;
	width: 300px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: left;
	width: 125px;
	padding-right: 20px;
	font-family:sans-serif;
	font-weight:bold;
}
.checkbox{
	width:125px;
}
.checklistlabel{
	text-align:left;
	width:500px;
	font-family:sans-serif;
	font-weight:bold;
}
.textbox{
        width:650px;
	height:50px;
	margin-left:50px;
}
br {
	clear: left;
}

h2.form{
        font-family:sans-serif;
	font-size:1em;
	text-align:left;
	border-bottom:1px solid black;
}
