/*****

    Stylesheet for Belmont Motel

*****/

body
{
    background-color: #ECE1CD;
    background-image: url('/images/background.jpg');
    background-position: top center;
    font-family: Times New Roman, Times, Serif;
    font-size: 17px;
    line-height: 22px;
    color: #766E5A;
}

img.photo, div.photo
{
    border-color: #B8C1A9;
}

/***** The Wrapper *****/

div#top
{
    height: auto !important;
    height: 100%;
    min-height: 100%;
    margin: 0px Auto -50px Auto;
}

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

div#bottom
{
    position: relative;
    bottom: 0;
}

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

div#header
{
    width: 100%;
    height: 89px;
    background-image: url('/images/top_background.jpg');
    background-position: top center;
    background-repeat: repeat-x;
    text-align: center;
}

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

div#menu
{
    width: 100%;
    height: 28px;
    padding-top: 4px;
    background-image: url('/images/menu_background.jpg');
    background-position: top center;
    background-repeat: repeat-x;
    text-align: center;
}

div#menu ul
{
    width: 780px;
    margin: 0px auto;
}

div#menu ul li
{
    display: inline;
    float: left;
    height: 20px;
    width: 156px;
    background-position: top center;
    background-repeat: no-repeat;
}

div#menu ul li.m_home
{
    background-image: url('/images/menu/home_off.jpg');
}

div#menu ul li.m_accommodations
{
    background-image: url('/images/menu/accommodations_off.jpg');
}

div#menu ul li.m_interest
{
    background-image: url('/images/menu/interest_off.jpg');
}

div#menu ul li.m_links
{
    background-image: url('/images/menu/links_off.jpg');
}

div#menu ul li.m_contact
{
    background-image: url('/images/menu/contact_off.jpg');
}

/***** The Content DIV *****/

div#content
{
    width: 630px;
    margin: 0px Auto;
}

div#content p
{
    text-align: justify;
}

div#content p.text-center
{
    text-align: center;
}

div#content a, div#content a:visited
{
    color: #01177A;
}

div#content a:hover
{
    color: #D00000;
}

div#content div.caption
{
    font-size: 12px;
    color: #4D7C3C;
}

div#content ul.links
{
    width: 275px;
    margin: 0px Auto 1em Auto;
    list-style-position: outside;
    list-style-type: disc;
    vertical-align: middle;
}

div#content ul.links li
{
    margin-left: 1em;
    list-style-type: disc;
    vertical-align: middle;
}

/***** The Footer *****/

div#footer
{
    color: #B8AC8D;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}    

div#footer p
{
    margin-bottom: 0px;
    padding-bottom: 0px;
}

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

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

/***** Photos and titles. *****/

div#home_top
{
    height: 230px;
    margin-top: 1em;
}

div#home_bottom
{
    height: 462px;
    margin-bottom: 1em;
}

div#home_rotate_01
{
    width: 300px;
    height: 225px;
}

div#accommodations_top
{
    height: 227px;
    margin-top: 1em;
}

div#accommodations_bottom
{
    height: 227px;
    margin-bottom: 1em;
}

div#interest_pics
{
    height: 243px;
    margin-bottom: 1em;
}

div#interest_pics_short
{
    height: 170px;
    margin-bottom: 1em;
}

div#links_top
{
    height: 227px;
    margin-top: 1em;
}

img#contact_map
{
    margin-bottom: 1em;
}

img.titlepic
{
    margin: 1em 0;
}

img.title_phone
{
}

img.title_town
{
    margin-bottom: 1em;
}