/* CSS Document */

* {
    margin: 0;
    padding: 0;
    outline: none;
}

body {
    text-align: left;
    margin: 20px auto auto 0px;
    padding: 0px 0px 0px 0px;
    background-color: #f1d285;
}

a img {
    border: 0;
}

/* GATEWAY */

#gatewayWrap {
    background-color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    width: 458px;
    height: auto;
}

#gatewayContentWrap {

    border-left: 1px dashed #a59367;
    border-right: 1px dashed #a59367;
    border-bottom: 1px dashed #a59367;
    width: 441px;
    height: 388px
}

.gatewaybodyHeading1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-size-adjust: none;
    line-height: 15px;
    color: #CAAF67;
}

.gatewaybodyNormal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-size-adjust: none;
    line-height: 15px;
    color: #63601B;
}

/* MAIN */

#mainWrap {
    background-color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    width: 740px;
    height: auto;
}

.tableContent {
    padding-left: 12px;
    padding-right: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #996633;
}

/* IMAGE STYLES */

.IMG_TL_OUTER, .IMG_BR_OUTER, .IMG_TL_INNER, .IMG_BR_INNER {
    display: inline-table;
    display: block;
}

.IMG_TL_OUTER {
    float: left;
    padding: 5px 0px 0px 5px;
    background: url( images/corner_TL_OUTER.gif ) top left no-repeat;
}

.IMG_BR_OUTER {
    padding: 0px 5px 0px 0px;
    background: url( images/corner_BR_OUTER.gif ) right bottom no-repeat;
}

.IMG_TL_INNER {
    background: url( images/corner_TL_INNER.gif ) top left no-repeat;
}

.IMG_BR_INNER {
    background: url( images/corner_BR_INNER.gif ) right bottom no-repeat;
}

.IMG_BR_OUTER img {
    /*padding: -10px 0px 0px 0px;
     border:1px solid #ccc;*/
}

.leftImage {
    margin-left: 10px;
    margin-top: 2em;
}

/* TEXT STYLES */

.serifHeadingSmall {
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    color: #D95F30;
}

.serifHeadingLarge {
    font-family: "Times New Roman", Times, serif;
    font-size: 23px;
    color: #D95F30;
}

.bodyHeadingGraphic {
    margin: 20px 0px 0px 6px;
    padding: 0px;
}

.bodyRightSide {
    margin: 20px 50px 10px 10px;
    padding: 0px;
}

.bodyLeftSide {
    margin: 20px 50px 10px 10px;
    padding: 0px;
}

.bodyHeading1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-size-adjust: none;
    line-height: 15px;
    color: #CAAF67;
}

.bodyHeading2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-size-adjust: none;
    line-height: 20px;
    color: #000;
}

.bodyHeading3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-size-adjust: none;
    line-height: 20px;
    color: #63601B;
}

.bodyHeading4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-size-adjust: none;
    color: #D95F30;
}

.bodyHeading5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-size-adjust: none;
    line-height: 15px;
    color: #CAAF67;
}

/* if we have a body heading that is a link, don't underline it */
a.bodyHeading1, a.bodyHeading2, a.bodyHeading3, a.bodyHeading4, a.bodyHeading5 {
    text-decoration: none;
}

.bodyNormal {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size-adjust: none;
    line-height: 15px;
    color: #63601B;
}

a.bodyNormal:link {
    text-decoration: underline;
    color: #996633
}

a.bodyNormal:visited {
    text-decoration: underline;
    color: #996633
}

a.bodyNormal:hover {
    text-decoration: underline;
    color: #996633
}

#newsList ul {
    margin: 20px 5px 5px 10px;
    padding: 0px;
}

#newsList ul.wineList {
    margin: 10px 5px 5px 10px;
    padding: 0px;
}

#newsList li {
    list-style-image: url( images/bullet_flourish.gif );
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-size-adjust: none;
    line-height: 15px;
    margin: 5px 5px 5px 18px;
    padding: 0px;
    color: #996633;
}

#newsList li.heading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    font-size-adjust: none;
    color: #CAAF67;
    list-style: none;
}

#newsList li a:link {
    color: #996633;
    text-decoration: none;
}

#newsList li a:visited {
    color: #996633;
    text-decoration: none;
}

#newsList li a:hover {
    color: #996633;
    text-decoration: none;
}

#pairList ul {
    margin: 20px 5px 5px 10px;
    padding: 0px;
}

#pairList li {
    list-style-image: url( images/bullet_flourish.gif );
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-size-adjust: none;
    line-height: 11px;
    margin: 5px 5px 5px 18px;
    padding: 0px;
    color: #996633;
}

#pairList li a:link {
    color: #996633;
    text-decoration: none;
}

#pairList li a:visited {
    color: #996633;
    text-decoration: none;
}

#pairList li a:hover {
    color: #996633;
    text-decoration: none;
}

#wineBasicsContent td {
    color: #63601B;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-size-adjust: none;
    font-weight: normal;
    line-height: 15px;
}

#wineTipsContent ul {
    margin-top: .5em;
    margin-left: 1em;
}

#wineTipsContent ul li {
    /* these are the same as .bodyNormal */
    color: #63601B;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-size-adjust: none;
    font-weight: normal;
    line-height: 15px;

    margin-bottom: .75em;
}

/* add some spacing after the body headings (have to make them blocks to do so) */
#wineTipsContent span.bodyHeading1 {
    display: block;
    margin-bottom: .5em;
}