/* Style sheet for Goose For Supper webpages */

<!-- Anchors -->
a {
    font-family: arial, verdana, sans-serif;}

a.title {
    font-family: Copperplate Gothic Bold;}

a:link {
    color: #663300;
    font-weight: bold;
    text-decoration: none;}

a:active {
    cursor: pointer;
    text-decoration: underline;}

a:hover {
    background-color: gold;
    text-decoration: underline;}

a:visited {
    color: firebrick;
    font-weight: bold;
    text-decoration: none;}

body {
    background-color:#f0f8f0; 
    background-image: url(graphics/cattails.jpg);
    color: #993300;
    font-family: arial, verdana, sans-serif;}

form {
    background-color: #F0F8F0;
    border: 0px;}

font.title {
    font-family: Copperplate Gothic Bold;}

.catalog {
    font-family: Copperplate Gothic Bold;
    text-align: left;
    width: 48px;}

h1 {
    font-family: Copperplate Gothic Bold;}

hr {
    color: #663300;
    size: 3px;}

hr.order {
    color: black;
    size: 3px;}

<!-- Lists -->
li.bullet {
    list-style-position: outside;}

ol {
    list-style-position: outside;}

ul {
    list-style-image: url(graphics/bullet.jpg);}

<!-- Tables -->
table {
    background-color:#f0f8f0; 
    border: #008000 solid 5px;
    border-collapse: separate;
    border-spacing: 3px 5px;
    width: 95%;
    <!-- empty-cells: show; -->}

td {
    empty-cells: show;
    padding: 10px;
    vertical-align: middle;}

table.catalog {
    font-size: 20px;
    width: 90%;
    }

td.catalog {
    font-family: Copperplate Gothic Bold;
    text-align: left;
    width: 48px;}

table.header {
    width: 100%;}

td.header {
    border: sienna solid 3px;}

table.ingredients {
    }

td.ingredient {
    border-bottom: olive solid 1px;
    empty-cells: show;
    padding-left: 20px;
    text-align: left;}

table.navigation {
    border: #F0F8F0;
    width: 100%;}

table.order {
    background-color: white;
    border: #008000 solid 0px;
    color: black;}

td.order {
    text-align: left;}

table.recipe {
    padding-left: 20 px;
    width: 90%;}

td.recipe {
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;}

td.left {
    text-align: left;}

.right {
    text-align: right;}