body
{
    /* background-image: url(../images/coffeeBG2.jpg); */
    background-repeat: repeat;
    background-color: wheat;
    font-size: 62.5%; /* 1em = 10px, so if you want 12px fonts then specify 1.2em. This allows for easy sizing while text is still resizability for users */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 0 25px 0; /* Order of box padding, borders, ect = top right bottom left */
    text-align: center; /* This is specified not so text is centered, but so the div's that hold out content are centered */
}

div p
{
    font-size: 1.3em;
}


h3
{
    font-size: 2em;
}

td
{
    font-size: smaller;
}

h1, h2, h3, h4, h5, h6
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    color: #00377c;
    font-weight: normal;
    margin: 0;
    padding: 5px 0;
}

h1
{
    font-size: 3.6em;
    margin: -10px 0 10px 0;
    padding: 10px 10px 5px 10px;
}

h2
{
    font-size: 2.5em;
    margin-top: 10px;
}

.PageTitle
{
    font-size: Large;
}

/*------------------------------------------*/
/*-- Navigation --*/

a.NavButton:link, a.NavButton:visited, a.NavButton:Hover, a.NavButton:active
{
    font-family: Verdana, Arial,sans-serif;
    font-size: 12px;
    text-decoration: None;
    border: 1px solid black;
    color: White;
    display: block;
    padding-left: 10px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: Sienna;
}
a.NavButton:Hover, a.NavButton:active
{
    text-decoration: underline;
    background-color: SaddleBrown;
}

.menuHeading
{
    background-color: SaddleBrown;
    font-weight: bold;
    color: White;
    text-align: center;
    padding: 8px;
    font-size: larger;
}

/*------------------------------------------*/
/*-- Layout --*/

#PageContainer
{
    margin: 0px auto;
    width: 750px;
}

#HeaderText
{
    text-align: left;
    width: 100%;
    border: 1px solid black;
    overflow: auto;
    background-color: White;
}

#Logo img
{
    float: left;
}

#Center
{
    /* Contains everything below the header */
    clear: both; /* does not allow floating on either side */
    margin: 0 auto; /* top & bottom are 0, left and right are auto, auto-centering the div inside the header */
    width: 100%;
    overflow: visible;
    text-align: left;
    border: 1px solid black;
    padding: 0px;
    background-color: White;
}

#Menu
{
    float: left;
    width: 200px;
    clear: none; /* allows floating on both sides */
}

#Content
{
    float: right; /* floats to right of previous element */
    margin: 0;
    overflow: visible;
    width: 530px;
    padding: 10px;
    background-color: white;
}




#Content h1
{
    background-color: #FFFFFF;
    border-bottom: 1px solid #003366;
    font-size: 3.6em;
    margin: 0px 1px 10px 0px;
    padding: 2px 10px 5px 10px;
}


#Content p
{
    margin: 5px 0 5px 0;
}



#quotes
{
    background-color: Sienna;
    color: White;
}

.headerLinks
{
    text-align: center;
    vertical-align: bottom;
}

a.header
{
    font-size: x-small;
    font-weight: bold;
}

.shippingNotice
{
     text-align:center;
     font-size:small;
     background-color:#BEE0CF;
     padding: 3px;

}

#footer
{
    background-color: #BEE0CF;
    clear: both;
    border-top: 1px solid black;
    text-align: center;
    padding: 5px 10px;
}