* { margin: 0; padding: 0 }
body { font: 16px/23px "Lucida Grande", Verdana, sans-serif; background: #fff; }
div#container { position: relative; width: 824px; margin: 0 auto; background: #fff; }
div#header { height: 212px; background: url(/img/header-bg-alt.gif) no-repeat transparent; padding: 0 0 12px; border-bottom: 1px solid #818181; }
div#header h1 { width: 252px; height: 171px; background: url(/img/citrus-logo.jpg) no-repeat transparent; position: relative; top: 45px; left: 35px; }
div#header h1 span {display: none;}

div#breadcrumbs {min-height: 30px; width: 100%; background: #fff; }
div#breadcrumbs p { margin: 0; padding: 3px 0 0 12px; font-size: 12px;}

div#imagegallery { float: left; width: 100%; background: #fff; padding-top: 12px; margin: 30px 0 30px 0;}
div#imagegallery img.alignleft { margin-right: 29px;}

div#intro { margin: 0 0 1em;}
div#intro p, div#intro h1 { font: 24px/31px "lucida grande", verdana, sans-serif; margin: 30px 0 0; background: #fff; padding: 20px 50px 0; }
div#intro h1 { margin: 20px 0; padding: 0 50px; font-weight: bold;}

div#content h1,h2,h3,h4,p {margin: 15px 0; }

div#content { padding: 20px 50px; background: #f5f9df;  }
div#content  a {color: #00f; text-decoration: underline; }
div#content h2 a { color: #000; text-decoration: none; }
div#content  a:hover {color: #818181; text-decoration: underline; }
div#content  a:active {color: #fff; }

div#content ul { margin-left: 15px; list-style: none; }
div#content ul li { margin-left: 15px;}
div#content ol { margin-left: 15px;}
div#content ol li { margin: 0 0 10px 15px; }

div#content ol#recipes li a {color: #000; text-decoration: none;}
div#content  ol#recipes li a:hover {color: #818181; text-decoration: underline; }

div#navigation { position: absolute; top: 55px; right: 0; width: 180px; }
div#navigation ul {list-style: none;} 
div#navigation ul li a { height: 1%; padding-right: 12px; font-size: 14px; text-align: right; display: block; text-decoration: none; text-transform: uppercase; color: #818181; border-bottom: 1px solid #fff ; background: transparent; }
div#navigation ul li a:active{background: #fff;}

div#footer { background: #f4dcd5; text-align: center; font-size: 14px; margin-top: 12px; padding: 12px 0 0;  }
div#footer p, a {margin: 0; padding: 0;}
div#footer p#designedby {font-size: 10px; text-transform: lowercase; letter-spacing: 1px; }

.alignleft { float: left; }
.alignright { float: right; }

div#links  ul li { list-style: square;}