/*****

    Stylesheet for Victorian Lace Tea Room.
    Updated by Sam Tewksbury to make use of CORE.CSS functionality.

*****/

body
{
    _width: expression(document.body.clientWidth < 987? "985px" : "100%");
    min-width: 985px;
    min-height: 100.01%; 
    font-family: Times New Roman, Times, Serif;
    font-size: 18px;
    line-height: 20px;
    background-color: #FFFFFF;
    background-image: url('/images/body_bg.jpg');
    background-position: top left;
    background-repeat: repeat-y;
}

a, a:visited
{
    color: #5959FF;
}

a:hover
{
    color: #FF5959;
}

/***** Layout *****/

div#top
{
    height: auto !important;
    height: 100%;
    min-height: 100%;
    _width: expression(document.body.clientWidth < 987? "985px" : "100%");
    margin: 0px Auto -70px Auto;
}

/***** Header *****/

div#header
{
    height: 110px;
    margin-left: 170px;
    vertical-align: top;
}

div#header_top
{
    height: 80px;
}

div#header_top_left
{
    float: left;
    width: 470px;
    height: 80px;
}

div#header_top_right
{
    float: right;
    width: 230px;
    height: 80px;
    text-align: right;
}

div#header_top_right p
{
    padding: 3px 7px 0 0;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    color: #606060;
    line-height: 14px;
}

div#header_border
{
    height: 30px;
}

div#header_border div
{
    height: 30px;
    background-image: url('/images/vine_bg.jpg');
    background-repeat: repeat-x;
}

/***** Sidebar *****/

div#sidebar
{
    float: left;
    width: 170px;
    _margin-right: -3px;                                   /***** IE 6 Bug *****/
    vertical-align: top;
}

/***** Menu ******/

div#sidebar ul
{
    width: 160px;
    margin-top: 5px;
    padding-left: 5px;
}

div#sidebar li
{
    background-position: left top;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    _margin-bottom: 2px;                                    /***** IE 6 Bug *****/
}

div#sidebar li.m_home
{
    height: 30px;
    background-image: url('/images/menu/home_off.gif');
}

div#sidebar li.m_gallery
{
    height: 30px;
    background-image: url('/images/menu/gallery_off.gif');
}

div#sidebar li.m_contact
{
    height: 30px;
    background-image: url('/images/menu/contact_off.gif');
}

/***** Wrapper *****/

div#wrapper
{
    margin-left: 170px;
}

/***** Content *****/

div#content
{
    width: 785px;
    margin: 0em Auto 1.0em Auto;
}

div#content h1
{
    font-style: italic;
    font-weight: normal;
    color: #666666;
    letter-spacing: 0px;
}

div#content h2
{
    font-style: italic;
    font-weight: normal;
    font-size: 120%;
    line-height: 100%;
    color: #666666;
    letter-spacing: 0px;
}

div#content td
{
    vertical-align: top;
}

div#content p.goback
{
    font-style: italic;
    font-weight: normal;
    color: #666666;
}

div#content .margin_top_1em
{
    margin-top: 1em;
}

div#content .margin_top_10px
{
    margin-top: 10px;
}

div#content .margin_top_15px
{
    margin-top: 15px;
}

div#content .margin_right_10px
{
    margin-right: 10px;
}

/***** Bottom *****/

div#push, div#bottom
{
    height: 70px;
}

div#bottom
{
    _width: expression(document.body.clientWidth < 987? "985px" : "100%");
    position: relative;
    bottom: 0;
}

/***** Footer *****/

div#footer
{
    width: 100%;
    height: 70px;
    vertical-align: top;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    color: #606060;
    line-height: 14px;
}

div#footer a, div#footer a:visited
{
    color: #606060;
}

div#footer a:hover
{
    color: #FF5959;
}

div#footer_border
{
    height: 30px;
    padding-left: 170px;
}

div#footer_border div
{
    height: 30px;
    background-image: url('/images/vine_bg.jpg');
    background-repeat: repeat-x;
}

div#footer_bottom
{
    height: 40px;
}

div#footer_bottom div#footer_left
{
    float: left;
    width: 170px;
}

div#footer_bottom div#footer_left p
{
    padding: 5px 0px 0px 5px;
    padding-left: 5px;
}

div#footer_bottom div#footer_right
{
    float: right;
    text-align: right;
}

div#footer_bottom div#footer_right p
{
    padding: 5px 5px 0px 0px;
}

/***** Home Page *****/

div#home_top
{
    float: right;
    width: 300px;
    height: 350px;
    margin-left: 10px;
    margin-bottom: 1em;
}

div#home_bottom_1
{
    clear: both;
    width: 785px;
    height: 225px;
    text-align: center;
    margin-bottom: 1em;
}

div#home_bottom_2
{
    clear: both;
    width: 785px;
    height: 225px;
    text-align: center;
}

/***** Creations Pages *****/

div#creations_top
{
    width: 400px;
    height: 200px;
    margin: 1em Auto;
}

div#creations_bottom
{
    width: 400px;
    height: 200px;
    margin: 0 Auto;
}

/***** Contact Page *****/

div#contact_top
{
    text-align: center;
}

div#contact_map
{
    text-align: center;
}

div#contact_photos
{
    float: right;
    width: 785;
    height: 250;
    margin: 1em 0;
}

div#contact_photos img.first
{
    float: left;
    margin-right: 15px;
}