body
{
   margin: 0;
   background: #F7F295 url(/acme/images/background.jpg) repeat-x top right;
   font-size: small;
}

#main
{
   margin: 0 auto;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   width: 80%;
   background-color: white;
   position: relative;
   padding: 0;
}

#header
{
   padding: .5em;
}

#toplinks
{
   position: absolute;
   right: -.75em;
   top: 3em;
   width: 50%;
}

#toplinks a,
#toplinks a:hover,
#toplinks a:visited
{
   font-family: "Comic Sans MS", "Cooper Std Black", sans-serif;
   font-size: medium;
   font-weight: normal;
   color: black;
   text-decoration: none;
}

#toplinks img,
#toplinks img a
{
   height: 1em;
   border: none;
}
#accesscontent
{
display:none;
}
#navigation
{
   color: black;
   background-color: white;
   list-style: none;
   list-style-type: none;
   text-decoration: none;
}

#navigation h5 a,
#navigation h5 a:hover,
#navigation h5 a:visited
{
   color: white;
   text-decoration: none;
}

#navigation a,
#navigation a:hover,
#navigation a:visited
{
   color: black;
   text-decoration: none;
}


#navigation .menu a,
#navigation .menu a:hover,
#navigation .menu a:visited
{
   color: white;
}

#navigation img
{
   width: .75em;
   border: none;
}

#topnav
{
   color: blue;
   border: solid black;
   background-color: #DE2226;
   padding-left: 1em;
   padding-right: 1em;
   margin: .5em;
   margin-bottom: 0;
   padding-top: .25em;
   padding-bottom: 0;
}

#searchbar
{
   border: solid blue;
   background-color: #F7F295;
   color: black;
   margin: .5em;
   margin-top: 0;
   border: solid black;
   border-top: none;
   text-align: center;
}


#sidenav ul
{
  list-style-type: none;
  padding-left: .1em;
}

#sidenav li
{
   margin-bottom: .47em;
}

#sidenav a:hover,
#toplinks a:hover,
#trythis a:hover
{
   background-color: black;
   color: white;
   font-weight: bold;
}

#trythis a:hover img
{
   background: #F7F295;
   border: thin black;
}

#trythis
{
   border-bottom: solid black;
}

#trythis img
{
   width: 100%;
}

#sidenav,
#trythis
{
   margin: .25em;
   padding: 0;
   width: 85%;
   background-color: #F7F295;
   border-right: solid black;
   border-left: solid black;
}

/* ---- New part for control --- */
#leftside{
float: left;
width: 15%;
min-width: 110px;
margin: 1%;
padding:0;
}


/* ---- End of new section ---- */

#content
{
   color: black;
   background-color: white;
   width: 80%;
   /*position: absolute;
   right: 18.55%;
   right: .75em;
   top: 10.4em;*/
   float: right;
   margin-right: 1%;

}

#feature
{
   color: #990033;
}

#feature img
{
   width: 100%;
}

#recipes,
#reviews
{
   color: black;
   padding-right: .5em;
   padding-left: .5em;
   font-size: small;
}

#recipes
{
   position: static;
   float: left;
   width: 36%;
}

#recipes td
{
   text-align: center;
   font-size: x-small;
   font-weight: normal;
}

#reviews
{
   position: relative;
   float: right;
   width: 58%;
   padding: 0;
}

#reviews ul
{
   margin-left: .1em;
}

#footer
{
   clear: both;
   margin: .5em;
   border-top: solid black;
   text-align: center;
   font-size: x-small;
   background-color: white;
}

=======================

#content table
{
   color: black;
   margin: 0;
   padding: 0;
   width: 83%;
}

h3, h5
{
   font-family: "Comic Sans MS", "Cooper Std Black", sans-serif;
   font-size: medium;
   font-weight: normal;
   color: black;
   text-decoration: none;
   border: black;
}

h4
{
   padding: 0;
   margin: 0;
   font-weight: bold;
}

h5
{
   color: white;
   background-color: #DE2226;
   border-top: solid black;
   border-bottom: solid black;
   padding-left: .5em;
   margin: 0;
}

h6
{
   font-family: "Comic Sans MS", "Cooper Std Black", sans-serif;
   text-align: center;
   color: black;
   font-size: medium;
   font-weight: normal;
   margin: .25em;
}

img
{
   border: none;
}

/* Control form labels*/
#content fieldset
{
	float: left;
	display: block;
	width: 17em;
	margin: 0 1em 1em 0;
	padding: 0 1em 1em 1em;
}

#content input
{
	display: block;
	width: 15em;
}

#content label
{
	display: block;
	font-weight: bold;
}

#content select
{
	display: block;
}

/* Control the deletion page item layout - enclosed in a definition list */
dl#delete{margin: 0; padding: 0; float: left; width: 35em;}
dl#delete dt{margin:0 1em 0 0; padding:.5em; border: 4px double #000; float:left;}
dl#delete dd{margin:0; padding:0; float: left;}
/* The next rule is a self closing rule to clear the floats this rule works in MOSe browsers*/
dl.last{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* This hack does a self-close but for IE */
* html dl.last {height: 1%;} /* for IE 5 and 6 */
*:first-child+html dl.last{min-height: 1px;} /* for IE 7 */


/* Markup for critical warning */
.warning{font-weight: bold; font-variant: small-caps; font-size: 150%; color:#FF6600;}
#modifyItem form label
{
width: 12em;
float: left;
text-align: right;
margin-right: 1em;
display: block
}

#newcustomer
{
	float:left;
	width: 40%;
}
#returningcustomer
{
	float:inherit;
	width: 40%;
	background-color:#FFFF66;
	border: medium groove black;
}