#white { background-color: #fff; margin-top: -15px; }
#container { text-align: center; margin: 40px auto auto; width: 800px; min-width: 800px; min-height: 400px; }
body { font-family: georgia, Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background-repeat: repeat; text-align: center;}
#recipe-title { font-size: 110%; font-weight: bold; position: relative; height: 190px; border-top: 1px dotted #035313; }
#media-title { font-size: 110%; font-weight: bold; position: relative; height: 230px; border-top: 1px dotted #035313; }
#media-title h1 { color: #035c14; font-size: 110%; }
#media-title h2 { font-size: 80%; }
.orange { background-image: url(../images/background.gif); background-repeat: repeat; }
.green { background-image: url(../images/background-green.gif); background-repeat: repeat; }
.lightgreen { background-image: url(../images/background-light-green.gif); background-repeat: repeat; }
.red { background-image: url(../images/background-red.gif); background-repeat: repeat; }
.purple { background-image: url(../images/background-purple.gif); background-repeat: repeat; }
.blue { background-image: url(../images/background-blue.gif); background-repeat: repeat; }
/* Font sizes & colours */
p { line-height: 1.2em; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%}
h1 { color: #035c14; font-size: 100%; }
h2 { color: #363636; font-size: 140%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
h3 { color: #363636; font-size: 110%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
h4 { color: #ccc; font-size: 70%; }
a { color: #575656; text-decoration: none; }
a:hover { color: #035313; text-decoration: none; }
#square { background-image: url(../images/square.gif); background-repeat: no-repeat; background-position: center; text-align: left; width: 225px; height: 275px; margin: 10px; padding-left: 6px; }
/* STRUCTURE */
#quotation { color: #444; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; width: 100px; float: left; margin-left: 200px; }
#bottom-nav { text-align: center; bottom: 0; width: 100%; clear: both; padding-top: 3px; display: block; }
#footer { color: #ccc; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #7a2531; display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; top: 95%; width: 780px; clear: both; border-top: 1px dotted #555; }
#footer a { color: #fff; }
#footer a:hover { color: #d9dadb; }
#footer a:visited { color: #d9dadb; }
#rightcolumn { font-size: 95%; text-align: center; position: relative; width: 250px; float: left; min-width: 250px; }
#lcolumn { color: #363636; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-left: 12px; position: relative; width: 500px; float: left; min-width: 500px; }
#lcolumn-wider { color: #363636; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-left: 12px; position: relative; width: 600px; min-width: 500px; float: left; }
#lcolumn-margin { width: 600px; margin-left: 15px; float: left; margin-right: 15px; }
#fullwidth { color: #363636; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; text-align: left; position: relative; width: 800px; float: left; margin-right: 10px; margin-left: 10px; padding-left: 10px; }
#halfwidth-left { color: #363636; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; text-align: left; position: relative; width: 380px; float: left; clear: left; margin-right: 10px; margin-left: 10px; }
#halfwidth { color: #363636; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; text-align: left; margin-right: 10px; margin-left: 10px; position: relative; width: 380px; float: left; clear: both; }
#halfwidth-right { color: #363636; font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; text-align: left; position: relative; width: 380px; float: left; margin-right: 10px; margin-left: 10px; }
/* CENTRE AREA */

.centrecontent { font-size: 90%; width: 180px; clear: right; margin: 10px; padding-top: 10px; padding-left: 6px; display: block; }
.centrecontent ul { font-size: 90%; display: block; margin-top: 1em; margin-left: 25px; padding-bottom: 8px; list-style-type: square; }
.centrecontent a:link { color: #575656; text-decoration: none; }
.centrecontent a:visited { color: #363636; text-decoration: none; }
.centrecontent a:hover { color: #026716; text-decoration: none; }
.centrecontent a:active { }
/* IMAGES */
.floatleft { float: left; margin-right: 3px; }
.floatright { margin: 6px 0 6px 6px; padding: 4px; float: right; }
.thumbnails { clear: both; margin: 6px 6px 6px 0; padding: 4px; border: dotted 1px #666; }
.dottedline { clear: both; padding-bottom: 3px; padding-top: 3px; border-bottom: 1px dotted #555; }

/* NAVIGATION BAR */
#navigation { color: #035c14; font-size: 100%; background: white; height: 50px; width: 810px; margin-left: 10px; }
#navigation ul li { margin:0 0 0 0; padding: 0; list-style:none; }
#navigation ul { padding-left: 0; width: 100%; margin: 0; }
#navigation li {color: #fff; border-right: 1px dotted #a6d6af; padding: 0 0 0 0; float:left;  display:inline;}
#navigation a { color: #035c14; padding: 0 40px; text-decoration:none; line-height: 50px; margin-right: 0; margin-left: 0; display:block; }
#navigation a:hover {background:#e0e6e1; color:#035c14}
.tabmenu { margin:0; list-style:none; height:32px; padding-top: 0; padding-right: 50px; padding-left: 50px; }
.tabmenu li {float:left; margin-right:2px;}
.tabmenu li a { display:block; line-height: 30px; color:#fbfbfb; font-family:arial, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size:12px; font-weight:bold; float:left; text-decoration:none; text-decoration:none; background:#0a0b0b; padding-top: 0; padding-right: 45px; padding-left: 45px; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom-style: none; border-bottom-width: 0; -webkit-border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -moz-border-radius-topright:8px; -moz-border-radius-topleft:8px; border-top-right-radius:8px; border-top-left-radius:8px; -moz-box-shadow: 0px -1px 10px rgba(80, 80, 80, 0.5); -webkit-box-shadow: 0px -1px 10px rgba(80, 80, 80, 0.5); box-shadow: 0px -1px 10px rgba(80, 80, 80, 0.5); }

.tabmenu li a:hover {background:#0a0b0b; color:#d9dadb;
text-decoration:none;
}